Build a Blackjack game

This playlist is part of The Frontend Developer Career Path

Build a Blackjack game

55 lessons2 hours 45 min

1. Let's build a Blackjack game!

2. Add the firstCard, secondCard, and sum

3. If...else conditionals

4. Your first if...else statement

5. if/else...if/else statement

6. The if...else statement for our game

7. Aside: Booleans

8. Add the hasBlackJack variable

9. Add the isAlive variable

10. Let's practice boolean conditions

11. Add the message variable

12. Link to stylesheet

13. Add basic styling

14. Make the start button work

15. Display the message

16. Display the sum

17. Display the cards

18. New card button

19. Add to the sum when newCard is clicked

20. Rename the startGame function

21. Solving our cards problem with an array

22. Aside: Intro to arrays

23. Aside: Array indexes

24. Arrays with multiple data types

25. Aside: Array.push() and .pop()

26. Creating the cards array

27. Push a new card to the array

28. Aside: Loops

29. Write your first loop

30. Aside: For loops and arrays

31. Write your first array-based for loop

32. For loops, arrays, and DOM

33. Use a loop to render cards

34. How can we avoid to hard-code card values?

35. Aside: Returning values in functions

36. Use a function to set the card values

37. Aside: Math.random()

38. Math.random() * 6

39. Flooring the number with Math.floor()

40. Using Math.random() and Math.floor() to create a dice

41. Completing our dice function

42. Make getRandomCard() work

43. Complete getRandomNumber function

44. Assign values in the startGame function

45. Our new card feature is broken

46. Aside: The AND operator (&&)

47. Write your first logical operator

48. Aside: The OR operator (||)

49. Only trigger newCard() if you're allowed to

50. Object sneak peek

51. Aside: Intro to objects

52. Create your first object

53. Use an object to store player data

54. Methods on object

55. Congrats & recap