Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

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