Courses
All coursesFrontend PathFrontend Bootcamp

Not sure where to start?

Let us help you find your perfect course.
PricingCreate AccountLog in
Why Scrimba?
Courses
All coursesFrontend PathFrontend Bootcamp

Not sure where to start?

Let us help you find your perfect course.
Pricing
PricingCreate Account
Log in
Go Pro!

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Courses
All coursesFrontend PathFrontend Bootcamp

Not sure where to start?

Let us help you find your perfect course.

Karma

DashboardConnect to DiscordFind a courseSettingsNew scrim
Log out

The Frontend Developer Career Path

Unlock CourseGet started!

Join 27906 other students

Log in to get

Access to all our free courses
Interactive hands-on content
100s of code challenges
Join a friendly community
Unlock Course
Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

This path includes

75 hours of content
100s of coding challenges
HTML, CSS, JS & React
Career module
Cancel subscription whenever
Subscribe now!

This career path will turn you into a hireable frontend developer, and teach you how to nail the job interview. It contains over 70 hours of top-notch tutorials, hundreds of coding challenges, and dozens of real-world projects.

Your program

The program contains 13 modules. All modules are filled with interactive coding challenges to ensure that you don't fall off the wagon. You'll learn HTML, CSS, JavaScript, React, UI design, career strategy, and more.

Welcome to the career path

Get prepared. In this module, you'll meet your teachers, learn how Scrimba works, and build your first web app.

Getting started

3 lessons 10 min

1. Why learning web development is a superpower
2:48
2. Let's Make a Cake!
4:54
3. Join the community
2:58
Your own personalized web app

7 lessons 15 min

1. Add your Name and Emoji
2:41
2. Display Photos
2:16
3. Change the Background Image
1:19
4. Choose a Color
1:03
5. Set the Font, Border, and Column Count
2:25
6. Share your website
1:35
7. Two ways to do the path
3:39

Web dev basics

Learn the very basics of HTML and CSS. Start creating layouts, and style them how you want.

Build & deploy your first website

17 lessons1 hour 2 min

1. Module 2 intro - web dev basics
2:11
2. HTML tags
3:18
3. Write a news article!
2:06
4. The <img> tag
4:56
5. Nesting
2:49
6. Internet superpowers -> Change the BBC news!
4:57
7. Interactive elements - button
1:59
8. Interactive elements - input tags -> Experiment with input types
4:58
9. Let's build Google!
3:50
10. Aside: Anchor tags
4:33
11. Add an anchor tag to Google.com
1:35
12. Proper document structure
5:42
13. Aside: Lists
3:54
14. Build a Personal Website
8:42
15. Deploy your Personal Website
3:13
16. Recap
1:56
17. Get to know the module channels! 💜
1:34
Build a Google.com clone

24 lessons1 hour 16 min

1. Let's learn CSS!
0:44
2. Write your first lines of CSS!
4:16
3. Write your first lines of CSS! - Solution
3:32
4. Let's destroy wikipedia - recording
1:55
5. Link to the CSS file
2:36
6. Set the width of the elements
2:05
7. inline vs block elements
2:15
8. Margin top
1:13
9. Divs rule the world
2:02
10. CSS classes
3:53
11. Aside: Learn margins via flags
5:54
12. Add space between our elements
1:03
13. Aside: centering with margins
3:23
14. Centering our content
1:19
15. Aside: padding
5:17
16. Aside: border and border-radius
5:06
17. Aside challenge: style Twitter button
4:59
18. Fix the input field
4:43
19. Center the button
2:16
20. Style the button
4:26
21. Why we can't have two block-level buttons
4:25
22. Aside: flexbox
3:40
23. Centering both buttons with flexbox
2:52
24. Google clone recap
2:04
Build a digital Business Card

19 lessons 56 min

1. Building your digital business card
0:29
2. Fix the image path
2:53
3. Add alt attribute
4:24
4. Make image smaller
1:13
5. Add a border and padding
3:46
6. Aside: flexbox child containers
3:37
7. Flex item containers
1:37
8. Add a utility class
3:09
9. Justify the items
2:06
10. Center the card
1:56
11. Aside: inheritance
4:14
12. Center the text via inheritance
2:57
13. Add colors
3:21
14. Web-safe fonts
5:05
15. Aside: margin/padding shorthand
3:59
16. Use the margin&padding shorthands
1:13
17. Make it your own!
3:01
18. Deploy your Digital Business Card
4:46
19. Business Card recap
2:09
Build a Space Exploration site

14 lessons 43 min

1. Let's go to space!
0:34
2. Add a background image from unsplash
3:57
3. Center elements and style button
3:15
4. Add a Google Font
4:18
5. @font-face
2:03
6. Aside: spans
3:56
7. Add an underline using a span
1:46
8. Use an ID for the logo
4:22
9. Replace the jpg with a webp
2:31
10. Choose a color palette from an image
2:51
11. Add the terms & conditions section
3:55
12. Aside: text shadow
5:57
13. Improving the readability with text shadows
1:57
14. Space Exploration recap
1:41
Build a Birthday GIFt Site

20 lessons1 hour 2 min

1. Let's build a Birthday GIFt site!
1:07
2. Add basic header styling
3:31
3. Set the colors
1:22
4. Add shadow on text
3:17
5. We have a problem that flexbox can fix
2:32
6. Aside: align-items
5:59
7. Aside: flex-direction
4:25
8. Turn the header into a flexbox
1:41
9. Fix date and age design
4:06
10. Create the first gift
5:17
11. Replace the img with a div
4:15
12. Aside: make elements change on hover
2:51
13. Add the hover effect
2:05
14. Create the next GIFt
4:19
15. Create two more GIFts
2:33
16. Create the final GIFt
3:20
17. Add the footer
3:37
18. Add a background gradient
3:25
19. Personalize, deploy and share to Discord
1:36
20. GIFt site recap
1:26
Solo Project: Hometown Homepage

5 lessons 14 min

1. It's time to go solo!
2:15
2. Solo Project: Hometown Homepage
4:04
3. Get a code review!
2:46
4. Code Review by Guil Hernandez
3:59
5. Congratulations on completing Module 2! 🥳
0:55

Making websites interactive

Combine your newly acquired HTML & CSS skills with Javascript. This will allow you to create interactive websites.

Build a passenger counter app

32 lessons1 hour 21 min

1. Making Websites Interactive - Module Intro - NEW
1:39
2. Share your plan in #today-i-will!
0:35
3. Let's build a passenger counter app!
0:59
4. Setting up our JavaScript file
2:59
5. Write your first JavaScript variable
4:52
6. Basic mathematical operations
3:35
7. Reassigning and incrementing
3:46
8. Adding a button
1:31
9. The onclick event listener
3:25
10. Using functions to write less code
3:33
11. Write your first function
0:43
12. Write a function that logs the sum
2:46
13. Write a function that increments
1:54
14. Increment on clicks
2:08
15. Display the count
5:13
16. The Document Object Model
1:51
17. Display the count with innerText
0:39
18. Create the save button
2:05
19. What is a string?
1:33
20. Write your first string variable
3:39
21. Log a greeting to the console
1:16
22. Strings vs. Numbers
2:43
23. Render a welcome message
2:00
24. Improve the message with string concatenation
2:15
25. Use plus equal for count
0:25
26. Create the save feature
4:36
27. Debugging online
3:49
28. Set the count to 0
2:52
29. Personalize and Download Your App
4:37
30. Deploy with Netlify
4:02
31. Congrats & recap
3:14
32. Share your win!
0:27
JavaScript challenges - part 1

9 lessons 22 min

1. Variables practice
1:52
2. Concatenate two strings in a function
0:58
3. Incrementing and decrementing
2:11
4. Strings and numbers
1:34
5. Rendering an error message
3:15
6. Calculator challenge
5:30
7. Figma tutorial
1:04
8. Solo Project (PRO) - Basketball Scoreboard
4:21
9. Build exclusive Solo Projects
1:32
Set Up a Local Dev Environment

4 lessons 12 min

1. Section Intro
2:49
2. Getting Started with GitHub Desktop
4:18
3. Edit with VS Code and Push to GitHub
3:45
4. Deploy and Share Your Solo Project
1:34
Build a Blackjack game

55 lessons2 hours 43 min

1. Let's build a Blackjack game!
0:57
2. Live events on Scrimba
2:40
3. Add the firstCard, secondCard, and sum
0:52
4. If...else conditionals
5:39
5. Your first if...else statement
2:53
6. if/else...if/else statement
3:21
7. The if...else statement for our game
1:59
8. Add the hasBlackJack variable
2:03
9. Add the isAlive variable
1:44
10. Let's practice boolean conditions
3:25
11. Add the message variable
3:21
12. Link to stylesheet
2:32
13. Add basic styling
4:18
14. Make the start button work
5:49
15. Display the message
2:32
16. Display the sum
5:43
17. Display the cards
1:53
18. New card button
3:39
19. Add to the sum when newCard is clicked
3:16
20. Rename the startGame function
2:11
21. Solving our cards problem with an array
3:16
22. Intro to arrays
5:24
23. Array indexes
4:03
24. Arrays with multiple data types
2:18
25. Adding and removing items from arrays
4:20
26. Creating the cards array
1:04
27. Push a new card to the array
1:18
28. Counting in JavaScript
4:01
29. Write your first loop
3:22
30. For loops and arrays
3:43
31. Write your first array-based for loop
1:29
32. For loops, arrays, and DOM
2:55
33. Use a loop to render cards
2:16
34. How can we avoid to hard-code card values?
1:31
35. Returning values in functions
4:59
36. Use a function to set the card values
3:06
37. Generating random numbers with Math.random()
4:15
38. Math.random() * 6
1:43
39. Flooring the number with Math.floor()
1:24
40. Using Math.random() and Math.floor() to create a dice
1:40
41. Completing our dice function
2:37
42. Make getRandomCard() work
2:54
43. Complete getRandomNumber function
3:02
44. Assign values in the startGame function
2:42
45. Our new card feature is broken
0:59
46. The logical AND operator
3:41
47. Write your first logical operator
2:04
48. The logical OR operator
3:02
49. Only trigger newCard() if you're allowed to
1:27
50. Object sneak peek
4:32
51. Intro to objects
4:43
52. Create your first object
3:15
53. Use an object to store player data
2:37
54. Methods on object
1:58
55. Congrats & recap
4:24
JavaScript challenges - part 2

9 lessons 25 min

1. Objects and functions
2:00
2. if else
2:48
3. Loops and arrays
2:04
4. push, pop, unshift, shift challenge
3:25
5. Logical operators
1:56
6. Rock papers scissors
2:59
7. EmojiFighter
4:32
8. Sorting fruits
2:57
9. Solo Project (PRO) - Password Generator
2:43
Build a Chrome Extension

55 lessons2 hours 46 min

1. Let's build a Chrome Extension!
4:33
2. Add button and input tag
1:33
3. Style the button and input tag
7:16
4. Make the input button work with onclick
1:17
5. Refactor to addEventListener
2:18
6. Write your first addEventListener()
1:44
7. Your turn to refactor
1:22
8. Create the myLeads array and inputEl
2:21
9. When to use let and const
3:17
10. Push to the myLeads array
1:10
11. Push the value from the input field
2:27
12. Use a for loop to log out leads
1:39
13. Create the unordered list
1:55
14. Render the leads in the unordered list
3:41
15. How to render <li> elements with innerHTML
1:33
16. Write your first innerHTML
1:31
17. More innerHTML practice
1:48
18. Render the <li> elements with innerHTML
1:07
19. Use createElement() and append() instead of innerHTML
3:35
20. Improving the performance of our app
3:17
21. Create the render function
2:00
22. Clear the input field
2:03
23. Add the <a> tag
4:28
24. Template strings
2:30
25. Write your first template string
1:15
26. Make the template string even more dynamic
0:51
27. Template strings on multiple lines
2:53
28. Refactor the app to use a template string
1:12
29. Style the list
3:50
30. Preparing the deployment
4:52
31. Deploying the Chrome Extension
2:28
32. What is localStorage?
3:02
33. Your first localStorage
3:48
34. Storing arrays in localStorage
6:23
35. Save the leads to localStorage
2:28
36. Get the leads from localStorage
3:50
37. Truthy and falsy values
7:54
38. Guess the expression - truthy or falsy?
2:22
39. Checking localStorage before rendering
3:37
40. Style the delete button
3:17
41. Make the delete button work
4:16
42. How function parameters can improve our code
5:54
43. Write your first function parameter
3:27
44. Functions with multiple parameters
3:11
45. Numbers as function parameters
1:41
46. Arguments vs Parameters
3:22
47. Arrays as parameters
1:54
48. Refactor renderLeads() to use a parameter
1:39
49. Create the tabBtn
3:19
50. Save the tab url
2:35
51. How to get the current tab?
4:19
52. Use the Chrome API to get the tab
6:18
53. Deploy the final version
2:14
54. Congrats & recap
5:43
55. Share your pet!
1:23
JavaScript challenges - part 3

9 lessons 26 min

1. let & const
3:12
2. Log out items in an array
1:17
3. save to localStorage
1:53
4. addEventListener and object in array
2:39
5. Generate sentence
4:53
6. Render images
6:05
7. Rounding numbers
1:45
8. Convert string to number challenge
2:24
9. Solo Project (PRO) - Unit converter
1:54
Your personality in emojis

11 lessons 30 min

1. You in Emojis
1:21
2. My Emojis - log the emojis
1:38
3. My Emojis - grabbing the emojiContainer
1:35
4. My Emojis - Rendering the Emojis
1:37
5. My Emojis - adding the input and button
4:03
6. My Emojis - Push and Clear
2:41
7. My Emojis - Render the New Emoji to the Screen
3:20
8. My Emojis - Unshift an Emoji to the Array
4:07
9. My Emojis - Pop and Shift - updated
2:50
10. My Emojis - Share It!
2:06
11. Congrats on completing Module 3
4:44

Essential CSS concepts

In this module, you'll level up your CSS skills, and build a neat NFT site.

Build an NFT Site

30 lessons1 hour 52 min

1. Essential CSS Concepts Intro
1:23
2. Build an NFT Site Intro
1:35
3. Semantic HTML - Header, Main, Section, Footer
5:41
4. Set up the CSS basics
3:58
5. Aside: Margins - strange behaviour
5:39
6. Header
3:44
7. The first section - image
2:37
8. The first section - text
5:49
9. Aside: Hover and active states
6:14
10. The first section - links
2:21
11. Aside: background full width
5:46
12. Content Container
3:41
13. CSS organisation new
3:16
14. The second section colors
2:54
15. A quick word about Flexbox
0:50
16. The second section imgs
4:24
17. Style the Footer
2:10
18. Grouping Selectors
4:25
19. Warning: Viewing Problems
0:44
20. Aside: Specificity
6:20
21. Aside: Compound selectors
6:19
22. Aside: Compound selectors and specificity
4:51
23. Line-height debug
3:19
24. Aside: Buttons/Links
3:21
25. Style the buttons individually new
5:58
26. Aside: Inline-block
3:34
27. space out the buttons
2:34
28. Aside: A main class and a modifier class
4:05
29. Refactor the buttons
3:09
30. Outro
1:58
CSS Fundamentals: Challenges

22 lessons1 hour 6 min

1. CSS Fundamentals: Challenges | Introduction
1:00
2. CSS Fundamentals: Challenge #1 - Setting up the layout
1:01
3. CSS Fundamentals: Solution #1 - Setting up the layout
3:17
4. CSS Fundamentals: Challenge #2 - Google fonts
0:46
5. CSS Fundamentals: Solution #2 - Google fonts
1:40
6. CSS Fundamentals: Challenge #3 - Setting up the typography
1:20
7. CSS Fundamentals: Solution #3 - Setting up the typography
2:59
8. CSS Fundamentals: Challenge #4 - Making things a little more fancy
2:11
9. CSS Fundamentals: Solution #4 - Making things a little more fancy
7:43
10. CSS Fundamentals: Challenge #5 - Breathing Room
1:41
11. CSS Fundamentals: Solution #5 - Breathing Room
6:34
12. CSS Fundamentals: Challenge #6 - Playing with colors
1:07
13. CSS Fundamentals: Solution #6 - Playing with colors
3:05
14. CSS Fundamentals: Challenge #7 - The finer details
1:21
15. CSS Fundamentals: Solution #7 - The finer details
5:08
16. CSS Fundamentals: Challenge #8 - Creating buttons
2:57
17. CSS Fundamentals: Solution #8 - Creating buttons
5:32
18. CSS Fundamentals: Challenge #9 - Fancier headings
0:50
19. CSS Fundamentals: Solution #9 - Fancier headings
5:26
20. CSS Fundamentals: Challenge #10 - Working with what you have
2:28
21. CSS Fundamentals: Solution #10 - Working with what you have
5:01
22. Solo Project - Oldagram
3:39
Build a Coworking Space Site

12 lessons 56 min

1. Intro
2:44
2. Build the foundations
9:43
3. Aside: margin: auto on flexbox children
6:42
4. Position the menu icon
2:01
5. Aside: Position: relative & absolute
7:16
6. Add the image banner
4:46
7. Add buttons
6:23
8. Stop the vertical stretch on the button
3:07
9. Aside: Position Fixed
5:38
10. Add the chatbox
5:10
11. Outro
1:38
12. You've completed Module 4. Well done! 🙌
1:41

Essential JavaScript concepts

In this module, you'll level up your JavaScript skills and build three super-cool apps.

The World's Most Annoying Cookie Consent

32 lessons1 hour 47 min

1. Module 5 intro
1:19
2. Cookie Consent Intro
3:08
3. Aside: Position Fixed old
4:02
4. Position the modal
2:40
5. Aside: setTimeout
4:29
6. Set the timer
1:48
7. Aside: element.style
6:16
8. Make the modal reappear
2:11
9. Close the modal
2:33
10. Aside: Forms
7:16
11. Add a form 1
2:29
12. Aside: Forms - submitting
4:56
13. Aside: Forms - challenge
2:32
14. Submit the form
3:13
15. Aside: preventDefault
4:15
16. preventDefault Challenge
3:05
17. Buttons in forms - weird behaviour
2:33
18. Add modal message
2:29
19. Add modal messages 2
5:30
20. Add modal messages 3
3:25
21. Aside: FormData
3:34
22. Form Data 1
2:13
23. Aside: FormData methods
3:22
24. Form Data 2
2:38
25. Aside: Disabling elements
6:05
26. Disable the close button
3:09
27. There is no choice 1
3:30
28. Aside: Toggle
4:00
29. Aside: Classlist Toggle Challenge
2:30
30. There is no choice 2
2:55
31. Accessibility Issues
1:50
32. Recap
1:30
Pumpkin's Purrfect Meme Picker

37 lessons2 hours 39 min

1. Intro
3:37
2. What a horrible for loop
2:57
3. Aside: for of
4:43
4. Use a for of
1:42
5. Nest the for of
4:44
6. Render out the emotions 1
4:09
7. Render out emotions 2
5:51
8. Aside: import the data
5:57
9. Import the data
2:20
10. Aside: Radio Inputs
5:11
11. Render the radios inputs
5:40
12. Aside: .includes()
5:52
13. remove duplicates
3:16
14. Aside: e.target
5:44
15. Get the id of the clicked option
3:19
16. Aside: parentElement
3:14
17. Aside: classlist add/remove
6:47
18. Add colour to the selected emotion
5:50
19. Aside: getElementsByClassName
4:58
20. Remove the highlight class
2:18
21. Aside: querySelector and why it's useful
4:33
22. Connect the button
4:46
23. Has an emotion been chosen?
3:14
24. Aside: checkbox
5:32
25. isGif
3:45
26. Aside: filter()
6:13
27. Aside: filter() 2
4:51
28. Find matches with .filter()
4:17
29. Animated GIFs Only
5:55
30. Introducing two important functions
4:34
31. If there's only one cat...
4:26
32. If there's more than one cat...
4:03
33. renderCat()
5:17
34. Close the modal
2:02
35. The order of things
2:44
36. Recap
2:58
37. Get expert feedback on your JavaScript and build exclusive projects
1:37
Twimba: Twitter Clone

40 lessons2 hours 36 min

1. Intro
4:44
2. Import the data
3:36
3. Aside: TextArea
3:29
4. Add TextArea
4:04
5. Tweet Boilerplate
3:22
6. Tweet Boilerplate Challenge
4:20
7. Aside: forEach()
5:20
8. Use forEach to build the html
1:41
9. Render the tweets to the feed
3:58
10. Aside: CDN Font Awesome
6:05
11. Add some awesome icons
4:37
12. Like a tweet part 1: explanation
1:58
13. Aside: Data attributes new
3:30
14. Aside: Data Attr JS and Challenge
6:07
15. Aside: Data Attribute Naming Issues
3:10
16. Like a tweet part 2: data attributes
2:20
17. Like a tweet part 3: eventListener
5:11
18. Like a tweet part 4: handleLikeClick()
4:05
19. Like a tweet part 5: find the tweet object
6:20
20. Aside: Copying objects and arrays
3:33
21. Like a tweet part 6: render the increment
1:05
22. Unlike a tweet
3:11
23. Flip a boolean
2:01
24. Retweet a tweet
8:07
25. Aside: Conditionally render CSS class
6:53
26. Color the icons
6:01
27. Replies 1: get uuids of tweets with replies
2:55
28. Replies 2: HTML string for replies and add to parent div
5:42
29. Replies 3: toggle hidden
4:49
30. Refactor the tweet btn
4:23
31. Aside: UUID
6:46
32. Build the new Tweet object
3:46
33. Render a new tweet
2:21
34. UX fixes
5:01
35. Recap
3:21
36. Deploy Twimba
1:13
37. Solo Project - Restaurant Ordering app
4:02
38. Deploy your Solo Project
0:44
39. Essential JS Concepts Wrap Up
1:05
40. Congratulations on completing module 5! 😃
1:30

Responsive design

This module teaches you how to make your websites work well on all screen sizes, a critical skill for any frontend developer.

Build a Responsive Site

33 lessons1 hour 57 min

1. Module intro
1:50
2. Responsive site intro
2:03
3. Thinking responsively
2:33
4. Aside: Relative units and percentages
4:46
5. Create flexible containers with percentage units
2:23
6. Controlling the width of images
2:45
7. Set width constraints with max-width
5:01
8. Aside: The em unit
7:35
9. Set font sizes with em
3:27
10. Aside: Margin and padding with em
6:41
11. Set margin and padding with em
5:27
12. Aside: The compounding issue with em
4:37
13. Aside: The rem unit
2:46
14. Change font sizes to rem
3:14
15. Text line height
3:11
16. How do you decide which unit to use?
1:45
17. Aside: Media queries
7:08
18. Add media queries to your site
5:48
19. Think “mobile-first”
2:26
20. Mobile-first in action
1:34
21. Common Breakpoints
2:14
22. Add a new breakpoint
3:20
23. Adapt the buttons for smaller screens
2:45
24. Adjust font size for smaller screens
4:26
25. Create a mobile-first navigation
4:21
26. Challenge: Narrow screens
3:43
27. Challenge: Wider screens
1:17
28. Solution: Wider screens
2:30
29. The viewport meta tag
3:12
30. Aside: Create a flexbox image grid
6:18
31. Wrap the featured items with flexbox
3:37
32. Recap
1:23
33. Deploy your site to Netlify
1:06
Build a Product Splash Page

22 lessons1 hour 11 min

1. Product splash page intro
1:17
2. Style the intro container
3:34
3. Style main content
4:36
4. Style the text
6:01
5. Aside: Transform text
1:24
6. Uppercase text
1:11
7. Add a breakpoint for wider screens
4:01
8. Aside: Viewport units
3:34
9. Viewport sized intro container
2:57
10. Adjust content for wider screens
3:32
11. Apply a full background image
2:31
12. Style the form inputs
3:40
13. Style the focus state
3:10
14. Style the submit button
5:31
15. Button modifiers
2:33
16. Aside: Reordering flex items
3:55
17. Adjust visual order of the intro text
5:21
18. Adjust line length
1:32
19. Aside: Control the size of elements with box-sizing
5:38
20. Apply box-sizing to the page
3:37
21. Product splash page recap
0:53
22. Deploy your splash page to Netlify
0:45
CSS Grid: The ultimate layout tool

19 lessons1 hour 37 min

1. Introduction to CSS Grid
3:16
2. Setting up a basic grid
5:21
3. Placing items on the grid
4:03
4. grid-row and grid-column shorthands
5:13
5. Spanning columns
1:42
6. Some similarities to flexbox
5:28
7. Using grid for our card component
13:13
8. The grid-gap property
2:32
9. Adding the gap to our card
2:52
10. The implicit and explicit grid
6:00
11. Exploring grid areas
8:11
12. grid-areas and media queries
6:18
13. minmax()
3:35
14. the fr unit
3:01
15. minmax() and the fr unit
2:27
16. Putting grid to use - part 1
11:32
17. Putting grid to use - part 2
3:30
18. repeat()
3:22
19. auto-fit and auto-fill
5:14
Solo Project: Learning Journal

3 lessons 5 min

1. Solo Project - Learning Journal
3:12
2. Access exclusive responsive design Solo Projects
1:32
3. Deploy your learning journal project
0:52

Next-level JavaScript

In this module, you will take your JavaScript skills to the next level, and learn about modern JS patterns. You will also build a cool game.

Build a role-playing game part 1 - The setup

21 lessons1 hour 22 min

1. Next-level JavaScript Intro
3:19
2. Render the characters
4:57
3. The renderCharacter() function
4:28
4. Modify renderCharacter()
4:19
5. Aside: Object destructuring
4:10
6. Aside: Object destructuring challenge
2:47
7. Object Destructuring in renderCharacter()
1:23
8. Render multiple dice
3:29
9. The problem with for loops
3:38
10. Aside: .map()
6:54
11. Aside: .map() challenge
2:40
12. Aside: .join() challenge
5:14
13. Swap out for loop for map
3:07
14. Generate random value for dice
6:12
15. Aside: return a function
4:48
16. Render dice with random numbers
5:54
17. Aside: new Array constructor
4:10
18. Aside: .fill()
3:05
19. Aside: chaining .fill() and .map() onto a new Array
2:40
20. Use the Array constructor
3:38
21. Part 1 Outro
1:23
Build a role-playing game part 2 - Constructor functions

19 lessons 57 min

1. Part 2 Intro
0:56
2. Aside: Constructor functions
7:31
3. Aside: Constructor functions challenge
2:14
4. Aside: Methods on constructor functions
3:38
5. Aside: Methods on constructor functions challenge
3:11
6. Use a constructor function 1
1:57
7. Use a constructor function 2
3:42
8. Aside: Object.assign
5:32
9. Simplify constructor function 1
1:19
10. Simplify constructor function 2
2:31
11. Problem in the constructor function!
1:37
12. Fix the broken rendering
4:24
13. Amalgamate the objects
3:17
14. Too much code for one file!
4:55
15. Export getDiceRollArray()
3:13
16. Export Character constructor
3:30
17. Running your code locally
1:54
18. Good housekeeping
1:14
19. Part 2: Outro
1:08
Build a role-playing game part 3 - The gameplay

38 lessons2 hours 13 min

1. Part 3: Intro
0:47
2. Wire up the attack button
2:10
3. Launch the first attack!
2:16
4. Dice placeholders
4:40
5. Render placeholder dice
3:34
6. Well, that's embarrassing...
1:49
7. Fix the dice render problem 1
3:11
8. Fix the dice render problem 2
2:58
9. Inflicting damage
2:30
10. Inflicting damage 2
2:54
11. Aside: array.reduce()
6:06
12. Aside .reduce() challenge
2:28
13. Use .reduce() to calculate the damage
4:02
14. Stop health going negative
2:02
15. Is the character dead?
1:47
16. Calling endGame()
2:47
17. Aside: The Ternary Operator
5:18
18. Aside: Ternary Operator challenge
3:11
19. endGame()
4:11
20. endGame() 2
4:08
21. Aside: Arrow functions
5:50
22. Aside: Arrow functions challenge
4:00
23. Aside: inline arrow function challenge
2:34
24. Using arrow functions
3:30
25. Calculate percentage health remaining
5:51
26. The health bar
2:47
27. Displaying the health bar
4:09
28. Move getPercentage out of the constructor file
1:35
29. Adding more monsters 1
4:49
30. Add new monster 2
3:43
31. Back to one monster
2:50
32. When one monster dies, another appears
5:41
33. Aside: setTimeout
2:54
34. aside setTimeout challenge
3:33
35. Improve the UX - pause time
4:28
36. Improve the UX - disable the button
5:02
37. Tidy Up
6:41
38. Part 3 Outro
0:51
Build a role-playing game part 4 - Classes

8 lessons 27 min

1. Part 4 Intro
0:57
2. Aside: Classes 1
5:55
3. Aside: Classes 2
5:19
4. Aside: Classes challenge 1
1:58
5. Aside: Classes challenge 2
6:26
6. Convert the constructor function to a class
2:52
7. Solo Project - Tindog
2:23
8. Congratulations on completing Module 7! 🎊
1:51

Code reviews

Learn what code reviews are, why they matter, and how to give successful code reviews.

Code reviews

9 lessons 29 min

1. Why code reviews matter
3:18
2. The most common type of code review: GitHub PRs
2:49
3. What to look for in a code review
5:35
4. Your first textual code review
6:48
5. Scrim-based code reviews
2:02
6. Solo Project code review – password generator
4:15
7. Your first scrim-based code review
1:58
8. Share your scrim-based code review solution
0:36
9. Find a real Solo Project to review
1:51
Branching and Pull Requests with GitHub Desktop

7 lessons 19 min

1. Introduction to Branching and Pull Requests
2:12
2. Make an Issue in GitHub
1:59
3. Creating a Branch
3:14
4. Creating a Pull Request
3:27
5. Resolving Merge Conflicts
3:53
6. Pulling
3:46
7. Congratulations on completing Module 8! ✨
0:46

Working with APIs

Web APIs are the backbone of the web. In this module, you'll learn to use it, and build several different projects.

Intro to APIs & BoredBot

16 lessons1 hour

1. APIs Module Intro
4:56
2. What is an API?
8:01
3. Clients & Servers
3:29
4. Requests & Responses
5:32
5. BoredBot Intro
1:15
6. JSON Review
5:14
7. First fetch
2:51
8. .then() and Asynchronous JavaScript
2:19
9. Dog API Fetch and DOM Practice
2:51
10. Fetch idea from Bored API
2:54
11. Aside - apis.scrimba.com?
1:51
12. BoredBot - HTML
1:34
13. BoredBot - CSS
4:51
14. BoredBot - JavaScript
6:44
15. BoredBot - Extra Styling
4:18
16. Section Recap
1:29
URLs, REST, & BlogSpace

24 lessons1 hour 58 min

1. Section Intro
1:29
2. HTTP Requests
9:56
3. Requests - URLs and Endpoints
7:00
4. Requests - Methods
7:40
5. BlogSpace - GET first 5 blog posts
3:30
6. BlogSpace - Display blogs on page
4:06
7. BlogSpace - Add styling
6:35
8. BlogSpace - New post form
3:38
9. BlogSpace - Add style to form
3:02
10. BlogSpace - Form submit event listener
3:37
11. Requests - Body
5:42
12. Requests - Headers
4:32
13. BlogSpace - Send new post to server
3:08
14. BlogSpace - Add new post to list of posts
4:20
15. BlogSpace - Posts Refactor
5:42
16. BlogSpace - Reset form
4:42
17. REST
5:41
18. REST API Design
9:59
19. Nested Resources
4:54
20. URL Parameters - JSON Placeholder API
3:06
21. Query Strings
5:58
22. Query String Practice - OpenWeatherMap API
4:35
23. Solo Project - Color Scheme Generator
3:08
24. Section Recap
2:38
Async JavaScript & War

31 lessons2 hours 27 min

1. Async JS Intro & War Project
6:36
2. Callbacks Setup Challenge
2:28
3. Callback functions intro
3:38
4. Separate event listener callback
2:53
5. Callbacks - revisiting setTimeout
4:10
6. Callbacks - revisiting array.filter
7:42
7. Callbacks - make own filterArray function
6:06
8. Callbacks - put our custom filterArray function to use
4:17
9. Thought experiment: what if `fetch` used callbacks?
2:20
10. Promises
5:07
11. Context: method chaining
7:07
12. Promises - .then() chaining
3:25
13. Promises - .then()
2:11
14. Promises - passing basic values in the chain
5:18
15. War - save deckId for later use
1:45
16. War - draw 2 cards from our deck
6:19
17. War - Display our card images
3:59
18. War - Styling part 1
8:09
19. War - Styling part 2
6:46
20. War - Refactor card image placement
5:48
21. War - Determine the winning card part 1
8:32
22. War - Determine winning card part 2
5:48
23. War - display remaining cards when drawing
6:51
24. War - Display remaining cards on new deck
1:47
25. War - Disable the draw button when we get to 0 cards remaining
3:45
26. War - Keep score
4:44
27. War - Display the final winner
4:50
28. Sneak peek at ES8's Async/Await
6:47
29. Solo Project - Movie Watchlist
3:08
30. Unlock exclusive API projects and code reviews
1:36
31. Section Recap
3:40
Promise Rejection & Capstone

25 lessons1 hour 51 min

1. Section Intro
1:45
2. Dashboard wireframe
2:15
3. Get photo from Unsplash
4:13
4. Add Author Info
3:46
5. Choosing a layout method
2:46
6. Set up flexbox
5:35
7. Promises review
4:59
8. Promise rejection
6:13
9. Promise rejection practice
3:32
10. Crypto - Add cryptocurrency data
3:36
11. Crypto - Get Dogecoin data
2:10
12. Check for error responses
7:00
13. Crypto - Display name and icon
4:37
14. Crypto - get prices
4:22
15. Time - Add current time with JavaScript
7:44
16. Time - Display time on page
3:50
17. Weather - start
6:16
18. Thought experiment - getCurrentLocation as a promise-based API?
2:40
19. Weather - Get user's current weather
4:46
20. Weather - Add icon
4:24
21. Weather - Add temp and city
2:52
22. Weather - CSS
8:07
23. Chrome extension time!
8:10
24. Module Outro
4:26
25. You've completed Module 9! 🥳
0:53

Learn UI design

In this module, you'll learn how to build apps that both look good and work well.

Intro to UI design

15 lessons1 hour 7 min

1. Welcome to Learn UI Design
1:38
2. Course Introduction
1:06
3. White Space
4:45
4. Alignment
3:06
5. Design Challenge: 1
4:20
6. Contrast
4:26
7. Scale
4:29
8. Design Challenge: 2
7:14
9. Typography
6:12
10. Color
5:41
11. Design Challenge: 3
4:07
12. Visual Hierarchy
7:42
13. Design Challenge: 4
6:22
14. The Final Challenge
5:29
15. Closing Thoughts
0:59
Build A Simple Layout

7 lessons 37 min

1. Building a simple layout - intro
1:19
2. Keeping it Ultra Simple
5:40
3. Making our Layout Dark
5:48
4. Challenge 1
6:36
5. Multi-Columns
4:35
6. Working with Photographs
5:32
7. Final Chapter Lesson
7:54
Full Project Refactoring

7 lessons 42 min

1. Project Refactoring: Introduction & Defining the HTML
6:07
2. Fixing the Color & Contrast
3:57
3. Fixing the Type & Visual Hierarchy
6:56
4. Fixing White Space
5:32
5. Initial Media Queries
6:14
6. Tablet Media Queries
4:55
7. Desktop Media Query
8:37

React basics

Learn the most popular library for building user interfaces. This will increase your productivity by an order of magnitude.

Build a React info site

32 lessons2 hours 35 min

1. Welcome to an Introduction to React!
3:25
2. What we'll learn
3:38
3. First React
8:02
4. First React Practice
1:48
5. Local setup (the quick way)
1:57
6. Why React? It's Composable!
4:47
7. Why React? It's declarative
4:42
8. JSX
9:39
9. Drag and Drop Deploy with Netlify
2:34
10. Get detailed reviews of your React projects – Scrimba Bootcamp
1:53
11. Goodbye, CDNs!
4:05
12. UPDATE: New React 18 createRoot API
4:18
13. Thought experiment: use .append() instead of ReactDOM.render()?
5:28
14. Project part 1 - markup
4:44
15. Pop quiz!
5:08
16. Custom Components
6:55
17. Custom Components part 2
3:57
18. Custom Components Quiz
2:47
19. Parent/Child Components
4:54
20. Styling with Classes
6:43
21. Organize components
7:41
22. Run React locally with Vite
9:30
23. Quick mental outline of project
3:54
24. Project setup
7:13
25. Quick Figma Walkthrough
1:40
26. Navbar & Styling
7:16
27. Main Section
7:44
28. Color the bullets
2:23
29. Add background logo
4:17
30. Solo Project (PRO) - Digital Business Card
3:52
31. Deploy Your React App with Netlify
5:23
32. React Section 1 Recap
2:37
Build an AirBnb Experiences clone

27 lessons2 hours 12 min

1. Section intro & Figma file
4:11
2. Project setup: Navbar
5:40
3. Project setup: Hero
5:46
4. Project: Card Component
7:18
5. Problem - not reusable
1:55
6. Props Part 1: Understanding the Concept
3:17
7. Props Part 2: Reusable Components
1:56
8. Aside: JS inside JSX
6:50
9. Props part 3: Create a contact component
8:28
10. Props part 4: receiving props in a component
5:28
11. Prop quiz! (Get it?? 😆)
4:25
12. Destructuring props
3:53
13. Props practice
9:03
14. Passing in non-string props
3:57
15. Project: pass props to card component
6:55
16. Review - array .map()
7:27
17. React renders arrays
4:29
18. Mapping components
4:32
19. Map quiz!
3:38
20. Loading images from .map()
1:34
21. Project: Map experiences data into components
5:20
22. Project: key prop
3:29
23. Project: Sold Out Badge
9:06
24. Project: Pass object as props
4:25
25. Project: Spread object as props
3:54
26. Solo Project (PRO) - Travel Journal
3:22
27. React Section 2 Recap
1:42
Build a meme generator

64 lessons5 hours 7 min

1. Section Intro & Figma file
4:17
2. Meme Generator: Header
5:08
3. Meme Generator: Form
6:01
4. Project analysis
1:04
5. Event Listeners
6:07
6. Project: Get random meme
5:42
7. Our current conundrum
8:09
8. Props vs. State: Props
5:08
9. Props vs. State: State
4:28
10. Props vs. State Quiz!
4:03
11. useState
3:52
12. useState array destructuring
1:46
13. Changing state
3:03
14. useState - Counter practice
5:45
15. useState - Changing state with a callback function
4:18
16. Changing state quiz!
2:30
17. Project: Add images to the meme generator
2:56
18. Challenge: ternary practice
3:50
19. Challenge: flipping state back and forth
5:59
20. Complex state: arrays
10:28
21. Complex state: objects
3:58
22. Complex state: updating state objects
6:35
23. Project: Refactor state
4:10
24. Passing state as props
5:52
25. Setting state from child components
6:28
26. Passing data around
6:26
27. Boxes challenge part 1
3:49
28. Dynamic styles
5:42
29. Boxes challenge part 2
3:37
30. Boxes challenge part 3.1 - local state
4:54
31. Boxes challenge part 3.2 - unified state
7:45
32. Boxes challenge part 4
5:50
33. Boxes challenge part 5
5:57
34. Conditional rendering: &&
6:36
35. Conditional rendering: && practice
1:45
36. Conditional rendering: ternary
2:49
37. Conditional rendering practice
4:45
38. Conditional rendering quiz!
3:56
39. React forms intro
3:25
40. Watch for input changes in React
4:30
41. Form inputs practice
2:22
42. Forms state object
6:09
43. Form state object practice
1:49
44. Controlled inputs
4:14
45. Forms in React: Textarea
3:33
46. Forms in React: Checkbox
6:39
47. Forms in React: Radio buttons
6:00
48. Forms in React: Select & Option
2:49
49. Forms in React: Submitting the form
4:31
50. Forms quiz!
3:13
51. Sign up form practice
8:26
52. Project: Add text to image
3:58
53. Making API calls
4:00
54. Intro to useEffect
5:43
55. useEffect() syntax and default behavior
2:59
56. useEffect dependencies array
8:01
57. useEffect quiz!
3:48
58. useEffect for fetching data
5:48
59. useEffect: when to use dependencies
3:02
60. Project: Get Memes from API
8:11
61. State and Effect practices
7:02
62. useEffect cleanup function
5:53
63. Using an async function inside useEffect (Clone)
3:07
64. React Section 3 Recap
2:17
Build a notes app and Tenzies games

28 lessons2 hours 2 min

1. Section 4 Intro
2:33
2. Warm-up: Add Dark/Light modes to ReactFacts site
6:39
3. Notes App: Intro
9:55
4. Notes App: Features to add
1:25
5. Notes App: Sync notes with localStorage
5:59
6. Lazy State Initialization
5:12
7. Notes App: Note summary title
4:51
8. Notes App: Bump recent note to the top
6:49
9. Notes App: Delete note
8:59
10. Tenzies Project Intro
1:18
11. Tenzies: Setup
3:26
12. Tenzies: Die components
6:50
13. Tenzies: Generate array of 10 random numbers
3:53
14. Tenzies: Map array to Die components
3:08
15. Tenzies: Roll dice button
4:41
16. Tenzies: Change dice to objects
4:32
17. Tenzies: Styling held dice
3:38
18. Tenzies: Hold dice part 1
5:17
19. Tenzies: Hold dice part 2
3:09
20. Tenzies: Hold dice part 3
4:01
21. Tenzies: End game part 1
2:35
22. Tenzies: End game part 2
4:55
23. Tenzies: End game part 3
4:15
24. Tenzies: New Game
3:12
25. Tenzies: Extra Credit Ideas
1:35
26. Solo Project (PRO) - Quizzical
2:55
27. Check out the class components crash course!
1:06
28. Congratulations on completing Module 13! 🤩
5:53

Advanced React

Level up your React JS skills to a professional level.

Learn class components in React

16 lessons1 hour 18 min

1. Class Components Section Intro
3:31
2. ES6 classes review
5:00
3. Intro to class components
3:55
4. Class components practice
3:10
5. State in class components
3:07
6. Setting state in class components
6:17
7. Challenge: convert to a class component with state
5:58
8. Constructor method in class components
7:55
9. Challenge: constructor method
2:09
10. Updating complex state with this.setState()
6:52
11. Lifecycle Methods Intro
2:49
12. Lifecycle methods: componentDidMount() 👶
6:30
13. Lifecycle methods: componentDidUpdate() part 1 ✏️
6:39
14. Lifecycle methods: componentDidUpdate() part 2 ✏️
6:30
15. Lifecycle methods: componentWillUnmount() 🪦
4:08
16. Other Lifecycle Methods
3:25
Reusability

13 lessons1 hour 55 min

1. Code Reuse in React
4:33
2. React Children
9:18
3. Challenge: React Children
6:44
4. Higher Order Components (HOCs) Part 1
4:16
5. Higher Order Components (HOCs) Part 2
7:47
6. Challenge: Higher Order Components (HOCs)
5:38
7. Higher Order Components (HOCs) Part 3
26:00
8. Render Props Part 1
4:59
9. Render Props Part 2
13:54
10. Render Props Part 3
19:15
11. IMPORTANT: Please watch before continuing the course
0:29
12. Challenge: Render Props
7:57
13. React's Tree Rendering 🌳
4:29
Performance

5 lessons 38 min

1. What is "Shallow Comparison"?
9:23
2. shouldComponentUpdate()
11:33
3. React.PureComponent
7:15
4. React.memo()
10:06
5. Feedback - Performance
0:20
React Context

10 lessons1 hour 11 min

1. Context Intro
6:24
2. Context Provider
4:01
3. contextType
7:00
4. Challenge: Context Practice 1
5:29
5. Context.Consumer
12:12
6. Challenge: Context Practice 2
3:17
7. Move Context Provider to its own component
8:41
8. Challenge: Changing Context
6:36
9. Challenge: Context Practice 3
14:08
10. Context Conclusion
4:02
React Hooks

14 lessons1 hour 32 min

1. Speed Typing Game Intro
2:04
2. Speed Typing Game Part 1
2:58
3. Speed Typing Game Part 2
3:58
4. Speed Typing Game Part 3
7:17
5. Speed Typing Game Part 4
6:01
6. Speed Typing Game Part 5
6:49
7. Speed Typing Game Part 6
12:57
8. useRef
5:03
9. Speed Typing Game Part 7
5:11
10. useContext()
6:38
11. Hooks Practice - refactor themeContext
5:23
12. Custom Hooks
10:22
13. Custom Hooks practice - refactor toggler
11:08
14. Speed Typing Game Part 8
6:49
React Router

15 lessons1 hour 27 min

1. Intro to React Router
6:35
2. React Router - BrowserRouter
3:30
3. React Router - Link
3:19
4. React Router - Switch & Route
8:03
5. Challenge: React Router
4:33
6. React Router - props passed to routed components
4:17
7. NOTE: watch this before proceeding
1:16
8. React Router Nested Routes
7:39
9. React Router useParams
14:25
10. React Router useRouteMatch
5:35
11. React Router useHistory
5:07
12. React Router useLocation
2:54
13. React Router - Redirect
7:13
14. Challenge: React Router Practice Part 1
5:02
15. Challenge: React Router Practice Part 2
7:55
Capstone Project

24 lessons1 hour 41 min

1. What we're building
5:20
2. Update: Please watch before proceeding
1:22
3. React Router Setup
5:30
4. Context Setup
4:06
5. Context State
1:24
6. Fetch Photos
3:39
7. Map Photos
10:24
8. Track Hover State
2:41
9. Display Icons on Hover
3:31
10. Toggle isFavorite
8:55
11. Display Favorites
3:56
12. Image propTypes
4:23
13. Add Image to Cart
3:17
14. Indicate When Image is Already in Cart
5:58
15. Remove From Cart
4:28
16. Update Header Cart Icon
3:27
17. Cart Page Setup
5:04
18. Remove Items from Cart Page
2:07
19. Calculate Total Cost
3:07
20. Place Order
3:23
21. Minor UX Improvements
5:48
22. Custom Hover Hook
8:58
23. Feedback - Capstone Project
0:20
24. Congratulations on completing Module 14! ✨
0:33

Getting hired

Learn to nail the coding interview, and get your first job.

Getting hired

4 lessons 20 min

1. Getting hired - Module Intro
2:03
2. Getting Hired
9:21
3. Getting Hired - Problem Solving
5:59
4. Getting a portfolio
2:59
Using LinkedIn to get a job

12 lessons 27 min

1. Course Introduction (new)
1:56
2. Optimizing your headline
2:00
3. Crafting a great summary
4:15
4. Adding a professional headshot
1:37
5. Adding an awesome cover image
1:40
6. Increasing your visibility
2:27
7. Adding past work experience
2:35
8. Highlighting your accomplishments
3:00
9. Optimizing your keywords
2:37
10. Getting connected
2:04
11. Getting recommendations (new)
2:26
12. Outro
0:38
Frontend job interview tips

21 lessons1 hour 33 min

1. Course Introduction
1:52
2. Falsy Values
3:06
3. const vs let vs var
4:29
4. Double vs triple equal
2:11
5. undefined vs null
2:54
6. Data Types
1:58
7. Spread & Rest Operators
5:55
8. Destructuring Objects and Arrays
3:29
9. Git Fundamentals
2:51
10. Agile & Scrum
4:31
11. CSS Selectors
2:45
12. Responsive Design
2:18
13. Number Issues
1:52
14. Promises
5:20
15. Pass by value vs pass by reference
3:09
16. Five questions to be prepared for
5:35
17. Five preparation tips
5:54
18. Got any questions for me?
6:20
19. GitHub tips
4:08
20. Resume tips
14:38
21. Job search strategy
8:00
JavaScript Interview Challenges

61 lessons2 hours 9 min

1. Technical Interview Challenges - Intro
4:58
2. Challenge - Panic Function
0:35
3. Solution - Panic Function
1:19
4. Challenge - Shh... Whispering Function
0:40
5. Solution - Shh... Whisper Function
2:13
6. Challenge - Alternating Caps
0:53
7. Solution - Alternating Caps
2:06
8. Challenge - toTitleCase()
0:53
9. Solution - toTitleCase()
2:09
10. Challenge - Definitely Not FizzBuzz
1:26
11. Solution - Definitely Not FizzBuzz
4:28
12. Challenge - Emojify!
2:37
13. Solution - Emojify!
5:28
14. Challenge: Is it an Anagram?
1:19
15. Solution - Is It an Anagram?
3:14
16. Challenge - Decode an Alien Message
1:15
17. Solution - Decode an Alien Message
3:34
18. Challenge - Palindromes
1:15
19. Solution - Palindromes
2:48
20. Challenge - Save Grandpa's Password
0:51
21. Solution - Save Grandpa's Password
3:22
22. Challenge - Frequency of Letters in Your Name
0:50
23. Solution - Frequency of Letters in Your Name
3:11
24. Challenge: Chef Mario's Recipe Book
0:43
25. Solution Pt 1: Chef Mario's Recipe Book
2:29
26. Solution Pt 2: Chef Mario's Recipe Book
3:39
27. Challenge - Pumpkin's Prizes
0:56
28. Solution - Pumpkin's Prizes
2:59
29. Challenge - Count the Scrimba Students
0:54
30. Solution - Count the Scrimba Students
1:48
31. Challenge - Pizza Night?
0:40
32. Solution - Pizza Night?
3:33
33. Challenge - Totally Private Data Farm
1:26
34. Solution - Totally Private Data Farm
2:17
35. Challenge - Find Free Podcasts
0:50
36. Solution - Find Free Podcasts
2:00
37. Challenge - Candy Sale
0:36
38. Solution - Candy Sale
1:52
39. Challenge - Shopping Cart
0:59
40. Solution - Shopping Cart
2:51
41. Challenge - Total Savory Items
0:41
42. Solution - Total Savory Items
1:58
43. Challenge - Holiday Gift Shopping
0:52
44. Solution - Holiday Gift Shopping
2:50
45. Challenge - Collect Unique Genre Tags
0:50
46. Solution Pt 1: Collect Unique Genre Tags
3:50
47. Solution Pt 2: Collect Unique Genre Tags
3:23
48. Challenge - Welcome Aboard Scrimba Airlines
0:58
49. Solution - Welcome Aboard Scrimba Airlines
3:47
50. Challenge - Popularity Contest
0:49
51. Solution - Popularity Contest
2:38
52. Challenge - Night at the Scrimbies
0:52
53. Solution - Night at the Scrimbies
4:37
54. Challenge - Save the Weekend
1:36
55. Solution - Save the Weekend
3:08
56. Challenge - Find Anagrams in an Array
2:15
57. Solution - Find Anagrams in an Array
3:28
58. Challenge - Emoji Flower Bed
0:43
59. Solution - Emoji Flower Bed
1:53
60. Challenge - Emoji Slot Machine
1:22
61. Solution - Emoji Slot Machine
4:55
React interview questions

12 lessons 42 min

1. React Interview Questions Course Introduction
1:54
2. The Virtual DOM
4:18
3. React Limitations
4:19
4. JSX
4:04