Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Dive into a comprehensive 7-hour course on Shopify development, designed for both beginners and experienced developers. Learn to create unlimited free development stores, navigate Shopify's interface, and master the Theme Customizer. Explore essential developer tools, ThemeKit usage, and Liquid templating. Gain in-depth knowledge of theme folder structures, asset management, and section creation. Discover how to build custom themes using Theme Kit and Slate Tools, and integrate modern technologies like Vue.js and Bootstrap 4. Design responsive product pages, collection pages, and interactive cart systems. Optimize theme performance with lazy-loading techniques and explore creative web design principles. Complete the course with the opportunity to participate in a $1000 theme development challenge.

Syllabus

Shopify for Developers : Free Course + $1000 Giveaway Challenge..
1 - Shopify For Developers - Unlimited Free Stores for Developers.
2 - Create our First Shopify Developement Store.
3 - Shopify for Beginners Navigating around Options.
4 - Shopify Theme Customizer My Favorite Shopify Feature.
4 - Shopify Theme Customizer My Favorite Shopify Feature.
5 - Shopify Product page in Details - Last video for Shopify Basic.
6 - Dev tools for Shopify Theme Developers.
7 - How to use Shopify ThemeKit for Theme Development..
8 - How to use ThemeKit Watch Command for Shopify Theme Development.
9 - Shopify Liquid Resources and Cheat Sheet For Developers.
10 - Shopify Theme Folder Structure and Rules for Developers.
11 - Shopify Theme Assets, SCSS and JavaScript Managment.
13 - Shopify Theme Section Indeep for Developers.
12 - Visual Studio Code Extensions For Shopify Developers.
14 - Creating Your Own Shopify Theme Section.
15 - Access Section Settings in Front page - Shopify for Developers.
16 - Theme Settings for Everywhere Shopify for Developers.
17 - Shopify Templates are Important Shopify for Developers.
18 - Recap, Shopify Theme Customization - Stop watching it if....
19 - Creating Custom Theme for Shopify with Theme Kit - Shopify for Developers.
20 - Create Shopify Theme with Slate Tools - Shopify for Developers.
21 - Laravel Mix and Shopify Theme Development.
22 - Our Starter Theme for Shopify is Ready to Clone..
23 - Ultimate Guide and Resources on Vuejs and Shopify Theme Development Part 1.
24 - Best Practice Using Vuejs with Shopify Theme Part 2.
25 - Adding Bootstrap 4 to Shopify Theme and Vuejs.
26 - Multi-level Bootstrap 4 Navbar for Shopify Theme.
27 - Custom logo for Shopify Theme Navigation and Bootstrap 4.
28 - Create Slider for Shopify Theme with Bootstrap 4.
29 - Fixing Slider Navigation for Shopify Theme.
30 - Design Collection page in Shopify Theme.
31 - Customizable Collection page for Shopify Theme Settings.
32 - Collection page with Settings and Options.
33 - Shopify Hack and Tips for Developers.
34 - Design Product Page with Bootstrap 4 - Shopify for Developer.
35 - Slick Slider for Product Page Shopify - Shopify for Developer.
36 - Slick Slider with Custom navbar for Shopify Products.
36 - Understanding Add To Cart and Product form in Shopify.
38 How to Design Cart page in Shopify - Shopify for Developers.
39 - Shopify Cart Page Design Done, What's next ?.
40 Shopify Add to Cart with Ajax Request Vuejs and Axios.
41- Notify User After Add to Cart in Shopify Theme.
42 - Make Shopify Cart Interactive with Vuejs and JavaScript.
43 - Shared State in Vuejs for Cart and Mini cart Shopify theme.
44 - Shopify Add to Cart and Mini Cart Quantity done with Vuejs.
45 - How to Use Vuejs Filters in Shopify theme for Currency.
46 - How to Make Shopify Theme Load 89% Faster.
47 - How to Lazy-load Shopify Product Images for Fast Performance.
48 - How to Design Creative Websites for Web Designers.
49 - Win $1000 for Building Shopify Theme - Rules.
Winners of $1000 for Shopify Theme Development Course..