Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Shopify Theme Development 2.0
First Section
Shopify Intro (3:42)
Shopify 1.0 vs 2.0 (18:13)
How To Design Themes As A Developer (24:31)
Next Section is Optional But I Still Recommend It (2:48)
Next JS For Static Files
Setup Our Static Files Environment (21:48)
Build Header part 1 (31:52)
Build Header 2 (26:38)
Hero Part 1 (29:34)
Hero part 2 (27:17)
Collections 1 part 1 (29:32)
Collection 1 Part 2 (23:08)
Collection 3 (19:05)
Footer (38:33)
Sublinks and Hover Effects (33:26)
Why we did this? (25:40)
Completed Static Files
Create a Development Store
Become shopify partner and create dev store (5:18)
Online Store 2.0 Basics
How to install Shopify CLI (10:10)
Shopify CLI Basics (32:06)
Connecting Shopify With Github (7:47)
How to use Github with Shopify (15:06)
Live Reload and Static Assets (16:05)
Differences between debut and dawn (10:21)
Build A Theme with Shopify Online Store 2.0 - Sections
Getting Started to create theme (3:48)
Create Our Theme Layout (10:10)
Don't Forget To Commit Changes (7:38)
Add Dummy Data (4:20)
Create Announcement Bar (30:17)
Header Section Part 1 (21:08)
Header Section part 2 (18:30)
Header Section Part 3 (24:47)
Header Section Part 4 (24:09)
Header Section Part 5 (1:12)
Hero Section Part 1 (28:18)
Hero Section Part 2 (35:03)
Hero Section Part 3 (29:32)
Hero Section Part 4 (33:32)
Collection Products Part 1 (32:16)
Collection Products Part 2 (46:23)
Collection-Products Part 3 (17:11)
Preview Shopify Theme Course (12:56)
Collection Group Section (25:18)
Footer Part 1 (18:23)
Footer Part 2 (27:12)
Footer Part 3 (10:32)
Section Challenge (5:54)
Templates
Two Types Of Templates (11:04)
Create Alternate Template Part 1 (17:00)
Create Alternate Template part 2 (20:10)
Create Demo Home Page (19:21)
Shopify Apps in Themes (15:50)
CSS and Images
Adding Images To Theme (10:45)
Workflow for css (44:10)
Make all section css load (16:19)
Javascript
How to Use JavaScript in Shopify Themes (23:23)
Vanilla JS - Header Animation (27:17)
Libraries - Header Animation (16:46)
API and AJAX (12:39)
Framework - Vue JS Section Part 1 (19:12)
Framework - Vue JS Section Part 2 (13:31)
Framework - Vue JS Part 3 (20:09)
Conclusion
Where to go from here (12:52)
Completed Files
Create Alternate Template Part 1
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock