Видео курса

  • Урок 1. 00:05:48
    Let's start this amazing journey
  • Урок 2. 00:03:21
    Our main tool: Brackets text editor
  • Урок 3. 00:02:13
    What is HTML?
  • Урок 4. 00:05:24
    The structure of an HTML document
  • Урок 5. 00:07:58
    Starting to fill the structure
  • Урок 6. 00:04:38
    Images and attributes
  • Урок 7. 00:04:55
    One more thing: links
  • Урок 8. 00:04:04
    Getting started with CSS
  • Урок 9. 00:09:54
    Starting to make our webpage pretty: text
  • Урок 10. 00:05:32
    Colors
  • Урок 11. 00:05:40
    Classes and ID's
  • Урок 12. 00:07:33
    The CSS box model
  • Урок 13. 00:18:59
    Building a simple layout
  • Урок 14. 00:09:40
    Polishing our blog post
  • Урок 15. 00:04:36
    Relative vs. Absolute
  • Урок 16. 00:06:24
    Getting started with the Chrome Developer Tools
  • Урок 17. 00:03:48
    Introduction to web design
  • Урок 18. 00:08:55
    Beautiful typography
  • Урок 19. 00:06:46
    Using colors like a pro
  • Урок 20. 00:04:55
    Working with images
  • Урок 21. 00:03:30
    Working with icons
  • Урок 22. 00:03:43
    Spacing and layout
  • Урок 23. 00:02:51
    Introduction to user experience
  • Урок 24. 00:02:26
    Getting inspired: the secret ingredient for stunning web design
  • Урок 25. 00:06:14
    The 7 real-world steps to a fully functional website
  • Урок 26. 00:06:01
    Starting to put the 7 steps into action
  • Урок 27. 00:14:41
    First development steps
  • Урок 28. 00:10:05
    Setting up the fluid grid for responsive web design
  • Урок 29. 00:16:09
    Building the header - Part 1
  • Урок 30. 00:22:00
    Building the header - Part 2
  • Урок 31. 00:20:10
    Building the header - Part 3
  • Урок 32. 00:15:08
    Building the features section - Part 1
  • Урок 33. 00:17:57
    Building the features section - Part 2
  • Урок 34. 00:12:23
    Building the favorite meals section - Part 1
  • Урок 35. 00:11:36
    Building the favorite meals section - Part 2
  • Урок 36. 00:09:10
    Building the how-it-works section - Part 1
  • Урок 37. 00:17:28
    Building the how-it-works section - Part 2
  • Урок 38. 00:12:44
    Building the cities section - Part 1
  • Урок 39. 00:16:18
    Building the cities section - Part 2
  • Урок 40. 00:06:07
    Building the customer testimonials section - Part 1
  • Урок 41. 00:15:30
    Building the customer testimonials section - Part 2
  • Урок 42. 00:09:54
    Building the sign-up section - Part 1
  • Урок 43. 00:18:58
    Building the sign-up section - Part 2
  • Урок 44. 00:16:34
    Building the contact form form - Part 1
  • Урок 45. 00:09:26
    Building the contact form form - Part 2
  • Урок 46. 00:06:43
    Building the footer - Part 1
  • Урок 47. 00:18:21
    Building the footer - Part 2
  • Урок 48. 00:19:48
    Making the webpage responsive - Part 1
  • Урок 49. 00:21:46
    Making the webpage responsive - Part 2
  • Урок 50. 00:12:43
    A note about web browsers
  • Урок 51. 00:09:52
    Introduction to jQuery
  • Урок 52. 00:12:54
    Building a “sticky” navigation - Part 1
  • Урок 53. 00:10:54
    Building a “sticky” navigation - Part 2
  • Урок 54. 00:10:11
    Scrolling to elements
  • Урок 55. 00:14:40
    Adding animations on scroll
  • Урок 56. 00:20:16
    Making the navigation responsive
  • Урок 57. 00:05:12
    Final touch: creating a favicon
  • Урок 58. 00:12:13
    Performance optimization: site speed
  • Урок 59. 00:08:24
    Basic search engine optimization (SEO)
  • Урок 60. 00:09:20
    Let’s launch our webpage!
  • Урок 61. 00:05:48
    Google Analytics
  • Урок 62. 00:03:34
    You made it! Congratulations!
  • Урок 63. 00:31:41
    What’s New in CSS: A Quick Intro to Flexbox, Part 1
  • Урок 64. 00:22:12
    What’s New in CSS: A Quick Intro to Flexbox, Part 2
  • Урок 65. 00:23:31
    Using PHP to make our form work
  • Урок 66. 00:04:36
    Super effective ways to improve your website’s conversion

Материалы курса

К этому курсу прилагаются дополнительные материалы. Здесь вы можете скачать их.

Материалы к курсу