Photo by Nicole De Khors from Burst
Shopify has bee growing so fast in the last couple of years. “We made history in 2018: no other SaaS company has crossed the $1 billion-dollar revenue mark at a faster growth rate than Shopify has,” said Tobi Lütke
I’m a self-taught developer who worked as a freelancer and indie maker in 2019 and I learned Shopify app and theme development and I want to share with you resources that help me to become a Shopify developer
Prerequisite to learn Shopify Theme Development :
Shopify theme is like WordPress themes but Shopify use their markup language (Liquid ) instead of PHP
You need to
have basic knowledge with HTML5, CSS3, and JavaScript
have basic knowledge with Jquery (Many Shopify libraries use Jquery ) — Optional
have basic knowledge with Command Line
Create a Shopify Partner account to upload and test your Shopify theme (Free with unlimited Shopify store for development)
Prerequisite to learn Shopify App Development :
Shopify app is a web app and you can use any programming language like Ruby, Python, PHP or Node JS to build one and in this guide, I’ll focus on Node JS in this guide
You need to :
have basic knowledge with HTML5, CSS3
a good understanding of JavaScript and React (Shopify Polaris built With React but you can use any framework or just vanilla JS)
good understanding of how to build a full-stack web application (Authentication, consume external API, Send Requests from the front end and deal with it in the back end )
have basic knowledge with GraphQL (Shopify API built with GraphQL)
Create a Shopify Partner account to create, test and publish your Shopify app (Free)
Ressources to learn Shopify Theme Development
Shopify Partner Blog: Articles and guides about design inspiration, Shopify development tips
Shopify Partner Academy: Free courses from Shopify team to learn how to work with Shopify tools
Shopify for web developers: (Free course) Set up your first Shopify store and create your first custom Shopify theme by a Shopify Expert
Advanced Shopify Theme: (Free course) Create advanced Shopify theme (Make Shopify theme a single web app using AJAX ) by a Shopify expert
Liquid Cheatsheet: Cheatsheet to get all Shopify liquid variables, filters, and helpers
Liquid Code Examples: Collection of code snippets to speed up your development process and understand how to write liquid code
Shopify YB Playlist: Youtube course to learn Shopify theme development
Shopify Theme Kit: a command-line tool to upload your Shopify theme to a Shopify store automatically when changes are made locally
Shopify Theme Docs: Shopify docs to create your Shopify theme
Ressources to learn Shopify App Development
Shopify Partner Blog: Articles and guides about design inspiration, Shopify development tips
Shopify Partner Academy: Free courses from Shopify team to learn how to work with Shopify tools
Shopify React Node App: Tutorial by Shopify team to create your first React and Node JS Shopify app using Polaris (Shopify React design system) and KOA Js to handle server-side rendering
Shopify App CLI: Create your Shopify app like (Create React App), serve your shopify app in Ngrok server (Free) and update your Ngrok server link automatically in your Shopify App dashboard
Conclusion
Thanks for reading, I wish you the best on your new journey.
Top comments (0)