Create a development store it's FREE!!! | codingphase

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Shopify Theme Development Course

First Section

Intro (10:12)
Create a development store it's FREE!!! (3:32)
SASS is Deprecated In The New Version Of Shopify Debut Theme
Get the right version of Debut Theme (5:00)
Install ThemeKit (4:09)
Getting up and running (22:54)
Link you must bookmark (4:17)

Liquid Template Engine

Using Liquid for the first time (7:19)
Types (5:25)
Using Filters in Liquid (12:07)
Comments (1:28)
Control Flow (11:09)
Loops (13:03)
Extra things in liquid (9:24)
Template Layouts (19:59)
Snippets (7:16)
Working with Assets (10:21)
Recap of basics (3:36)

Theme Dev Basics

Getting setup to build sections (5:19)
Looping over menus (19:48)
Final Clean Up (9:26)
Create Our First Static Section (19:49)
Use Static Sections Everywhere (1:43)
Creating the tier settings (22:18)
Loop Over Blocks (18:47)
Adding Dynamic Sections with presets (22:01)
Adding More Presets (5:01)
Intro to the Settings Schema (16:55)
Editing Setting Data with Presets (21:17)
Add Products and Collections (22:45)
Working with collections (14:31)
Concluding the basics (11:51)
Final Theme Files

Static Front End

Course Images Files
Header (30:02)
Top Jumbo (28:25)
Build 2 Column Collection (30:52)
Horizontal Image (18:02)
Product Group Section (22:28)
Creating the footer (24:24)
Auto Play Video on Jumbo (4:57)
Adding Gsap and scroll magic to site (7:18)
Animate The Jumbo (21:31)
Animate The Two Collectios (18:37)
Animate the header (14:31)
Banner Product Group and Footer Animation (22:18)
How We Will Make The Site Responsive (2:43)
Mobile Menu HTML (35:31)
Mobile Menu Animation (21:33)
Make the rest of the page responsive (18:12)
Complete Static Files For Front End

Building Our Theme

Before we start watch this (4:03)
Getting Setup For Our New Theme (9:00)
Transfer Our Static Layout To Theme (20:33)
Header Section Part 1 (21:20)
Header Section Part 2 (19:44)
Header Section Part 3 (10:13)
Footer Section Part 1 (5:37)
Footer Section Part 2 (23:19)
Footer Section Part 3 (16:31)
Footer Section Part 4 (27:44)
Jumbo Section Part 1 (7:07)
Jumbo Section Part 2 (34:15)
Jumbo Section Part 3 (7:00)
Jumbo Section Part 4 (31:09)
Two Collections Section Part 1 (10:11)
Fixing somethings in the settings data (5:03)
Two Collections part 2 (18:28)
Two collections part 3 (14:56)
Horizontal Sale Section (17:19)
Products Group Section (19:40)
Make sure use classes for animations (10:01)
Refactor Javascript (30:08)
Add Content Wrapper To All Pages (33:47)
Fix header for other pages (7:39)
Before Moving On To The Next Video SCSS
Convert our css to scss format (6:43)
Final Theme Settings Part 1 (22:41)
Final Theme Settings Part 2 (27:23)
Final Theme Settings Part 3 (29:06)

Conclusion

Conclusion (16:24)
Completed Files

Create a development store it's FREE!!!

Complete and Continue

Discussion

1 comments