К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
React Beginner Project: Build a Color Picker Tool · LearnSpace
Назад в каталог
courseraПрограммирование

React Beginner Project: Build a Color Picker Tool

Курс от Scrimba
Средний≈ 1.8 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Enhance Your HTML, CSS, and JavaScript Skills by Building a Custom Color Lighten/Darken Tool This course provides a hands-on opportunity to refine your proficiency in HTML, CSS, and vanilla JavaScript by guiding you through the development of a custom color lighten/darken tool from scratch. Over 19 comprehensive lessons, you'll tackle a series of interactive challenges designed to deepen your understanding of core coding concepts, while also learning practical tips to enhance your workflow. You will structure the project using HTML, style it with CSS, and implement interactive functionality with vanilla JavaScript—no frameworks required. Upon completion, you'll have developed a robust project that is ideal for showcasing in your portfolio or sharing on GitHub. Elevate your coding skills with an engaging, practical project that adds both technical depth and creativity to your toolkit.

Навыки, которые вы освоите

Cascading Style Sheets (CSS)JavascriptHypertext Markup Language (HTML)Web ApplicationsHTML and CSSProgramming PrinciplesWeb DevelopmentData ValidationProgram DevelopmentComputer ProgrammingFront-End Web Development

Программа курса

1 модулей · 21 учебных материалов

01JavaScript Project: Build a Color Picker Tool21 материалов

JavaScript Project: Build a Color Picker Tool

Course IntroPLUGINWelcome to interactive lessons!PLUGINCreate the Base LayoutPLUGINCreate the Base StylingPLUGIN

Учитесь у экспертов

James Q Quick

Преподаватель курса

React Beginner Project: Build a Color Picker Tool
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 1.8 ч

1 модулей

Язык: Английский

Часть программы вашего университета
Check for Valid Hex Color in JavaScriptPLUGIN
Display Color From User Hex InputPLUGIN
Convert Hex Color to RGBPLUGIN
Convert RGB Color To Hex - Challenge RequirementsPLUGIN
Convert RGB To Hex - Challenge SolutionPLUGIN
Display Percentage from SliderPLUGIN
Alter Color By PercentagePLUGIN
Ensure Hex Values Stay Between 0 and 255PLUGIN
Alter Color Based On User InputPLUGIN
Create Custom Toggle Button LayoutPLUGIN
Create Custom Toggle Button StylingPLUGIN
Create Custom Toggle Functionality in JavaScriptPLUGIN
Alter Color Based on Lighten/Darken Toggle StatePLUGIN
Input Reset Functionality - Challenge RequirementsPLUGIN
Add Color Reset Functionality - Challenge SolutionPLUGIN
Course OutroPLUGIN
JavaScript Color Tool AssignmentЗадание