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
Mobile Web DevelopmentGoogle via Udacity iDESWEB, Introducción al desarrollo web
MirÃadax Information Design
University of California, San Diego via Coursera Advanced Styling with Responsive Design
University of Michigan via Coursera Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera