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

  1. Урок 1. 00:01:54
    Welcome + week overview
  2. Урок 2. 00:00:43
    The course guides
  3. Урок 3. 00:02:06
    Introducing the brief
  4. Урок 4. 00:07:04
    Translating our brief into features
  5. Урок 5. 00:03:35
    Our project design
  6. Урок 6. 00:11:19
    Exploring our design + features
  7. Урок 7. 00:12:31
    A background on the web
  8. Урок 8. 00:07:06
    What is a backend?
  9. Урок 9. 00:05:38
    What is WordPress good for?
  10. Урок 10. 00:03:46
    How WordPress works
  11. Урок 11. 00:06:46
    Choosing a code editor
  12. Урок 12. 00:04:14
    Installing MAMP to run our sites locally
  13. Урок 13. 00:05:31
    Downloading WordPress into our website folder
  14. Урок 14. 00:06:20
    Creating our database + installing WordPress
  15. Урок 15. 00:18:35
    Exploring the WordPress dashboard
  16. Урок 16. 00:02:40
    Looking at pages + posts
  17. Урок 17. 00:01:53
    Exploring the WordPress codebase
  18. Урок 18. 00:04:28
    Installing our blank underscores theme
  19. Урок 19. 00:07:19
    Digging into themes + their templates
  20. Урок 20. 00:03:08
    Creating a new WordPress install for cool mat
  21. Урок 21. 00:06:42
    Adding our first food items as posts
  22. Урок 22. 00:04:55
    Editing our theme files
  23. Урок 23. 00:03:14
    Exploring our post content file
  24. Урок 24. 00:02:20
    Week summary + homework
  25. Урок 25. 00:04:18
    Welcome back + week overview
  26. Урок 26. 00:03:02
    Getting our website running again
  27. Урок 27. 00:04:51
    Adding our remaining food menu items
  28. Урок 28. 00:04:11
    Looking at loops
  29. Урок 29. 00:05:09
    Post content + template tags
  30. Урок 30. 00:08:59
    Shaping our content to our design
  31. Урок 31. 00:05:46
    Editing our main stylesheet
  32. Урок 32. 00:12:45
    Loading custom stylesheets
  33. Урок 33. 00:06:58
    Structuring our header
  34. Урок 34. 00:03:28
    Adding a custom navigation
  35. Урок 35. 00:18:14
    Using custom fonts + styling our header
  36. Урок 36. 00:16:09
    Coding up our hero section
  37. Урок 37. 00:02:34
    Updating our website tagline
  38. Урок 38. 00:14:07
    Coding up our intro + story section
  39. Урок 39. 00:07:08
    Styling up our food menu items
  40. Урок 40. 00:02:07
    Fine tuning our food menu items
  41. Урок 41. 00:12:43
    Using CSS grid for our food menu layout
  42. Урок 42. 00:03:12
    Making our navigation links work
  43. Урок 43. 00:04:58
    Week summary + homework
  44. Урок 44. 00:06:22
    Intro + week overview
  45. Урок 45. 00:00:45
    The final code on GitHub
  46. Урок 46. 00:01:54
    Getting back up + running
  47. Урок 47. 00:14:12
    Add numbers to our food menu items
  48. Урок 48. 00:14:05
    Styling our food menu item numbers
  49. Урок 49. 00:17:52
    Embedding our map + directions
  50. Урок 50. 00:05:22
    Creating ratio boxes using CSS
  51. Урок 51. 00:11:41
    Customizing our footer
  52. Урок 52. 00:03:57
    Making our copyright year dynamic
  53. Урок 53. 00:14:31
    Trimming down our theme
  54. Урок 54. 00:07:23
    Adding responsive header styles
  55. Урок 55. 00:05:07
    Adding multiple loops to our page
  56. Урок 56. 00:07:19
    Querying for specific posts
  57. Урок 57. 00:02:04
    Exploring the WordPress docs
  58. Урок 58. 00:08:05
    Adding responsive hero section styles
  59. Урок 59. 00:07:24
    Making our intro section dynamic
  60. Урок 60. 00:11:01
    Styling up our intro section
  61. Урок 61. 00:02:14
    Introducing custom post types
  62. Урок 62. 00:03:46
    Adding a custom post type
  63. Урок 63. 00:03:08
    Moving our intro content over
  64. Урок 64. 00:07:31
    Adding a locations custom post type
  65. Урок 65. 00:03:48
    Introducing advanced custom fields
  66. Урок 66. 00:08:15
    Installing + configuring our custom fields
  67. Урок 67. 00:05:10
    Using category descriptions for section headings
  68. Урок 68. 00:03:59
    Setting up our site to support multiple languages
  69. Урок 69. 00:06:11
    Adding translated posts via the dashboard
  70. Урок 70. 00:04:40
    Converting our menu into different languages
  71. Урок 71. 00:04:42
    Translating our restaurant intro + locations
  72. Урок 72. 00:03:12
    Adding a language switcher
  73. Урок 73. 00:05:02
    Setting up web hosting
  74. Урок 74. 00:05:43
    Configuring our website to put live
  75. Урок 75. 00:07:56
    Uploading our website using FTP
  76. Урок 76. 00:05:26
    Exporting and importing our data
  77. Урок 77. 00:05:29
    Connecting a custom domain name
  78. Урок 78. 00:04:20
    Making some final CSS grid tweaks
  79. Урок 79. 00:03:11
    Homework challenges
  80. Урок 80. 00:02:11
    Week + project summary
  81. Урок 81. 00:02:55
    Intro + week overview
  82. Урок 82. 00:03:23
    Using Figma as our design tool
  83. Урок 83. 00:01:20
    A recap on guides + the final code
  84. Урок 84. 00:01:35
    Design shout-outs
  85. Урок 85. 00:08:31
    Building our homepage feature list
  86. Урок 86. 00:13:30
    Our location page features
  87. Урок 87. 00:03:46
    Breaking our design into components
  88. Урок 88. 00:06:31
    Running a fresh WordPress install
  89. Урок 89. 00:06:03
    Adding our first post + trimming content
  90. Урок 90. 00:07:20
    Custom fields for the hero component
  91. Урок 91. 00:08:54
    Structuring our hero component
  92. Урок 92. 00:04:02
    Adding a custom background image
  93. Урок 93. 00:09:20
    Introducing design systems + tachyons
  94. Урок 94. 00:10:38
    How does tachyons work?
  95. Урок 95. 00:20:12
    Styling our header using tachyons
  96. Урок 96. 00:09:27
    Installing custom Google fonts
  97. Урок 97. 00:03:51
    Debugging code when things go wrong
  98. Урок 98. 00:07:42
    Adding the other location posts
  99. Урок 99. 00:04:20
    Putting our hero into a separate file
  100. Урок 100. 00:04:20
    Introducing flexible components
  101. Урок 101. 00:08:01
    Adding the header + text components
  102. Урок 102. 00:08:15
    Displaying flexible content in our theme
  103. Урок 103. 00:09:29
    Styling the header image
  104. Урок 104. 00:13:32
    Typographic header styles
  105. Урок 105. 00:06:31
    Styling the text block component
  106. Урок 106. 00:04:48
    Linking to posts + theme clean-up
  107. Урок 107. 00:04:31
    Adding remaining location headers
  108. Урок 108. 00:03:56
    Week summary + homework
  109. Урок 109. 00:06:47
    Week intro + overview
  110. Урок 110. 00:01:42
    Reintroducing design systems
  111. Урок 111. 00:06:48
    Responsive design using tachyons
  112. Урок 112. 00:09:19
    Adding responsive widths
  113. Урок 113. 00:22:19
    Styling our header using responsive tools
  114. Урок 114. 00:01:55
    What is tachyons suited for?
  115. Урок 115. 00:02:45
    What are functions?
  116. Урок 116. 00:07:00
    Writing our first function
  117. Урок 117. 00:03:25
    Formatting our date nicely with a function
  118. Урок 118. 00:06:21
    Cutting down repeated code
  119. Урок 119. 00:04:18
    Displaying an image attachment
  120. Урок 120. 00:02:39
    Responsive styles for image attachments
  121. Урок 121. 00:04:37
    Storing + getting data using objects
  122. Урок 122. 00:06:00
    Displaying + styling image captions
  123. Урок 123. 00:06:28
    What are arrays?
  124. Урок 124. 00:02:06
    Creating our gallery custom fields
  125. Урок 125. 00:05:50
    Adding the gallery component
  126. Урок 126. 00:04:03
    Organising components into files
  127. Урок 127. 00:07:21
    Displaying gallery images in our theme
  128. Урок 128. 00:06:08
    Styling the gallery images
  129. Урок 129. 00:07:31
    Creating custom widths for images
  130. Урок 130. 00:02:29
    Styling the text component
  131. Урок 131. 00:02:32
    Organising our gallery into a component file
  132. Урок 132. 00:07:10
    Using WP_Query for improved queries
  133. Урок 133. 00:04:18
    Excluding the current post from a loop
  134. Урок 134. 00:03:31
    Typographic styling for the explore section
  135. Урок 135. 00:14:53
    Aspect ratio boxes using tachyons
  136. Урок 136. 00:04:02
    Dropping in our social sharing links
  137. Урок 137. 00:12:28
    Adding the homepage components
  138. Урок 138. 00:02:32
    Adding the footer component + styles
  139. Урок 139. 00:05:57
    Introducing page transitions
  140. Урок 140. 00:09:36
    Using barba.js for page transitions
  141. Урок 141. 00:11:32
    A design once-over with tweaks
  142. Урок 142. 00:11:07
    Adding the remaining Hong Kong content
  143. Урок 143. 00:09:02
    Preparing + putting our website online
  144. Урок 144. 00:06:12
    Connecting a custom domain
  145. Урок 145. 00:09:02
    Thinking about performance
  146. Урок 146. 00:04:01
    Optimising images
  147. Урок 147. 00:11:16
    Week summary + homeworks
  148. Урок 148. 00:00:55
    Week intro
  149. Урок 149. 00:13:33
    Leading with our client proposal
  150. Урок 150. 00:08:10
    Introducing Flywheel
  151. Урок 151. 00:17:20
    Exploring e-commerce options
  152. Урок 152. 00:04:19
    Creating our theme
  153. Урок 153. 00:09:09
    Installing + configuring WooCommerce
  154. Урок 154. 00:10:56
    Exploring WooCommerce itself
  155. Урок 155. 00:02:15
    Checking off completed features
  156. Урок 156. 00:07:29
    Introducing the design
  157. Урок 157. 00:06:11
    Showing WooCommerce’s flexibility
  158. Урок 158. 00:03:50
    Creating product categories
  159. Урок 159. 00:11:46
    Adding some initial products
  160. Урок 160. 00:04:15
    Product search + additional features
  161. Урок 161. 00:05:31
    Advanced theme options for WooCommerce
  162. Урок 162. 00:05:21
    Customising WooCommerce templates
  163. Урок 163. 00:05:03
    Creating our site on Flywheel
  164. Урок 164. 00:03:05
    Pushing our site live
  165. Урок 165. 00:03:01
    Week overview + homeworks
  166. Урок 166. 00:02:00
    Week intro
  167. Урок 167. 00:12:55
    Feature list + client questions
  168. Урок 168. 00:09:25
    Creating variable products
  169. Урок 169. 00:03:34
    Adding a custom navigation
  170. Урок 170. 00:07:34
    Showing featured products
  171. Урок 171. 00:08:01
    Setting up our styles
  172. Урок 172. 00:07:06
    Embedding custom fonts
  173. Урок 173. 00:20:51
    Styling our header
  174. Урок 174. 00:01:31
    Disabling the admin bar
  175. Урок 175. 00:06:01
    Selectable colors using custom fields
  176. Урок 176. 00:10:47
    Displaying custom category colors
  177. Урок 177. 00:03:28
    Custom shop template files
  178. Урок 178. 00:10:28
    Product grid + layout styling
  179. Урок 179. 00:03:16
    Custom product background colors
  180. Урок 180. 00:10:06
    Styling our product details
  181. Урок 181. 00:07:42
    Introducing hooks + actions
  182. Урок 182. 00:03:13
    Full size product images using filters
  183. Урок 183. 00:04:15
    Cleaning up our category page
  184. Урок 184. 00:17:57
    Creating an animated marquee
  185. Урок 185. 00:07:59
    Navigation spotlight hover effect
  186. Урок 186. 00:10:48
    Displaying featured category images
  187. Урок 187. 00:07:51
    Trimming down our product page
  188. Урок 188. 00:03:08
    Introducing conditional tags
  189. Урок 189. 00:10:10
    Splitting our headers into components
  190. Урок 190. 00:03:39
    Creating a header for our product page
  191. Урок 191. 00:08:33
    Styling the product page header
  192. Урок 192. 00:06:29
    Showing related products
  193. Урок 193. 00:07:15
    Moving our notification messages
  194. Урок 194. 00:06:47
    Initial styling for checkout pages
  195. Урок 195. 00:12:46
    Taking card payments using Stripe
  196. Урок 196. 00:04:34
    Week summary + homework
  197. Урок 197. 00:01:08
    Week intro
  198. Урок 198. 00:05:46
    Overview of final features
  199. Урок 199. 00:12:42
    Responsive header styles
  200. Урок 200. 00:05:28
    Responsive product styles
  201. Урок 201. 00:07:50
    Creating custom footer navigations
  202. Урок 202. 00:05:43
    Styling our footer navigations
  203. Урок 203. 00:07:32
    Adding sale prices to products
  204. Урок 204. 00:02:16
    Using product short descriptions
  205. Урок 205. 00:07:35
    Batch importing product data
  206. Урок 206. 00:06:38
    Adding images to products
  207. Урок 207. 00:04:28
    Customising featured products order
  208. Урок 208. 00:01:40
    Trimming the theme down
  209. Урок 209. 00:01:45
    Setting our site name + tagline
  210. Урок 210. 00:03:42
    Configuring stock + account options
  211. Урок 211. 00:05:16
    Adding video to the homepage
  212. Урок 212. 00:02:42
    Custom page templates
  213. Урок 213. 00:06:10
    Creating our product search
  214. Урок 214. 00:13:21
    Adding the search + cart links
  215. Урок 215. 00:06:13
    Copying over cart theme files
  216. Урок 216. 00:13:58
    Styling the shopping cart table
  217. Урок 217. 00:10:11
    Custom backgrounds on cart images
  218. Урок 218. 00:04:48
    Changing the product remove icon
  219. Урок 219. 00:19:59
    Styling the coupon code + buttons
  220. Урок 220. 00:16:02
    Styling the cart totals table
  221. Урок 221. 00:13:13
    Product page typography styles
  222. Урок 222. 00:05:41
    Custom button colour + font smoothing
  223. Урок 223. 00:12:20
    Product page layout tweaks
  224. Урок 224. 00:08:19
    Styling the search + basket component
  225. Урок 225. 00:12:10
    Customising product variation style
  226. Урок 226. 00:04:03
    Varying product page flexbox layout
  227. Урок 227. 00:13:24
    Theming the flash notice
  228. Урок 228. 00:05:12
    Updating the standard page header
  229. Урок 229. 00:28:42
    Our checkout page styles
  230. Урок 230. 00:06:31
    Styling the footer
  231. Урок 231. 00:10:25
    Setting up shipping costs
  232. Урок 232. 00:05:47
    Creating discount coupons
  233. Урок 233. 00:05:30
    Order confirmations + notifications
  234. Урок 234. 00:17:06
    Creating contact forms
  235. Урок 235. 00:08:04
    Student discount form
  236. Урок 236. 00:10:19
    Preparing + putting our site live
  237. Урок 237. 00:02:54
    Updating the search page template
  238. Урок 238. 00:02:48
    Making our website secure
  239. Урок 239. 00:02:33
    Improving SEO in WordPress
  240. Урок 240. 00:02:59
    Preventing getting locked out
  241. Урок 241. 00:04:16
    Course summary + homeworks