Build a Chrome Extension

1. Let's build a Chrome Extension!

2. Add button and input tag

3. Style the button and input tag

4. Make the input button work with onclick

5. Refactor to addEventListener

6. Write your first addEventListener()

7. Your turn to refactor

8. Create the myLeads array and inputEl

9. When to use let and const

10. Push to the myLeads array

11. Push the value from the input field

12. Use a for loop to log out leads

13. Create the unordered list

14. Render the leads in the unordered list

15. How to render <li> elements with innerHTML

16. Write your first innerHTML

17. More innerHTML practice

18. Render the <li> elements with innerHTML

19. Use createElement() and append() instead of innerHTML

20. Improving the performance of our app

21. Create the render function

22. Clear the input field

23. Aside: another way to render leads

24. Add the <a> tag

25. Template strings

26. Write your first template string

27. Make the template string even more dynamic

28. Template strings on multiple lines

29. Refactor the app to use a template string

30. Aside: Convert strings to numbers with Number()

31. Style the list

32. Preparing the deployment

33. Deploying the Chrome Extension

34. Aside: What is localStorage?

35. Your first localStorage

36. Storing arrays in localStorage

37. Save the leads to localStorage

38. Get the leads from localStorage

39. Aside: Truthy and falsy values

40. Guess the expression - truthy or falsy?

41. Checking localStorage before rendering

42. Style the delete button

43. Make the delete button work

44. How function parameters can improve our code

45. Write your first function parameter

46. Functions with multiple parameters

47. Numbers as function parameters

48. Aside: Arguments vs Parameters

49. Arrays as parameters

50. Refactor renderLeads() to use a parameter

51. Create the tabBtn

52. Save the tab url

53. How to get the current tab?

54. Use the Chrome API to get the tab

55. Deploy the final version

56. Congrats & recap

57. Share your pet!