Learning Liquid from scratch

New Member
16 0 0

Hi Dear ,


I want some to guide to get the right resources to learn more about the following :

1- HTML used in Shopify ( With references )

2- CSS used in Shopify ( With references )

3- Java Script used in Shopify ( With references )

4- detailed resource for shopify liquid and the relationship with used JS , CSS and HTML

5- list of commands used and accepted in Shopify liquid

6- where to write scripts  :

- liquid

- css

- html

- JS


Shopify Partner
274 22 37

Hey There.

HTML, CSS, and Javascript.  I would suggest just learning it in general.  No difference between general Code and Shopify. Once you get the basics down, you can look into JQuery, Ajax, React, and SASS to start doing the advanced stuff.

HTML I would check out this Cheat Sheet I use Daily: https://www.shopify.ca/partners/shopify-cheat-sheet

This Document on Building Sections: https://help.shopify.com/en/themes/development/theme-editor/settings-schema


Here is a Document on how to get to the code to edit: https://help.shopify.com/en/manual/using-themes/change-the-layout/theme-code


This is a Great course, but I would wait till it goes on Sale.  Its expensive right now (generally every few months): https://www.udemy.com/the-complete-web-developer-course-2/  - It covers the basics of everything you need plus MUCH MUCH MORE.


For learning Liquid, I actually did not try writing any.  I started by trying to change things that already exist.  Edit image sizes, Adding stuff to sections that already exist, etc.


Best Regards,


Isle of Misfit Code and Development

Best Regards,
Isle of misfit code & development

Hi @tariq_abulaila, I made a video tutorial for you on how to configuring shopify theme. Hope this helps! https://www.askquesty.com/shopify-answers/configuring-theme-shopify-tutorial

In my opinion, you should learn HTML and CSS in general.

There are some great free resources out there (i recommend youtube) that can help you get started as a beginner.

Also if you opt to spend some money,checkout udemy for courses regarding web dev.