Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Dive into a comprehensive tutorial series on HTML5 and CSS3, the foundational technologies for frontend web development. Master essential HTML tags including headings, paragraphs, anchors, buttons, images, video, audio, and input elements. Explore CSS fundamentals such as selectors, properties, classes, and IDs. Learn about document structure, inline vs block elements, and various stylesheet types. Delve into advanced concepts like Flexbox layout, positioning techniques, and color manipulation. Apply your skills by creating a simple Google homepage project. Through 37 detailed lessons spanning 3 hours and 30 minutes, gain a solid understanding of frontend web development principles and techniques.

Syllabus

#0: Kickstart - HTML5 + CSS3 Frontend Web Development Tutorials.
#1: Introduction - HTML5 + CSS3 Frontend Web Development Tutorials.
#2: codedamn HTML Playground - HTML5 + CSS3 Frontend Web Development Tutorials.
#3: First HTML Page - HTML5 + CSS3 Frontend Web Development Tutorials.
#4: Comments in HTML - HTML5 + CSS3 Frontend Web Development Tutorials.
#5: HTML Tags - HTML5 + CSS3 Frontend Web Development Tutorials.
#6: Heading Tags - HTML5 + CSS3 Frontend Web Development Tutorials.
#7: Paragraph (p) tag - HTML5 + CSS3 Frontend Web Development Tutorials.
#8: Anchor (a) tag - HTML5 + CSS3 Frontend Web Development Tutorials.
#9: Button (button) tag - HTML5 + CSS3 Frontend Web Development Tutorials.
#10: Bold (b) tag - HTML5 + CSS3 Frontend Web Development Tutorials.
#11: Image (img) tag - HTML5 + CSS3 Frontend Web Development Tutorials.
#12: Video (video) tag - HTML5 + CSS3 Frontend Web Development Tutorials.
#13: Audio (audio) tag - HTML5 + CSS3 Frontend Web Development Tutorials.
#14: Input (input) tag - HTML5 + CSS3 Frontend Web Development Tutorials.
#15: Select (select) tag - HTML5 + CSS3 Frontend Web Development Tutorials.
#16: Table (table) tag - HTML5 + CSS3 Frontend Web Development Tutorials.
#17: HTML basics done! - HTML5 + CSS3 Frontend Web Development Tutorials.
#18: CSS Introduction - HTML5 + CSS3 Frontend Web Development Tutorials.
#19: CSS Hello World - HTML5 + CSS3 Frontend Web Development Tutorials.
#20: CSS Tag Selector - HTML5 + CSS3 Frontend Web Development Tutorials.
#21: CSS Properties - HTML5 + CSS3 Frontend Web Development Tutorials.
#22: CSS Classes - HTML5 + CSS3 Frontend Web Development Tutorials.
#23: CSS IDs - HTML5 + CSS3 Frontend Web Development Tutorials.
#24: Proper HTML document - HTML5 + CSS3 Frontend Web Development Tutorials.
#25: Inline vs Block element - HTML5 + CSS3 Frontend Web Development Tutorials.
#26: Types of stylesheets - HTML5 + CSS3 Frontend Web Development Tutorials.
#27: Introduction to Flexbox Layout - HTML5 + CSS3 Frontend Web Development Tutorials.
#29: flex-grow / flex-shrink - HTML5 + CSS3 Frontend Web Development Tutorials.
#28: flex-wrap / flex-layout - HTML5 + CSS3 Frontend Web Development Tutorials.
#30: justify-content / align-items - HTML5 + CSS3 Frontend Web Development Tutorials.
#31: CSS Colors - HTML5 + CSS3 Frontend Web Development Tutorials.
#32: Center a DIV - HTML5 + CSS3 Frontend Web Development Tutorials.
#33: Positioning in CSS - absolute and relative - HTML5 + CSS3 Frontend Web Development Tutorials.
#34: Positioning in CSS - fixed - HTML5 + CSS3 Frontend Web Development Tutorials.
#35: Positioning in CSS - sticky - HTML5 + CSS3 Frontend Web Development Tutorials.
#36: CSS backgrounds - HTML5 + CSS3 Frontend Web Development Tutorials.
#37: Simple Google Homepage Project - HTML5 + CSS3 Frontend Web Development Tutorials.