Build Components in HTML, CSS & JS

Practice your HTML, CSS and JavaScript skills by building reusable website components independently. Create a personalized nav bar, a text revealing button, a framed image loader, a theme selector, and an image gallery for use in a wide range of projects. Please note: this course does not cover Web Components.


Avatar of Jad Khalili

Duration
85 min

Intermediate
TierFree
Follow
Start Course
Content
About
Welcome to the Course 👋
Personalized Navbar - Introduction 📝
Personalized Navbar - The HTML 🧱
Personalized Navbar - The CSS 🎨
Personalized Navbar - The JS 💻
Text-Revealing Button - Introduction 📝
Text-Revealing Button - The HTML/CSS 🧱🎨
Text-Revealing Button - The JS 💻
Framed Image Loader - Introduction 📝
Framed Image Loader - The HTML 🧱
Framed Image Loader - The CSS 🎨
Framed Image Loader - The JS 💻
Page Theme Selector - Introduction 📝
Page Theme Selector - The HTML & Basic CSS 🧱🎨
Page Theme Selector - CSS Themes 🎨
Page Theme Selector - The JS 💻
Gallery with Key Click - Introduction 📝
Gallery with Key Click - The HTML/CSS 🧱🎨
Gallery with Key Click - The JS 💻
Freestyle Challenge! 🎇
Congratulations on Completing Build Components in HTML, CSS and JavaScript 🎉