Shopify Theme Development Course from Joe Santos Garcia

Hi my name is Joe Santos Garcia a web developer based out of NYC. I’ve worked on projects for major companies. I have a successful youtube channel with over 50,000 subscribers who love my tutorials and over 50,000 students world wide in multiple platforms. My goal is to get all my students and subscribers to level of being hired as a developer.

Course Curriculum

First Section

Intro (10:12)
Preview
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 (44:02)

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)
Start
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

Get immediately download Shopify Theme Development Course from Joe Santos Garcia