Files

 main

/

5. Build a Chrome Extension

/

Copy path

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History

 main

/

5. Build a Chrome Extension

/

Top

Folders and files

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