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

Web-Engineering I: Grundlagen der Web-Entwicklung
iversity
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Desarrollo de Aplicaciones en HTML5 y para Dispositivos Móviles Firefox O.S.
Miríadax
Web Engineering III: Quality Assurance
Technische Hochschule Mittelhessen via iversity
Information and Communication Technology (ICT) Accessibility
Georgia Institute of Technology via Coursera