Shopify Theme Development: Online Store 2.0 + TailwindCSS
Learn how to create Shopify themes for Online Store 2.0 (JSON Templates) using Shopify CLI, Liquid, & TailwindCSS
Learning Journey Context
Designed for experienced practitioners. We recommend having a solid grasp of Web Development fundamentals before starting this specialization.
Relevant for: Frontend Developer, Full Stack Developer, Web Engineer.
💡This course fits perfectly into our comprehensiveWeb Development Learning Path. Explore the ecosystem to see how it compares to other foundational skills.
Quick Facts
What You’ll Learn
Shopify just recently updated their Shopify online experience and now they call it "Online Store 2.0". With this update, Shopify merchants can now customize their entire online store using sections & blocks. This opened a lot of doors not just for Shopify app developers but also for Shopify theme developers because now, you can add cool sections and blocks to the most commonly used pages like products page, collections page, blog page, etc.If you're a Shopify theme developer and you don't know yet how to create a Shopify theme for Online Store 2.0, then this is the best time to learn because Shopify is now accepting Shopify themes to be listed on their Shopify Theme Store!This means you can make money by selling your Shopify themes! So are you interested to learn more?
In this course, we’re going to learn how to create a Shopify theme for Online Store 2.0 using Shopify CLI with the help of TailwindCSS to design a cool online store.
In this course you will learn:
How to set up your development store
Using TailwindCSS to design a Shopify theme
Online Store 2.0 (JSON Templates)
Shopify CLI
Schema Settings
Search Engine Optimization (SEO) for pages like articles, products, etc.
Liquid language (Referencing asset files, loops, conditional statements, Shopify objects, filters, and many more)
Customer pages
Frequently Asked Questions
Q: Is this course beginner-friendly?
A: If you're new to Shopify theme development, YES. However, if you're entirely new to Web Development, then this course is NOT for you since I won't be explaining how HTML works, how CSS utilities works, what is JavaScript, etc. If you're entirely new to web development, I suggest learning it first before taking this course.
Q: What operating system are we required to use?
A: I have used MacOS in this course, so if you want to use a different OS, you can do that. However, make sure that you know your way around your system since yours is going to be different from mine (e.g. Terminal/Powershell/Shell)
If you think you’re ready to start, signup now, and let’s create the best Shopify theme together!
Outcomes
- Learn about the new Online Store 2.0 and the new theme architecture of Shopify.
- Shopify Theme Development.
- Liquid Programming (Tags, Objects, & Filters).
- How to use TailwindCSS in Shopify Theme Development.
- Create Shopify themes using Shopify CLI.
- Create an advanced product page w/ product carousels on mobile, variant selectors, and more!.
FAQs
Reviews
⭐4.7 / 5 average rating from 1.3K+ learners
View detailed reviews on Udemy →Deals
This course is currently available at a discounted price ₹799 on Udemy. Udemy also offers deals on other courses from time to time — click below to explore
Explore Deals on Udemy →Deals and prices are set by the provider and may change. Please check final details on the provider’s site.
Top Alternatives
Highly-rated courses worth your attention
![Shopify Theme Development: Create Shopify Themes [2023]](https://img-b.udemycdn.com/course/240x135/3873888_16dc_2.jpg)
