Видео курса

  • Урок 1. 00:05:35
    Welcome To The Course
  • Урок 2. 00:07:39
    How The Web Works (Summarized)
  • Урок 3. 00:06:35
    The Roles Of HTML & CSS In Web Development
  • Урок 4. 00:07:13
    Getting Setup With Visual Studio Code
  • Урок 5. 00:02:30
    Section Intro
  • Урок 6. 00:08:47
    Create & Open HTML Pages
  • Урок 7. 00:07:48
    Doctype & Basic Layout
  • Урок 8. 00:04:34
    Setting Up Live Server (VSCode Extension)
  • Урок 9. 00:09:10
    Meta Tags & Search Engines
  • Урок 10. 00:09:43
    Headings, Paragraphs & Typography
  • Урок 11. 00:10:26
    Links, Images & Attributes
  • Урок 12. 00:08:47
    Lists & Tables
  • Урок 13. 00:17:25
    Forms & Input
  • Урок 14. 00:05:51
    Block & Inline Level Elements
  • Урок 15. 00:09:59
    Divs & Spans, Classes & Ids
  • Урок 16. 00:07:56
    HTML Entities
  • Урок 17. 00:05:36
    HTML5 Semantic Tags & Challenge
  • Урок 18. 00:03:38
    HTML5 Semantics Solution & Wrap Up
  • Урок 19. 00:03:04
    Section Intro
  • Урок 20. 00:08:48
    Implementing CSS
  • Урок 21. 00:10:25
    Basic CSS Selectors
  • Урок 22. 00:05:40
    Dev Tools Introduction
  • Урок 23. 00:12:12
    Fonts In CSS
  • Урок 24. 00:08:46
    Color Types
  • Урок 25. 00:16:40
    Backgrounds & Borders
  • Урок 26. 00:15:04
    Box Model, Margin & Padding
  • Урок 27. 00:13:16
    Float & Alignment
  • Урок 28. 00:09:20
    Link State & Button Styling
  • Урок 29. 00:11:11
    Navigation Menu Styling
  • Урок 30. 00:08:15
    Inline, Block & Inline-Block Display
  • Урок 31. 00:10:33
    Positioning
  • Урок 32. 00:04:56
    Form Style Challenge
  • Урок 33. 00:09:12
    Form Style Solution
  • Урок 34. 00:05:44
    Aside: Visibility, Order & Negative Margin
  • Урок 35. 00:04:07
    Project Intro
  • Урок 36. 00:03:40
    Aside: Design & Ideas
  • Урок 37. 00:21:02
    File Structure & Navbar
  • Урок 38. 00:22:25
    Showcase & Home Info
  • Урок 39. 00:12:15
    Features & Footer
  • Урок 40. 00:20:04
    About Page
  • Урок 41. 00:11:55
    Contact Page
  • Урок 42. 00:03:24
    What Is Responsive Design?
  • Урок 43. 00:15:07
    Getting Started With Media Queries
  • Урок 44. 00:15:40
    Em & Rem Units
  • Урок 45. 00:14:45
    Vh & Vw Units
  • Урок 46. 00:19:10
    Making The Hotel Website Fully Responsive
  • Урок 47. 00:03:10
    What Is Flexbox?
  • Урок 48. 00:09:11
    Flex Basics
  • Урок 49. 00:11:52
    Flex Alignment & Order
  • Урок 50. 00:03:19
    Project Intro
  • Урок 51. 00:16:38
    File Structure & Flex Navbar
  • Урок 52. 00:13:41
    Showcase Header
  • Урок 53. 00:11:22
    What We Do Section
  • Урок 54. 00:14:19
    Who We Are & Clients Sections
  • Урок 55. 00:18:07
    Contact Form, Map & Footer
  • Урок 56. 00:11:34
    Smooth Scrolling With JS
  • Урок 57. 00:06:46
    Widescreen & Tablet View
  • Урок 58. 00:14:09
    Smartphone View
  • Урок 59. 00:08:00
    Types Of Web Hosting
  • Урок 60. 00:09:52
    Shared Hosting Setup
  • Урок 61. 00:04:46
    Setting Up Email
  • Урок 62. 00:05:37
    Upload Your Site via FTP
  • Урок 63. 00:06:14
    BONUS: Contact Form Submission (PHP Script)
  • Урок 64. 00:09:39
    Targeted Selectors
  • Урок 65. 00:06:53
    nth-child Pseudo Selectors
  • Урок 66. 00:10:52
    before & after Pseudo Selectors
  • Урок 67. 00:08:20
    Box Shadows
  • Урок 68. 00:05:36
    Text Shadows
  • Урок 69. 00:10:50
    CSS Variables (Custom Properties)
  • Урок 70. 00:10:45
    Keyframe Animation 1
  • Урок 71. 00:07:16
    Keyframe Animation 2
  • Урок 72. 00:07:52
    CSS Transitions
  • Урок 73. 00:07:18
    Transform Property
  • Урок 74. 00:07:34
    Presentation Website [1] - Intro & HTML
  • Урок 75. 00:09:04
    Presentation Website [2] - Page CSS
  • Урок 76. 00:08:39
    Presentation Website [3] - Text Animation
  • Урок 77. 00:20:19
    Hamburger Menu Overlay [1] - HTML & Base CSS
  • Урок 78. 00:11:38
    Hamburger Menu Overlay [2] - Creating The Hamburger
  • Урок 79. 00:04:43
    Hamburger Menu Overlay [3] - Animating The Hamburger Lines
  • Урок 80. 00:15:01
    Hamburger Menu Overlay [4] - Menu Overlay
  • Урок 81. 00:07:55
    Knowledge Timeline [1] - HTML & Base CSS
  • Урок 82. 00:14:33
    Knowledge Timeline [2] - Boxes & Arrows
  • Урок 83. 00:05:52
    Knowledge Timeline [3] - Responsive Media Queries
  • Урок 84. 00:09:46
    Knowledge Timeline [4] - Scroll In Animation
  • Урок 85. 00:18:44
    Quick Dropdown Menu Project
  • Урок 86. 00:04:05
    What Is CSS Grid?
  • Урок 87. 00:09:27
    Grid Basics & Columns
  • Урок 88. 00:04:00
    Grid Rows
  • Урок 89. 00:06:48
    Spanning Columns & Rows
  • Урок 90. 00:03:40
    Auto-Fit & Minmax
  • Урок 91. 00:07:19
    Grid Template Areas
  • Урок 92. 00:05:04
    Media Queries & The Grid
  • Урок 93. 00:03:15
    Project Intro
  • Урок 94. 00:07:14
    Setup & Favicon
  • Урок 95. 00:13:24
    Core Styles, Variables & Navbar
  • Урок 96. 00:13:25
    Showcase With Overlay & Button Styles
  • Урок 97. 00:17:58
    Home Articles Grid
  • Урок 98. 00:11:56
    Footer With Grid
  • Урок 99. 00:08:17
    About Page & Page Container
  • Урок 100. 00:09:02
    Article Page
  • Урок 101. 00:18:20
    Responsive Media Queries
  • Урок 102. 00:12:01
    Bonus: Intro To Photoshop (NewsGrid Logo)
  • Урок 103. 00:03:00
    How It Works
  • Урок 104. 00:07:08
    Git & Pushing To Github
  • Урок 105. 00:06:51
    Netlify Deploy & Form Submission
  • Урок 106. 00:06:04
    Custom Domain Name
  • Урок 107. 00:06:20
    What Is Sass?
  • Урок 108. 00:05:42
    Environment Setup With Node-Sass
  • Урок 109. 00:04:45
    Koala Sass Compiler - GUI Alternative
  • Урок 110. 00:06:22
    Variables & Partials
  • Урок 111. 00:06:33
    Nesting & Structuring
  • Урок 112. 00:05:10
    Inheritance & Contrast
  • Урок 113. 00:11:18
    Functions, Mixins & More
  • Урок 114. 00:03:39
    Project Intro
  • Урок 115. 00:14:15
    Project Setup
  • Урок 116. 00:23:01
    Header & Main Nav
  • Урок 117. 00:17:04
    Specialize & Stats Section
  • Урок 118. 00:26:08
    Process Section & Footer
  • Урок 119. 00:13:23
    About Page Info Section
  • Урок 120. 00:14:28
    About Page Logos & Testimonials
  • Урок 121. 00:22:50
    Work Gallery With Transitions
  • Урок 122. 00:15:42
    Contact Page
  • Урок 123. 00:25:19
    Responsive Media Queries
  • Урок 124. 00:09:40
    Deploy & Contact Form With Spam Filter
  • Урок 125. 00:02:21
    Where To Go From Here

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

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

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