YoVDO

HTML5 + CSS3 Tutorials

Offered By: YouTube

Tags

HTML & CSS Courses HTML5 Courses CSS3 Courses

Course Description

Overview

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.


Taught by

codedamn

Related Courses

Aprenda Javascript sin experiencia previa en programación
Coursera Project Network via Coursera
Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera
Developing Responsive Web Pages Using HTML5 and CSS3
NIIT StackRoute via Coursera
Técnicas de desarrollo web con HTML5 y CSS3
Domestika
HTML and CSS Tutorials
freeCodeCamp