A Basic Shopify Theme Developer Roadmap

Written by moek | Published Invalid Date
Tech Story Tags: web-development | ecommerce-web-development | ecommerce | shopify | tech-careers | shopify-store | shopify-theme | shopify-development

TLDRIn this article, you will learn the basics of what you need to know to work as a Shopify developer. You need to create a partner account to open a development store and use Shopify for free. You will edit websites in the admin panel called customizer. You can edit the theme code if you wish to. For code editing, you need a minimum knowledge of Web Development.via the TL;DR App

Is Shopify a well-equipped platform for development? What do you need to know to create Shopify Themes? Let’s check it out!

Hello everybody! In this article, I’ll tell you my story about Shopify Development, how I started, and how it goes. Also, you will learn the Shopify developer roadmap based on my experience.


I’m a Shopify Developer

I have 4 years of experience in front-end development. I had a job in a digital agency where I worked as a Shopify developer for one year. I made a lot of Shopify stores and customizations, and now I have enough experience with it.

If you want to be a Shopify developer you have to create a Shopify partner account. What is that?

Shopify partner account

To work with themes you need to create a partner account to open a development store and use Shopify for free. Also, you can use beta features and try new content.

How I met Shopify

I learned some CMS like WordPress, Drupal, Joomla, Magento, etc. I saw that Shopify is so popular and I wanted to learn what it is. I saw a lot of videos and read some articles about Dropshipping, Liquid, the Shopify platform, and others. And my interest in a lot of CMS during those days helped me to find a full-time job.

How I started working on Shopify as a developer

An IT company recently offered me a position as a Shopify Developer, which I accepted. My work primarily involved modifying third-party themes and performing extensive code customizations. Occasionally, this process was time-consuming due to issues within the theme that needed fixing.

Subsequently, I delved into Shopify's documentation to learn how to create lightweight, functional themes. This led me to realize that Shopify websites can be visually appealing and user-friendly, contrary to my previous belief that they were solely heavy and slow-loading. As for Shopify development, I focused on Shopify Theme Development since my primary interest lies in website design.

Shopify Developer Roadmap

Shopify Basics

In this level, you need a minimum knowledge of Web Development. One thing you need to know is computer basics. You will edit websites in the admin panel called customizer. You can edit the theme code if you wish to. For code editing you’ll need to know:

  • HTML
  • CSS
  • Basic JavaScript
  • jQuery
  • JSON
  • Liquid
  • Shopify platform.

Shopify Theme Developer

  • HTML

  • CSS

  • JavaScript

  • JS Framework (React.js or Vue.js)

  • Shopify Platform

  • Shopify APIs

  • Liquid

  • GraphQL.

    So it can be kind of difficult to learn all of these quickly, but it will take some time as everything does when you are learning new technologies. You can read more here on official Shopify development documentation.

Shopify Plus Developer

  • Shopify Platform
  • Liquid
  • Shopify Plus Apps
  • Script Editor (Ruby)
  • Shopify Headless CMS (Storefront API)
  • Framework (Hydrogen or Next JS)
  • GraphQL.

jQuery is used in old themes, if you have a fresh theme no needs to know it.

Overall

In this article, you learned the basics of what what you need to know to work as a Shopify developer.

If you want to get a Shopify store for your start-up or business you can hire me as a professional Shopify developer.

Also published here.


Written by moek | Front-end Shopify Developer
Published by HackerNoon on Invalid Date