Frontend Development Course - Create a Blog with HTML & CSS
Offered By: freeCodeCamp
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
Web DevelopmentUdacity Programming Languages
University of Virginia via Udacity Building a Basic Website
University of Massachusetts Amherst via Independent Web-Technologien
openHPI iDESWEB, Introducción al desarrollo web
MirÃadax