YoVDO

Frontend Development Course - Create a Blog with HTML & CSS

Offered By: freeCodeCamp

Tags

HTML & CSS Courses Computer Science Courses Javascript Courses HTML Courses Responsive Design Courses Media Queries Courses

Course Description

Overview

Enhance your frontend development skills by creating a fully functional blog using HTML and CSS in this comprehensive 2-3 hour course. Learn to structure your blog with HTML, style it with CSS, and add interactivity using JavaScript. Master essential concepts such as header design, search bar implementation, featured articles layout, and responsive design with media queries. Explore popular libraries like SwiperJS for dynamic content presentation. Follow along with step-by-step instructions covering everything from initial setup to final touches, including footer creation and blog post styling. Gain practical experience in building a complete web project while improving your coding abilities and understanding of modern web development techniques.

Syllabus

) Intro & demo.
) Setup.
) Header - HTML.
) Base - CSS.
) Header - CSS.
) JavaScript events.
) Search bar - HTML.
) Search bar - CSS.
) JavaScript events continued.
) Featured articles - HTML.
) Featured articles - CSS.
) Quick read - HTML.
) Quick read - CSS.
) SwiperJS.
) Older posts - HTML.
) Older posts - CSS.
) Popular tags - HTML.
) Popular tags - CSS.
) Newsletter - HTML.
) Newsletter - CSS.
) Footer - HTML.
) Footer - CSS.
) Blog post - HTML.
) Blog post - CSS.
) Media queries.


Taught by

freeCodeCamp.org

Related Courses

Advanced Styling with Responsive Design
University of Michigan via Coursera
Benefits of Bootstrap
Coursera Project Network via Coursera
Web Development - CSS3 - Scratch till Advanced Project Based
Udemy
Creating Responsive Web Design
Udemy
Complete JAVASCRIPT with HTML5,CSS3 from zero to Expert-2024
Udemy