HTML5 & CSS3 Mastery for Beginners | Alexander Oni | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

108 Lessons (11h 37m)
    • 1. Promo

      1:49
    • 2. Welcome to the Course

      2:15
    • 3. Introduction to HTML

      2:47
    • 4. Writing our First HTML Code

      2:15
    • 5. Installing Brackets

      1:49
    • 6. HTML Tags and Elements

      4:14
    • 7. HTML Attributes

      1:53
    • 8. HTML Headings and Paragraphs

      4:58
    • 9. Hyper Links

      3:03
    • 10. Images and File Paths

      5:14
    • 11. Assignment 1

      1:10
    • 12. Assignment 1 Solution

      2:15
    • 13. HTML Lists

      8:01
    • 14. HTML Style Attribute

      7:18
    • 15. Text Formatting

      5:49
    • 16. Block vs Inline Elements

      3:40
    • 17. The Break Tag

      2:36
    • 18. Divs and Span Tags

      5:15
    • 19. Combining Inline and Block Elements

      3:13
    • 20. The Head Tag

      7:43
    • 21. HTML 5 Semantic Elements

      3:54
    • 22. HTML 5 Conclusion

      1:07
    • 23. CSS Section Preview

      0:51
    • 24. What is CSS

      1:43
    • 25. Download the Files

      0:51
    • 26. Basic CSS Syntax

      2:05
    • 27. Linking HTML and CSS

      1:58
    • 28. The Power of CSS

      3:59
    • 29. The Font Family Property

      11:02
    • 30. Other Font Properties

      5:24
    • 31. CSS Classes and IDs

      10:09
    • 32. The Background Image Property

      15:13
    • 33. Display Property

      5:19
    • 34. CSS Margins Paddings and Borders

      10:55
    • 35. CSS Box Model

      3:18
    • 36. Max Width Property

      6:36
    • 37. The Position Property

      17:29
    • 38. The Z Index Property

      2:19
    • 39. CSS Specificity

      11:14
    • 40. Project Section Preview

      2:28
    • 41. Download the Files Project Section

      0:53
    • 42. The Starter Code

      4:06
    • 43. The Inspect Tool

      17:22
    • 44. Building the Header Part 1

      16:40
    • 45. Building the Header Part 2

      8:39
    • 46. Designing our Header Part 1

      19:02
    • 47. Designing our Header Part 2

      13:16
    • 48. Adding the Header Background Image

      9:46
    • 49. Adding the Hero Section

      5:59
    • 50. Styling Hero Section

      19:08
    • 51. Transitioning our Buttons

      9:07
    • 52. Building the About Us Section

      13:16
    • 53. Creating the Services Section

      14:10
    • 54. The Clear Property

      7:59
    • 55. Styling the Services Section

      10:28
    • 56. Building the Why Us Section

      9:20
    • 57. Building the Team Section

      17:11
    • 58. Testimonials Challenge

      2:16
    • 59. Building the Testimonials Section

      12:20
    • 60. Building the Clients Section

      5:44
    • 61. Styling the Clients Section

      8:24
    • 62. Creating the Contact Form

      10:37
    • 63. Styling the Contact Form Part 1

      9:43
    • 64. Styilng the Contact Form Part 2

      7:05
    • 65. Building the Footer

      5:24
    • 66. Styling the Footer

      6:56
    • 67. Getting our Social Media Icons from Font Awesome

      5:07
    • 68. Styling the Footer Part 2

      16:08
    • 69. Adding the Remaining Icons

      11:37
    • 70. Adding the Navigational Anchor Links

      17:46
    • 71. Adding Animations

      13:33
    • 72. Adding Filter Effects

      3:31
    • 73. Project Section Review

      0:44
    • 74. Responsive Design Section Preview

      1:40
    • 75. Introduction to Mobile Responsiveness

      2:57
    • 76. Creating the Break Points

      4:20
    • 77. Creating the Mobile Header Part 1

      8:33
    • 78. Creating the Mobile Header Part 2

      12:25
    • 79. Tablet Responsiveness

      11:54
    • 80. Tablet Responsiveness Part 2

      4:37
    • 81. Phone Responsiveness

      9:12
    • 82. Responsiveness Section Review

      0:32
    • 83. Site Optimization Section Preview

      1:18
    • 84. Search Engine Optimization

      7:44
    • 85. Speed Optimization Part 1

      12:14
    • 86. Speed Optimization Part 2

      2:40
    • 87. Creating our Favicons

      7:11
    • 88. HTML Markup Validation

      3:52