TOIT Training

Facebook X-twitter Linkedin Instagram
Menu
Intermediate
javascript

Build a Color Tool in Vanilla JavaScript

Overview
Curriculum
  • 1 Section
  • 20 Lessons
  • 1h Duration
Collapse All
Build a Color Tool in Vanilla JavaScript
20 Lessons
  1. Course Intro
  2. Create the Base Layout
  3. Create the Base Styling
  4. Check for Valid Hex Color in JavaScript
  5. Display Color From User Hex Input
  6. Convert Hex Color to RGB
  7. Convert RGB Color To Hex – Challenge Requirements
  8. Convert RGB To Hex – Challenge Solution
  9. Display Percentage from Slider
  10. Alter Color By Percentage
  11. Ensure Hex Values Stay Between 0 and 255
  12. Alter Color Based On User Input
  13. Create Custom Toggle Button Layout
  14. Create Custom Toggle Button Styling
  15. Create Custom Toggle Functionality in JavaScript
  16. Alter Color Based on Lighten/Darken Toggle State
  17. Input Reset Functionality – Challenge Requirements
  18. Add Color Reset Functionality – Challenge Solution
  19. Course Outro
  20. Congratulations on Completing Build a Color Tool in Vanilla JavaScript!

 

Build a cool color lighten/darken tool from scratch and sharpen up your HTML, CSS and vanilla JavaScript skills along the way!

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below: