Advanced Shopify Theme Development: Liquid + Vue.js (v3.0)

Advanced Shopify Theme Development: Liquid + Vue.js (v3.0), available at $64.99, has an average rating of 4.35, with 34 lectures, based on 138 reviews, and has 1638 subscribers.

You will learn about How to create a Shopify theme from scratch with Vue. and Liquid Advanced Liquid Techniques Create a high quality Shopify Theme Advanced Shopify Techniques using Vue and Liquid Shopify Ajax API Create a custom variant and option selector for products Create a powerful Mini-Cart using Vue How to implement Vue using a CDN in Shopify themes This course is ideal for individuals who are Shopify Developers or Software Developers or E-Commerce / Shopify Agencies or E-Commerce / Shopify Developers It is particularly useful for Shopify Developers or Software Developers or E-Commerce / Shopify Agencies or E-Commerce / Shopify Developers.

Enroll now: Advanced Shopify Theme Development: Liquid + Vue.js (v3.0)

Summary

Title: Advanced Shopify Theme Development: Liquid + Vue.js (v3.0)

Price: $64.99

Average Rating: 4.35

Number of Lectures: 34

Number of Published Lectures: 33

Number of Curriculum Items: 34

Number of Published Curriculum Objects: 33

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

How to create a Shopify theme from scratch with Vue. and Liquid
Advanced Liquid Techniques
Create a high quality Shopify Theme
Advanced Shopify Techniques using Vue and Liquid
Shopify Ajax API
Create a custom variant and option selector for products
Create a powerful Mini-Cart using Vue
How to implement Vue using a CDN in Shopify themes

Who Should Attend

Shopify Developers
Software Developers
E-Commerce / Shopify Agencies
E-Commerce / Shopify Developers

Target Audiences

Shopify Developers
Software Developers
E-Commerce / Shopify Agencies
E-Commerce / Shopify Developers

Advanced topics include:

– How to build a fully functional Shopify Theme from Scratch

– Advanced Liquid Techniques

– Shopify Ajax API

– Create a powerful Mini-Cart using Vue.js

– Create a custom variant and option selector for products

– Build an Advanced Shopify Theme from the Future (Vue.js 3.0)

– How to implement Vue.js using a CDN in Shopify themes

Who is the course for?

Anyone who is looking to build ecommerce themes for themselves, clients or to get an in demand job using the Shopify platform. Most Shopify themes are stuck in the past. Utilizing jQuery for dynamic content is from the past. This course throws jQuery out the window and replaces it with Vue.js. The most flexible and powerful JavaScript framework that allows us to create a Shopify theme from the future.

The theme built in this course utilizes the best practices for Shopify themes but adds an innovation piece where it is needed the most. The way we will be building this theme will allow for the best customer experience with the least maintenance.

Why Vue.js?

Vue.js is the only framework that allows for the kind of flexibility that is needed when building Shopify themes. We are able to inject Vue.js into the parts of the theme where we need it most and keep it away from where we don’t need it. Vue.js is also easy to pick up and start using. There is no extensive setup required and no dependencies. It super lightweight and allows us to easily manage state within our theme.

Course Curriculum

Chapter 1: Introduction

Lecture 1: What we will be building

Lecture 2: Inspiration

Chapter 2: Preparation

Lecture 1: Shopify Partners Account and Online Store

Lecture 2: Theme Kit Connection

Lecture 3: Why Vue.js?

Chapter 3: Theme Basics

Lecture 1: Adding Products and Collections

Lecture 2: Collection Page

Lecture 3: Homepage Section Schema

Lecture 4: Product Page

Chapter 4: Product Page in Depth

Lecture 1: Adding Vue.js to Product Page

Lecture 2: Adding to Cart with Vue.js

Lecture 3: Custom Select Dropdown

Chapter 5: SCSS for Shopify

Lecture 1: Product Page Styling Basics

Lecture 2: Styling Header and presets

Lecture 3: Swiper.js Version

Lecture 4: Collection Page Styling

Lecture 5: Product Card Styling

Lecture 6: Product Page Styling

Chapter 6: Mini-Cart

Lecture 1: Mini-Cart Setup

Lecture 2: Mini-Cart Styling

Lecture 3: Mini-Cart Final Functionality

Chapter 7: Home Page Sections

Lecture 1: Hero Image and Rich Text Sections

Lecture 2: Image with Text Section

Lecture 3: Logo List Section (Section Blocks)

Chapter 8: Using Navigations (Menus)

Lecture 1: Menu Drawer

Lecture 2: Footer Menu and Styling

Chapter 9: Finishing Touches

Lecture 1: Menu Interactions

Lecture 2: Mobile Responsiveness

Lecture 3: Next Steps

Chapter 10: BONUS How to find freelance clients

Lecture 1: Introduction

Lecture 2: Custom Job Boards

Lecture 3: Social Networks

Lecture 4: Slack Groups

Instructors

Working With Shopify
All about working with Shopify

Rating Distribution

1 stars: 4 votes
2 stars: 3 votes
3 stars: 8 votes
4 stars: 41 votes
5 stars: 82 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu