Shopify Theme Development 2.0 with Joe Santos Garcia

3,594

Category:

Your Instructor 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 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 ed 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

43
    43
    Your Cart
    Kathryn Porritt – Iconic Personal Brand 2.0 Remove
    Ichimoku Trading Strategy By Dinesh Nagpal Remove
    Get 1000+ Ai Avatar Readymade Reel Videos Remove
    Email Marketing Magic By Pat Flynn Remove
    Email Marketing Magic By Pat Flynn
    1 X 4,600 = 4,600
    Emergence – Practitioner’s Bundle Remove
    Shane Heins – Clubbell Mass Evolution Remove
    Affiliate World Dubai 2022 Remove
    Affiliate World Dubai 2022
    1 X 4,000 = 4,000
    BnfTv Youtube Course Remove
    BnfTv Youtube Course
    1 X 150 = 150
    Quantitive Capital Program Course Remove
    Quantitive Capital Program Course
    1 X 399 = 399
    Dr John Demartini – Empyreance VI Remove
    Dr John Demartini – Empyreance VI
    1 X 203,400 = 203,400
    NO BS DAY TRADING U.S. Markets Webinar (2013) Remove
    Karin Dimitrovova – Inversions Remove
    Karin Dimitrovova – Inversions
    1 X 6,142 = 6,142
    GateX – The Butterfly Effect Remove
    GateX – The Butterfly Effect
    1 X 800 = 800
    1stman — All Courses Remove
    1stman — All Courses
    1 X 4,500 = 4,500
    Nifty Banker 2.0 (2022) Remove
    Nifty Banker 2.0 (2022)
    1 X 199 = 199
    JeaFX : SMC PREMIUM COURSE Remove
    JeaFX : SMC PREMIUM COURSE
    1 X 149 = 149
    The IG BlackFile 4.0 by HeyDominik Remove
    The IG BlackFile 4.0 by HeyDominik
    1 X 5,600 = 5,600
    Smart Google Traffic (2023) Remove
    Smart Google Traffic (2023)
    1 X 150 = 150