Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Shopify Theme Development: Online Store 2.0 + TailwindCSS, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:01:45
    Introduction
  2. Урок 2. 00:01:11
    Before We Get Started
  3. Урок 3. 00:04:00
    What is Online Store 2.0?
  4. Урок 4. 00:08:44
    What is Shopify Liquid?
  5. Урок 5. 00:02:52
    Creating Shopify Partners Account
  6. Урок 6. 00:02:32
    Creating Development Stores
  7. Урок 7. 00:04:09
    Installing VSCode in MacOS
  8. Урок 8. 00:02:37
    Installing NodeJS
  9. Урок 9. 00:02:07
    Installing Shopify CLI
  10. Урок 10. 00:04:52
    Creating The Shopify Theme Project using Shopify CLI
  11. Урок 11. 00:07:29
    Installing TailwindCSS
  12. Урок 12. 00:13:55
    For Those You Had Problems with TailwindCSS In The Previous Lesson
  13. Урок 13. 00:23:50
    The Navigational Bar
  14. Урок 14. 00:13:21
    The Dropdown Menus
  15. Урок 15. 00:05:44
    The Problem With Nested Menus
  16. Урок 16. 00:18:14
    The Mobile Menu
  17. Урок 17. 00:05:45
    Fixing Missing Menus in 404 Page
  18. Урок 18. 00:12:53
    [404]: Learning about JSON Templates
  19. Урок 19. 00:02:54
    [404]: Settings Schema
  20. Урок 20. 00:07:25
    [404]: Designing The 404 Page
  21. Урок 21. 00:04:39
    [Article]: Creating Blog Posts
  22. Урок 22. 00:06:44
    [Article]: Liquid To JSON Template
  23. Урок 23. 00:19:09
    [Article]: Settings Schema
  24. Урок 24. 00:14:35
    [Article]: Designing The Article Page
  25. Урок 25. 00:37:32
    [Article]: Comments Section
  26. Урок 26. 00:11:24
    [Article]: Search Engine Optimization (SEO) #1
  27. Урок 27. 00:14:08
    [Article]: Search Engine Optimization (SEO) #2
  28. Урок 28. 00:12:56
    [Blog]: Liquid To JSON Template
  29. Урок 29. 00:03:26
    [Blog]: Setting Schema
  30. Урок 30. 00:11:37
    [Blog]: Designing The Blog Page
  31. Урок 31. 00:17:21
    [Blog]: Paginations
  32. Урок 32. 00:03:07
    [Cart]: Liquid To JSON Template
  33. Урок 33. 00:30:41
    [Cart]: Making a Working Cart Page
  34. Урок 34. 00:04:33
    [Cart]: Making a Test Order for Development Stores
  35. Урок 35. 00:09:08
    [Cart]: Schema Blocks
  36. Урок 36. 00:09:41
    [Collection]: Liquid To JSON Template
  37. Урок 37. 00:09:01
    [Collection] - Designing The Collection Page
  38. Урок 38. 00:05:19
    [Collection] - Creating The Product Card Snippet File
  39. Урок 39. 00:03:07
    [Collection] - Creating Schema Settings
  40. Урок 40. 00:02:40
    [Collection] - Creating That Zoom Effect on Hover
  41. Урок 41. 00:03:26
    [Index] - Liquid To JSON Template
  42. Урок 42. 00:17:35
    [Index] - Featured Collection
  43. Урок 43. 00:17:19
    [List Collections] - Creating a Working List Collections Page
  44. Урок 44. 00:05:27
    [Page] - Liquid To JSON Template
  45. Урок 45. 00:01:52
    [Page] - Rendering The Page Content
  46. Урок 46. 00:02:18
    [Page] - Designing The Page
  47. Урок 47. 00:21:51
    [Custom Section] - Contact Form
  48. Урок 48. 00:02:52
    [Page] - Contact Page
  49. Урок 49. 00:04:09
    [Product] - Liquid To JSON Template
  50. Урок 50. 00:08:30
    [Product] - Creating The Necessary Products For Testing
  51. Урок 51. 00:13:16
    [Product] - Rendering The Product Medias
  52. Урок 52. 00:14:10
    [Product] - Creating Product Media Carousels
  53. Урок 53. 00:24:26
    [Product] - Creating The Product Form
  54. Урок 54. 00:06:10
    Let's Fix Our Code
  55. Урок 55. 00:14:22
    [Product] - Creating Schema Blocks for the Product Form
  56. Урок 56. 00:22:55
    [Product] - The JavaScript Side of Product Template
  57. Урок 57. 00:11:17
    [Search] - Creating The Search Bar
  58. Урок 58. 00:13:03
    [Search] - Rendering Products in Search Results
  59. Урок 59. 00:22:22
    [Customer] - Login Page
  60. Урок 60. 00:12:50
    [Customer] - Registration Page
  61. Урок 61. 00:01:17
    [Customer] - Testing Forgot Your Password Form
  62. Урок 62. 00:11:43
    [Customer] - Reset Password Form
  63. Урок 63. 00:06:55
    [Customer] - Guest Login
  64. Урок 64. 00:28:52
    [Customer] - Account Page
  65. Урок 65. 00:25:19
    [Customer] - Order Page #1
  66. Урок 66. 00:09:51
    [Customer] - Order Page #2
  67. Урок 67. 00:14:25
    [Customer] - Order Page #3
  68. Урок 68. 00:14:21
    [Customer] - Addresses Page (Creating the interface)
  69. Урок 69. 00:21:55
    [Customer] - Addresses Page (Creating The New Address Modal)
  70. Урок 70. 00:30:57
    [Customer] - Addresses Page (JavaScript Side of Customer Address Form)
  71. Урок 71. 00:13:56
    [Customer] - Addresses Page (Creating The Edit Address Modal)
  72. Урок 72. 00:07:25
    [Customer] - Addresses Page (Set as default address)
  73. Урок 73. 00:14:26
    [Customer] - Addresses Page (Deleting addresses)
  74. Урок 74. 00:17:31
    [Customer] - Activate Account Page
  75. Урок 75. 00:03:20
    Fixing AlpineJS Blipping Issue
  76. Урок 76. 00:02:10
    Fixing Shopify CLI Errors
  77. Урок 77. 00:14:37
    Using Theme Check
  78. Урок 78. 00:06:04
    Updating Shopify CLI
  79. Урок 79. 00:10:15
    Upgrading TailwindCSS to v3
  80. Урок 80. 00:05:46
    Fixing SwiperJS error and the media size
  81. Урок 81. 00:04:29
    Using 3D Models in Shopify
  82. Урок 82. 00:02:50
    What is Model Viewer?
  83. Урок 83. 00:10:37
    Setting up the product model custom element
  84. Урок 84. 00:06:58
    Setting up the product model modal window
  85. Урок 85. 00:19:09
    Creating JavaScript of <product-model> custom element
  86. Урок 86. 00:07:05
    Writing the CSS style of the Model Viewer to maximize its size
  87. Урок 87. 00:09:33
    Using the Model Viewer UI Feature of Shopify