-
Урок 1.
00:01:23
Welcome and Week Overview
-
Урок 2.
00:09:08
Why Shopify?
-
Урок 3.
00:06:19
Setting Up First Store
-
Урок 4.
00:13:25
Creating our first theme
-
Урок 5.
00:13:45
Exploring our Design and Technical Blueprint
-
Урок 6.
00:08:35
Setting up our first product
-
Урок 7.
00:09:53
Beginning Development
-
Урок 8.
00:02:41
Getting Product Data
-
Урок 9.
00:07:50
Outputting Product Data and hooking up the Cart Form
-
Урок 10.
00:05:19
Marking up Index.liquid
-
Урок 11.
00:09:34
Matching the Add to Cart form to our Designs
-
Урок 12.
00:11:09
Using Locales and Translations for static text
-
Урок 13.
00:12:31
Marking up the Cart Button
-
Урок 14.
00:04:20
Exploring the Cart
-
Урок 15.
00:11:12
Marking Up The Cart Page
-
Урок 16.
00:07:42
Marking up the Empty Cart state
-
Урок 17.
00:01:38
Introduction to Stylesheets
-
Урок 18.
00:08:27
Saving Sass Variables and Base Styles
-
Урок 19.
00:10:01
Basic Homepage Styling
-
Урок 20.
00:12:07
Homepage Grid Layouts
-
Урок 21.
00:04:22
Styling the Image Area
-
Урок 22.
00:27:07
Styling the Info Area
-
Урок 23.
00:12:43
Tightening up the homepage
-
Урок 24.
00:19:03
Styling the Cart Icon
-
Урок 25.
00:29:53
Styling the Empty Cart
-
Урок 26.
00:34:39
Styling the Filled Cart
-
Урок 27.
00:15:51
Changing the Product Image with JavaScript
-
Урок 28.
00:11:01
Creating the 404 page and pointing unstyled templates to it
-
Урок 29.
00:01:46
Adding Webfonts
-
Урок 30.
00:01:23
Responsive Design Homework
-
Урок 31.
00:01:02
Week 1 + Project Summary
-
Урок 32.
00:01:35
Intro + Week Overview
-
Урок 33.
00:01:29
Exploring our Designs
-
Урок 34.
00:02:40
Importing Products from a CSV File
-
Урок 35.
00:06:12
Setting up static assets and dynamic content
-
Урок 36.
00:03:49
Introducing Link Lists
-
Урок 37.
00:23:55
Marking up Theme.liquid
-
Урок 38.
00:03:51
Setting up the Homepage Collection
-
Урок 39.
00:04:31
Marking up Index.liquid
-
Урок 40.
00:13:25
Marking up Product-Card.liquid
-
Урок 41.
00:05:58
Marking up Product.liquid
-
Урок 42.
00:08:29
Switching from a Dropdown Select to Radio Buttons
-
Урок 43.
00:06:05
Adding the Quantity Component
-
Урок 44.
00:12:07
Making the Quantity Component Functional
-
Урок 45.
00:06:16
Hooking into the Quantity Change Event
-
Урок 46.
00:11:57
Dynamically Adjusting and Validating the Add to Cart Form
-
Урок 47.
00:01:58
Cleaning up the JavaScript
-
Урок 48.
00:04:27
Finishing the Add to Cart form Markup
-
Урок 49.
00:12:17
Marking up the Cart + Line Item
-
Урок 50.
00:29:36
Beginning styles for theme, header + footer
-
Урок 51.
00:17:29
Styling Index + Product Card
-
Урок 52.
00:18:50
Styling the Product Page + Add to Cart Form
-
Урок 53.
00:12:45
Styling the Cart Page + Line Items
-
Урок 54.
00:02:40
Introducing the Ajax API
-
Урок 55.
00:03:54
Preparing the Mini Cart and Cart Contents
-
Урок 56.
00:09:48
Adding products using the Ajax API
-
Урок 57.
00:14:41
Making the Mini Cart Functional with Ajax
-
Урок 58.
00:05:24
Styling the Mini Cart
-
Урок 59.
00:11:01
Opening and Closing the Mini Cart
-
Урок 60.
00:07:19
Marking up and Styling the Page.liquid + 404.liquid
-
Урок 61.
00:01:38
QAing the Site
-
Урок 62.
00:06:03
Web fonts + Responsive
-
Урок 63.
00:01:33
Week + Project Summary
-
Урок 64.
00:02:24
Intro + Week Overview
-
Урок 65.
00:04:23
Exploring our Designs
-
Урок 66.
00:05:21
Setting up the new store with imported data
-
Урок 67.
00:06:10
Marking up the Header and Footer
-
Урок 68.
00:05:48
Introducing Theme Settings
-
Урок 69.
00:02:52
Introducing Currency Switching
-
Урок 70.
00:02:52
Setting up the store for multiple currencies
-
Урок 71.
00:05:07
Adding Shopify's currency settings to Settings_Schema
-
Урок 72.
00:05:02
Adding Shopify's Currencies Liquid snippet
-
Урок 73.
00:07:56
Creating and including the Currency Switch
-
Урок 74.
00:18:27
Refactoring the Currency Picker
-
Урок 75.
00:09:58
Debugging & Adding a Currency Blurb to the cart page
-
Урок 76.
00:03:52
Introduction to Theme Sections
-
Урок 77.
00:02:18
Evaluating the sections in Index
-
Урок 78.
00:20:19
Creating the Schema for the Slideshow Section
-
Урок 79.
00:09:11
Marking up the Index Slideshow Section
-
Урок 80.
00:16:26
Creating the Schema for the Content sections
-
Урок 81.
00:14:14
Marking up the Content Sections
-
Урок 82.
00:03:07
Introducing Complex Product Options
-
Урок 83.
00:05:28
Setting up the Add to Cart Form
-
Урок 84.
00:09:20
Using Liquid to create a JSON object of variant data
-
Урок 85.
00:12:59
Separating Product Options
-
Урок 86.
00:21:23
Validating or Invalidating the Add to Cart Form
-
Урок 87.
00:08:55
Adjusting the price based on Selected Variant
-
Урок 88.
00:09:13
Assigning and Retrieving the selected variant from the URL
-
Урок 89.
00:03:22
Hooking up the form to the Ajax API
-
Урок 90.
00:03:33
Creating the Mini Cart and Line Item Snippets
-
Урок 91.
00:04:54
Hooking up the mini cart to the Ajax API
-
Урок 92.
00:03:45
Week Summary + Homework
-
Урок 93.
00:02:16
Recap + Week Intro
-
Урок 94.
00:15:47
Setting up the Line Item Quantity Picker
-
Урок 95.
00:15:33
Updating the quantity via the Ajax API
-
Урок 96.
00:08:51
Creating the Search Form component
-
Урок 97.
00:09:36
Getting Search Results
-
Урок 98.
00:03:19
Marking up the Search, Results, and 404 Page
-
Урок 99.
00:18:03
Marking up the Collection Page + Product Card
-
Урок 100.
00:08:12
Marking up the Line Item + Cart Contents
-
Урок 101.
00:19:38
Marking up the Product Page
-
Урок 102.
00:09:50
Getting dynamic color swatches
-
Урок 103.
00:13:01
Extending the Product Description using Liquid
-
Урок 104.
00:07:51
Inlining SVGs
-
Урок 105.
00:02:58
Introduction to Modular Stylesheets
-
Урок 106.
00:10:51
Setting up PrePros + Architecting Stylesheets
-
Урок 107.
00:07:16
Global Stylesheets + Live Reloading
-
Урок 108.
00:03:54
Base variables, styles, and mixins
-
Урок 109.
00:22:06
Header + Styleguide
-
Урок 110.
00:09:51
Footer Styles
-
Урок 111.
00:14:51
Styling the Collection Page + Product Card
-
Урок 112.
00:27:21
Styling the Product Page
-
Урок 113.
00:12:01
Styling the Collection List + Product More snippets
-
Урок 114.
00:25:16
Styling the cart, contents + mini cart
-
Урок 115.
00:14:01
Styling the Search, results, + 404 page
-
Урок 116.
00:19:19
Styling the Index Sections
-
Урок 117.
00:23:51
Hooking up Slideshows
-
Урок 118.
00:07:11
Putting it all together + Homework
-
Урок 119.
00:08:39
Self-Hosting Webfonts
-
Урок 120.
00:03:26
Customizing the Checkout
-
Урок 121.
00:02:52
Placing a test order
-
Урок 122.
00:05:11
Week Review + Course Recap