Using Javascript in Shopify Theme Development
Shopify Theme Programming Class: https://skl.sh/2AETO9r
Two months for free! for new Skillshare.com users
Episode Overview
-----------------------------
So far on this channel, we’ve covered quite a bit of Shopify Liquid but in order to allow the user to update the UI without reloading the page, we’re going to need to use Javascript.
Javascript is essential in Shopify theme development as Shopify Liquid, the language that allows us to access the data layer of our store is executed server-side.
Using Javascript, we can add features like front-end variant switching, lazy loading and so much more. Basically any interaction on the front-end that you see on a Shopify store relies on Javascript code.
So, in this video, let’s talk about how to use Javascript inside Shopify Themes and talk about the two ways we can pass data from Shopify’s backend for use on the front end.
Links Mentioned
----------------------------
Understanding Web Development: A beginners guide to the Web
https://skl.sh/2pEfQmR
Shopify Theme Programming: Liquid, JSON and Javascript
https://skl.sh/2AETO9r
Check out my stuff online...
My Skillshare.com channel:
https://www.skillshare.com/r/profile/Christopher-Dodd/3311891
My travel channel:
https://www.youtube.com/christhefreelancer
My website:
https://christhefreelancer.com
My socials:
Instagram: https://www.instagram.com/christhefreelancer/
Facebook: http://facebook.com/christhefreelancer/
Twitter: https://twitter.com/chrisrdodd
Видео Using Javascript in Shopify Theme Development канала Code with Chris the Freelancer
Two months for free! for new Skillshare.com users
Episode Overview
-----------------------------
So far on this channel, we’ve covered quite a bit of Shopify Liquid but in order to allow the user to update the UI without reloading the page, we’re going to need to use Javascript.
Javascript is essential in Shopify theme development as Shopify Liquid, the language that allows us to access the data layer of our store is executed server-side.
Using Javascript, we can add features like front-end variant switching, lazy loading and so much more. Basically any interaction on the front-end that you see on a Shopify store relies on Javascript code.
So, in this video, let’s talk about how to use Javascript inside Shopify Themes and talk about the two ways we can pass data from Shopify’s backend for use on the front end.
Links Mentioned
----------------------------
Understanding Web Development: A beginners guide to the Web
https://skl.sh/2pEfQmR
Shopify Theme Programming: Liquid, JSON and Javascript
https://skl.sh/2AETO9r
Check out my stuff online...
My Skillshare.com channel:
https://www.skillshare.com/r/profile/Christopher-Dodd/3311891
My travel channel:
https://www.youtube.com/christhefreelancer
My website:
https://christhefreelancer.com
My socials:
Instagram: https://www.instagram.com/christhefreelancer/
Facebook: http://facebook.com/christhefreelancer/
Twitter: https://twitter.com/chrisrdodd
Видео Using Javascript in Shopify Theme Development канала Code with Chris the Freelancer
Показать
Комментарии отсутствуют
Информация о видео
16 июля 2020 г. 3:00:01
00:34:11
Другие видео канала
![Shogun Shopify Page Builder: Developer Crash Course](https://i.ytimg.com/vi/AUYDya6FNQc/default.jpg)
![SHOPIFY LIQUID: Theme Programming for Beginners [CRASH COURSE]](https://i.ytimg.com/vi/zBtwd2OfZsI/default.jpg)
![Understanding the Shopify API](https://i.ytimg.com/vi/U2nIleAHQXE/default.jpg)
![How to Become a Shopify Theme Developer](https://i.ytimg.com/vi/N1547RcRaF8/default.jpg)
![How to Set Up a Local Theme Development Workflow](https://i.ytimg.com/vi/SrtOXwjXJ1w/default.jpg)
![Shopify Theme Developer: A Day in the Life](https://i.ytimg.com/vi/UVmVXbY7kAM/default.jpg)
![How to Add Code to the Storefront](https://i.ytimg.com/vi/0dp0Lr9Y_P4/default.jpg)
![How to create new Theme Sections and Blocks](https://i.ytimg.com/vi/jzhsYMxUp8s/default.jpg)
![How to create customizable products in Shopify (FREE)](https://i.ytimg.com/vi/Vfxlz4Rfnpo/default.jpg)
![An Overview of Liquid: Shopify's Templating Language](https://i.ytimg.com/vi/-ihFPNcSkT4/default.jpg)
![How to Build a Shopify App with Node and React](https://i.ytimg.com/vi/PIXN032XJJ8/default.jpg)
![11 - Shopify Theme Assets, SCSS and JavaScript Managment](https://i.ytimg.com/vi/zBgFnyAMXOM/default.jpg)
![Shopify how to edit the contact us page - how to create custom contact forms](https://i.ytimg.com/vi/utjuXqWBB7w/default.jpg)
![Getting Started with GraphQL](https://i.ytimg.com/vi/ARgQ4oK0Mz8/default.jpg)
![Shopify how to create a Featured Product Slider](https://i.ytimg.com/vi/7DqtFl2KaSg/default.jpg)
![How To Use Shopify as A Web Developer in 2020](https://i.ytimg.com/vi/78N7hRwIZO4/default.jpg)
!["Sections Everywhere" - Shopify's New Store Design Experience [Explained]](https://i.ytimg.com/vi/IIXfzaBJngw/default.jpg)
![Shopify Theme Development EP03 - How it works](https://i.ytimg.com/vi/9t6I-YY4o30/default.jpg)
![Shopify Tutorial for Beginners (2021 Full Tutorial) - Create A Professional Online Store](https://i.ytimg.com/vi/ACqrKzY-j-s/default.jpg)
![How to Work with Webhooks](https://i.ytimg.com/vi/FO2ch1wxfcQ/default.jpg)