Transform your coding skills and unlock your success through real-world problem-solving across 40 immersive challenges.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
DOM manipulation
Conditionals
className
State
State setting
Objects and arrays
Forms and inputs
Default Form Data
onFocus
Mouse interactions
UX optimizations
preventDefault()
useEffect()
Converting JS to React
Code organization
Props
Array methods
Writing tests
Destructuring
Writing efficient code
Prop reduction
State verification
localStorage
Dynamically-generated values
Iterative code
Dynamic components
Styles in React
Dealing with duplication
dataset
APIs in React
Submitting data
Filtering data
Audio in React
Working with times
01. React Challenges
- React Challenges: Intro
- Video Game Button: Challenge
- Video Game Button: Solution
- React Study Buddy: Challenge
- React Study Buddy: Solution
- RPG Character Creator: Challenge
- RPG Character Creator: Solution
- World’s Most Annoying Form: Challenge
- World’s Most Annoying Form: Solution
- The Legend of Scrimba: Challenge
- The Legend of Scrimba: Solution
- Math-o-Matic Quiz Generator: Challenge
- Math-o-Matic Quiz Generator: Solution
- Simple Food Restaurant: Challenge
- Simple Food Restaurant: Solution
- Haunted House Real Estate: Challenge
- Haunted House Real Estate: Solution
- Original Calculator: Challenge
- Original Calculator: Solution
- Top 100 Colors: Challenge
- Top 100 Colors: Solution
- Enemies in the Castle: Challenge
- Enemies in the Castle: Solution
- Word Power: Challenge
- Word Power: Solution
- Million Dollar Bank Account: Challenge
- Million Dollar Bank Account: Solution
- Save the Dashboard: Challenge
- Save the Dashboard: Solution
- Stock Tracker: Challenge
- Stock Tracker: Solution
- Weird Wikipedia Articles: Challenge
- Weird Wikipedia Articles: Solution
- Fire Starter: Challenge
- Fire Starter: Solution
- Mood Tracker: Challenge
- Mood Tracker: Solution
- AutoComplete: Challenge
- AutoComplete: Solution
- Anti-Motivational Quote App: Challenge
- Anti-Motivational Quote App: Solution
- Frontend Birthday Cards: Challenge
- Frontend Birthday Cards: Solution
- File Uploader: Challenge
- File Uploader: Solution
- Photo Editor: Challenge
- Photo Editor: Solution
- Spam Newsletter: Challenge
- Spam Newsletter: Solution
- Weather App: Challenge
- Weather App: Solution
- Read-Me-Later: Challenge
- Read-Me-Later: Solution
- Finger Strength Test: Challenge
- Finger Strength Test: Solution
- Boredom Blaster 3000: Challenge
- Boredom Blaster 3000: Solution
- Sonnet Central: Challenge
- Sonnet Central: Solution
- Virtual Reality Site Enter Button: Challenge
- Virtual Reality Site Enter Button: Solution
- Emoji Personality Test: Challenge
- Emoji Personality Test: Solution
- Employee Spying Program: Challenge
- Employee Spying Program: Solution
- ScrimbaFest: Challenge
- ScrimbaFest: Solution
- Legit File Sharing Site Download Button: Challenge
- Legit File Sharing Site Download Button: Solution
- Broken Clock: Challenge
- Broken Clock: Solution
- Sketch-o-Matic: Challenge
- Sketch-o-Matic: Solution
- Debatable: Challenge
- Debatable: Solution
- Pookémon: Challenge
- Pookémon: Solution
- Scrimbatronic: Challenge
- Scrimbatronic: Solution
- Space Warrior: Challenge
- Space Warrior: Solution
- React Challenges: Outro
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
DOM manipulation
Conditionals
className
State
State setting
Objects and arrays
Forms and inputs
Default Form Data
onFocus
Mouse interactions
UX optimizations
preventDefault()
useEffect()
Converting JS to React
Code organization
Props
Array methods
Writing tests
Destructuring
Writing efficient code
Prop reduction
State verification
localStorage
Dynamically-generated values
Iterative code
Dynamic components
Styles in React
Dealing with duplication
dataset
APIs in React
Submitting data
Filtering data
Audio in React
Working with times
COURSE OUTLINE
01. React Challenges
- React Challenges: Intro
- Video Game Button: Challenge
- Video Game Button: Solution
- React Study Buddy: Challenge
- React Study Buddy: Solution
- RPG Character Creator: Challenge
- RPG Character Creator: Solution
- World’s Most Annoying Form: Challenge
- World’s Most Annoying Form: Solution
- The Legend of Scrimba: Challenge
- The Legend of Scrimba: Solution
- Math-o-Matic Quiz Generator: Challenge
- Math-o-Matic Quiz Generator: Solution
- Simple Food Restaurant: Challenge
- Simple Food Restaurant: Solution
- Haunted House Real Estate: Challenge
- Haunted House Real Estate: Solution
- Original Calculator: Challenge
- Original Calculator: Solution
- Top 100 Colors: Challenge
- Top 100 Colors: Solution
- Enemies in the Castle: Challenge
- Enemies in the Castle: Solution
- Word Power: Challenge
- Word Power: Solution
- Million Dollar Bank Account: Challenge
- Million Dollar Bank Account: Solution
- Save the Dashboard: Challenge
- Save the Dashboard: Solution
- Stock Tracker: Challenge
- Stock Tracker: Solution
- Weird Wikipedia Articles: Challenge
- Weird Wikipedia Articles: Solution
- Fire Starter: Challenge
- Fire Starter: Solution
- Mood Tracker: Challenge
- Mood Tracker: Solution
- AutoComplete: Challenge
- AutoComplete: Solution
- Anti-Motivational Quote App: Challenge
- Anti-Motivational Quote App: Solution
- Frontend Birthday Cards: Challenge
- Frontend Birthday Cards: Solution
- File Uploader: Challenge
- File Uploader: Solution
- Photo Editor: Challenge
- Photo Editor: Solution
- Spam Newsletter: Challenge
- Spam Newsletter: Solution
- Weather App: Challenge
- Weather App: Solution
- Read-Me-Later: Challenge
- Read-Me-Later: Solution
- Finger Strength Test: Challenge
- Finger Strength Test: Solution
- Boredom Blaster 3000: Challenge
- Boredom Blaster 3000: Solution
- Sonnet Central: Challenge
- Sonnet Central: Solution
- Virtual Reality Site Enter Button: Challenge
- Virtual Reality Site Enter Button: Solution
- Emoji Personality Test: Challenge
- Emoji Personality Test: Solution
- Employee Spying Program: Challenge
- Employee Spying Program: Solution
- ScrimbaFest: Challenge
- ScrimbaFest: Solution
- Legit File Sharing Site Download Button: Challenge
- Legit File Sharing Site Download Button: Solution
- Broken Clock: Challenge
- Broken Clock: Solution
- Sketch-o-Matic: Challenge
- Sketch-o-Matic: Solution
- Debatable: Challenge
- Debatable: Solution
- Pookémon: Challenge
- Pookémon: Solution
- Scrimbatronic: Challenge
- Scrimbatronic: Solution
- Space Warrior: Challenge
- Space Warrior: Solution
- React Challenges: Outro
