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

 

0 Likes
Highlighted
Shopify Partner
289 22 34

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,

Duncan

Isle of Misfit Code and Development

Best Regards,
Duncan.
Isle of misfit code & development
http://ecomdev.ca
1 Like

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

0 Likes
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.

Cheers

Suraj
Https://justshopified.com
0 Likes