Full screenHide full playlist

Autoplay

HTML Tags

11 views • May 4, 2020

Ready to dive in?Start learning for free.

With a free codedamn account, you can start your web development journey right now and use all codedamn features for free. Upgrade whenever you want to.

Sign up for free

App screenshot

HTML Basics

17 videos 8 exercises - 130min

1. Introduction 2min 2. How to use codedamn 3min 3. How to use VSCode 6min 4. First HTML Page 6min 5. Comments in HTML 3min 6. HTML Tags 5min 7. Heading Tags 5min 8. Exercise lab for heading 5min 9. Exercise lab for heading 5min 10. Block and inline tags 8min 11. Exercise lab for paragraph 5min 12. Anchor (a) tag 4min 13. Exercise lab for anchor tag 5min 14. Why HTML tags exist? 4min 15. Image (img) tag 6min 16. Video (video) tag 6min 17. Forms in HTML 10min 18. Exercise lab for input 5min 19. Exercise lab for input 5min 20. Table (table) tag 5min 21. Creating a valid HTML document 6min 22. Exercise lab for creating doctype 5min 23. Exercise lab for creating head and body 5min 24. Tribute page project 8min 25. HTML basics done! 3min

CSS Basics

8 videos 5 exercises - 61min

26. CSS Introduction 3min 27. CSS Hello World 6min 28. CSS debugging 4min 29. CSS Tag Selector 4min 30. Exercise lab for CSS selector 5min 31. CSS Properties 5min 32. CSS Classes 5min 33. Exercise lab for CSS class 5min 34. Exercise lab for CSS class 5min 35. CSS IDs 4min 36. Exercise lab for CSS IDs 5min 37. Exercise lab for CSS IDs 5min 38. Inline vs block elements 5min

Flexbox

11 videos 6 exercises - 109min

39. Introduction to flexbox layout 8min 40. flex-basis in CSS 4min 41. flex-shrink 4min 42. Exercise lab for flexbox 5min 43. Exercise lab for flexbox 5min 44. flex-wrap CSS property 3min 45. Exercise lab for flexbox 5min 46. Exercise lab for flex-direction 5min 47. Exercise lab for flex-direction 5min 48. Exercise lab for flex-direction 5min 49. CSS Colors 9min 50. Center a DIV 4min 51. Positioning in CSS - absolute and relative 10min 52. Positioning in CSS - fixed 6min 53. Positioning in CSS - sticky 4min 54. CSS backgrounds 5min 55. Simple Google Homepage Project 22min

Practice projects

3 exercises - 15min

56. Build a Tribute Page 5min 57. Build a Product Landing Page 5min 58. Build a Survey Form 5min

CSS3 Flexbox Exercises

17 exercises - 85min

59. Use display: flex to Position Two Boxes 5min 60. Add Flex Superpowers to the Tweet Embed 5min 61. Use the flex-direction Property to Make a Row 5min 62. Apply the flex-direction Property to Create Rows in the Tweet Embed 5min 63. Use the flex-direction Property to Make a Column 5min 64. Apply the flex-direction Property to Create a Column in the Tweet Embed 5min 65. Use the justify-content Property in the Tweet Embed 5min 66. Align Elements Using the justify-content Property 5min 67. Use the align-items Property in the Tweet Embed 5min 68. Use the flex-wrap Property to Wrap a Row or Column 5min 69. Use the flex-shrink Property to Shrink Items 5min 70. Use the flex-grow Property to Expand Items 5min 71. Use the flex-basis Property to Set the Initial Size of an Item 5min 72. Use the flex Shorthand Property 5min 73. Align Elements Using the align-items Property 5min 74. Use the order Property to Rearrange Items 5min 75. Use the align-self Property 5min

CSS3 Grid Exercises

22 exercises - 110min

76. Create Your First CSS Grid 5min 77. Add Rows with grid-template-rows 5min 78. Place Items in Grid Areas Using the grid-area Property 5min 79. Limit Item Size Using the minmax Function 5min 80. Use CSS Grid units to Change the Size of Columns and Rows 5min 81. Create Grids within Grids 5min 82. Create Flexible Layouts Using auto-fit 5min 83. Divide the Grid Into an Area Template 5min 84. Use Media Queries to Create Responsive Layouts 5min 85. Create a Row Gap using grid-row-gap 5min 86. Use grid-column to Control Spacing 5min 87. Create Flexible Layouts Using auto-fill 5min 88. Use grid-row to Control Spacing 5min 89. Create a Column Gap Using grid-column-gap 5min 90. Align an Item Horizontally using justify-self 5min 91. Align an Item Vertically using align-self 5min 92. Add Columns with grid-template-columns 5min 93. Align All Items Vertically using align-items 5min 94. Add Gaps Faster with grid-gap 5min 95. Align All Items Horizontally using justify-items 5min 96. Use grid-area Without Creating an Areas Template 5min 97. Reduce Repetition Using the repeat Function 5min

Claim Course Certificate

Learn HTML and CSS

Leaving a rating would help us curate better content for everyone who learns about the course. Select a rating out of 5 stars and let us know a bit what you think about the course in a few words.

Your rating would be public.

0.5 Stars1 Star1.5 Stars2 Stars2.5 Stars3 Stars3.5 Stars4 Stars4.5 Stars5 Stars

(0/5)

Write a few sentences about your experience so far.