The Ultimate HTML Developer 2020 Edition

Kalob Taulien, Web Development Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
51 Lessons (6h 48m)
    • 1. Welcome to The Ultimate HTML Developer

      1:28
    • 2. Introduction to This Course

      1:35
    • 3. What is HTML?

      3:18
    • 4. Getting Started

      2:44
    • 5. Editors

      3:45
    • 6. Browsers

      3:09
    • 7. Elements

      8:05
    • 8. Hello World!

      6:15
    • 9. Page/Tab Titles

      2:28
    • 10. Doctypes

      3:25
    • 11. Attributes

      8:38
    • 12. Headers

      7:11
    • 13. Line Breaks

      6:37
    • 14. Bold vs. Strong

      5:02
    • 15. Italics vs. Emphasis

      3:43
    • 16. Underline

      4:17
    • 17. Code Comments

      9:40
    • 18. Links

      7:41
    • 19. Internal Links

      8:14
    • 20. Relative Links

      6:54
    • 21. Images

      10:14
    • 22. Block Elements vs. Inline Elements

      12:48
    • 23. Div Elements

      7:51
    • 24. Lists

      4:15
    • 25. Introduction to Tables, Rows and Cells

      10:17
    • 26. Tables: Merging Cells, Rows and Columns

      9:29
    • 27. Mid. Course Break

      3:30
    • 28. The DOM

      12:28
    • 29. Introduction to XHTML

      6:08
    • 30. Inline CSS

      4:34
    • 31. CSS Crash Course & Internal CSS

      13:52
    • 32. External CSS & CSS Files

      10:57
    • 33. Code Formatting

      11:57
    • 34. Bold & Italic Semantics

      6:53
    • 35. Head Elements

      8:38
    • 36. Meta Tags

      7:02
    • 37. Asset Pathing

      14:06
    • 38. Favicons

      7:36
    • 39. HTML Entities

      8:38
    • 40. Introduction to Forms

      14:18
    • 41. Input Elements

      16:58
    • 42. Textareas

      11:47
    • 43. Buttons

      7:13
    • 44. Dropdown Menus

      8:37
    • 45. New HTML5 Semantic Tags

      13:29
    • 46. Videos

      11:42
    • 47. Music/Audio

      5:46
    • 48. Introduction to Responsive Design

      6:40
    • 49. Your Project, Part 1

      17:04
    • 50. Your Project, Part 2

      11:57
    • 51. Summary

      7:07
63 students are watching this class

Project Description

Create a full web page

At the end of the course you'll be creating an entire web page on your own. It'll have a navigation, header, footer, side bar, blog posts, images, and a video! 

Mini projects

Mini projects are "tasks" at the end of nearly every video and they give you real life experience right away. Learning in small bite-size pieces has been proven to be the best way to learn. Watch a little video, write some code. Watch some more, write some more code.

Definitely test out everything you're learning in each lesson. It's completely safe to try anything in HTML; you can't break anything with HTML so feel free to try EVERYTHING!

Don't forget, you can download all the code you see in this course from the Project Files, or directly on GitHub for everybody to freely use https://github.com/CodingForEverybody/the-ultimate-html-developer

Resources(1)

Student Projects

Final Project
Irene Smith
1 comment
project card
Lizz Soup
2 comments
project card
Jay Soyka
1 comment
project card
Jay Jadiya
3 comments
project card
Muhammad Waqar
2 comments
project card
Leon K.
2 comments
Spooky
Tim
1 comment
project card
1 comment
project card
1 comment
project card
1 comment
project card
Denisse Baez
1 comment