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