Javascript Tutorial and Projects Course
Javascript Tutorial and Projects Course

Basic Introduction to Javascript by Building Many Interesting Projects

Created by John Smilga
Language English

Javascript Tutorial and Projects Course

Javascript Tutorial and Projects Course
Javascript Tutorial and Projects Course

Basic Introduction to Javascript by Building Many Interesting Projects

Created by John Smilga
Language English
1. Introduction
  • 1. Intro 00:02:34
  • 2. Goals 00:01:43
  • 3. Structure 00:02:16
  • 4. Video Blur Fix 00:01:37
  • 5. Course Review 00:00:32
2. Visual Studio Code and Course Setup
  • 1. Dev Setup Intro 00:01:00
  • 2. VS-Code and Chrome 00:03:26
  • 3. Extensions 00:11:35
  • 3.1 VS-CODE Setup .html
  • 4. Emmet 00:03:37
3. Javascript Basics
  • 1. Basics Intro 00:00:17
  • 2. Basic Project 00:03:10
  • 3. Inline Javascript 00:03:15
  • 4. Internal Javascript 00:07:51
  • 4.1 11-internal-js .zip
  • 5. External Javascript 00:10:01
  • 5.1 12-external-javascript .zip
  • 6. Cleanup Workspace 00:01:08
  • 6.1 13-clean-workspace .zip
  • 7. Helper Methods 00:10:06
  • 7.1 14-helper-functions .zip
  • 8. Statements and Comments 00:12:02
  • 8.1 15-statements-comments .zip
  • 9. Variables 00:08:47
  • 9.1 16-variables .zip
  • 10. Assign Variable Value Later 00:04:22
  • 10.1 17-assign-value-modify .zip
  • 11. Variable Naming Rules 00:06:04
  • 11.1 18-naming-rules .zip
  • 12. const let var 00:05:14
  • 12.1 19-var-let-const .zip
  • 13. Quotation Marks 00:05:51
  • 13.1 20-quotation-marks .zip
  • 14. String Concatenation 00:05:25
  • 14.1 21-concatenation .zip
  • 15. Numbers Basics 00:08:21
  • 15.1 22-numbers .zip
  • 16. Numbers - Additional Features 00:08:24
  • 16.1 23-numbers-additional .zip
  • 17. Implicit Type Conversion 00:12:00
  • 17.1 24-implicit-type-conversion .zip
  • 18. Data Types 00:08:13
  • 18.1 25-data-types .zip
  • 19. Arrays 00:11:14
  • 19.1 26-arrays .zip
  • 20. Functions - Declare Invoke 00:06:26
  • 20.1 27-functions .zip
  • 21. Functions - Parameters Arguments 00:12:56
  • 21.1 28-params-arguments .zip
  • 22. Functions - Return 00:13:21
  • 22.1 29-function-return .zip
  • 23. Function Expressions 00:07:43
  • 23.1 30-expressions .zip
  • 24. Objects 00:08:23
  • 24.1 31-objects .zip
  • 25. Conditional Statements - Basics 00:05:57
  • 25.1 32-conditional-statements .zip
  • 26. Conditional Statements Continued 00:07:02
  • 26.1 33-conditionals-continued .zip
  • 27. Equality 00:04:24
  • 27.1 34-equality .zip
  • 28. Logical Operators 00:04:24
  • 28.1 35-logical-operators .zip
  • 29. Switch Statement 00:07:27
  • 29.1 36-switch-statement .zip
  • 30. while Loops 00:05:55
  • 30.1 37-while-loop .zip
  • 31. do while loops 00:02:57
  • 31.1 38-do-while .zip
  • 32. for loop 00:04:03
  • 32.1 39-for-loop .zip
4. Javascript Tutorial Continued
  • 1. Connecting The Dots 00:00:24
  • 2. String Properties and Methods 00:16:34
  • 2.1 41-string-methods .zip
  • 3. Template Literals 00:06:10
  • 3.1 42-template-literal .zip
  • 4. Array Properties and Methods 00:11:50
  • 4.1 43-array-methods .zip
  • 5. Exercise - Full Name 00:10:13
  • 5.1 44-full-name .zip
  • 6. Exercise - Calculate Total 00:14:40
  • 6.1 45-calculate-total .zip
  • 7. Value vs Reference 00:05:51
  • 7.1 46-referrence-value .zip
  • 8. Null and Undefined 00:02:15
  • 8.1 47-null-vs-undefined .zip
  • 9. Truthy and Falsy 00:04:34
  • 9.1 48-truthy-falsy .zip
  • 10. Ternary Operator 00:04:16
  • 10.1 49-ternary-operator .zip
  • 11. Global Scope 00:07:25
  • 11.1 50-global-scope .zip
  • 12. Local Scope 00:07:02
  • 12.1 51-local-scope .zip
  • 13. Variable Lookup 00:06:52
  • 13.1 52-variable-lookup .zip
  • 14. Callback Functions Higher Order Functions 00:15:07
  • 14.1 53-higher-order-functions .zip
  • 15. Array Iterators 00:02:22
  • 15.1 54-array-iterators .zip
  • 16. forEach 00:09:44
  • 16.1 55-for-each .zip
  • 17. map 00:10:43
  • 17.1 56-map .zip
  • 18. filter 00:03:55
  • 18.1 57-filter .zip
  • 19. find 00:08:30
  • 19.1 58-find .zip
  • 20. reduce 00:09:48
  • 20.1 59-reduce .zip
  • 21. Math Object 00:08:33
  • 21.1 60-Math-object .zip
  • 22. Date Object 00:09:18
  • 22.1 61-date .zip
5. DOM
  • 1. DOM - Intro 00:02:39
  • 2. DOM - General Concepts 00:08:40
  • 3. Window and Document Overview 00:04:15
  • 4. Get Element By ID 00:06:51
  • 5. Get Elements By Tag Name 00:08:31
  • 5.1 4-tagname .zip
  • 6. Get Element By Class Name 00:02:33
  • 6.1 5-classname .zip
  • 7. Query Selector and Query Selector ALL 00:06:45
  • 7.1 6-querySelector .zip
  • 8. Navigate the DOM - Children 00:04:54
  • 8.1 7-children-properties .zip
  • 9. Navigate the DOM - parentElement 00:03:06
  • 10. Navigate the DOM - nextSibling previousSibling 00:04:28
  • 10.1 8-next-sibling .zip
  • 11. Navigate the DOM - nextElementSibling previousElementSibling 00:01:15
  • 12. textContent nodeValue 00:02:57
  • 12.1 10-nodeValue-textContent .zip
  • 13. getAttribute() setAttribute() 00:08:09
  • 13.1 11-getAttribute-setAttribute .zip
  • 14. classList and className 00:09:28
  • 14.1 12-className-classList .zip
  • 15. createElement - createTextNode - appendChild 00:08:09
  • 15.1 13-create-elements-dynamically .zip
  • 16. insertBefore 00:03:43
  • 16.1 14-insertBefore .zip
  • 17. replaceChild 00:02:23
  • 17.1 15-replaceChild .zip
  • 18. prepend innerText 00:03:10
  • 18.1 prepend-innerText .zip
  • 19. remove removeChild 00:04:52
  • 20. innerHTML and textContent 00:08:24
  • 20.1 16-innerHTML-textConent .zip
  • 21. Change CSS with style property 00:05:07
  • 21.1 17-style-property .zip
  • 22. Events Overview 00:01:53
  • 22.1 18-events-intro .zip
  • 23. Click Event 00:07:23
  • 23.1 19-click-event .zip
  • 24. Function Reference 00:04:51
  • 24.1 20-reference .zip
  • 25. Mouse Events 00:05:17
  • 25.1 21-mouse-events .zip
  • 26. Key Events 00:04:13
  • 26.1 22-key-events .zip
  • 27. Event Object 00:10:48
  • 27.1 23-event-object .zip
  • 28. CurrentTarget vs Target 00:07:33
  • 28.1 current-target-vs-event-target .zip
  • 29. Event Propogation - Bubbling- Capturing 00:10:39
  • 29.1 event-propogation .zip
  • 30. Event Propogation Example 00:07:31
  • 30.1 event-propogation-example .zip
  • 31. Forms 00:05:48
  • 31.1 form-submission .zip
  • 32. Local Storage 00:09:22
  • 32.1 localstorage-basics .zip
  • 33. Local Storage With Multiple Values 00:09:05
  • 33.1 local-storage-with-multiple-values .zip
6. DOM Projects
  • 1. Intro 00:01:17
  • 2. Starter Project .html
  • 3. Setup 00:04:11
  • 4. Color Flipper - Simple HTML 00:04:10
  • 5. Color Flipper - Simple Javascript 00:08:58
  • 6. Color Flipper - Hex 00:10:16
  • 7. Counter HTML 00:02:25
  • 8. Counter JS 00:11:14
  • 9. Reviews HTML 00:04:45
  • 10. Reviews JS 00:22:40
  • 11. Navbar HTML 00:02:48
  • 12. Navbar General Concepts 00:04:08
  • 13. Navbar JS 00:07:56
  • 14. Sidebar HTML 00:03:44
  • 15. Sidebar Manual Setup 00:03:07
  • 16. Sidebar JS 00:05:51
  • 17. Modal HTML 00:03:39
  • 18. Modal Challange 00:02:42
  • 19. Modal JS 00:03:02
  • 20. Questions HTML 00:07:14
  • 21. Questions General Concept 00:02:54
  • 22. Questions JS - Traversing the DOM 00:07:32
  • 23. Questions JS - Using Selectors Inside the Element 00:10:19
  • 24. Menu HTML 00:06:56
  • 25. Display Items When Page Loads 00:14:39
  • 26. Refactor 00:03:12
  • 27. Filter Buttons HTML 00:01:57
  • 28. Filter Buttons JS 00:11:42
  • 29. Dynamic Filter Buttons 00:04:01
  • 30. Unique Categories 00:07:29
  • 31. Dynamic Filter Buttons Complete 00:09:40
  • 32. Video Intro 00:01:12
  • 33. Video HTML 00:02:44
  • 34. Video Overlay Setup 00:02:42
  • 35. Video JS 00:04:59
  • 36. Video Preloader 00:04:51
  • 37. Scroll Intro 00:03:31
  • 38. Scroll HTML 00:10:37
  • 39. Scroll - Setup Date 00:02:11
  • 40. Scroll - Toggle Simple Setup 00:06:16
  • 41. Scroll - Toggle Dynamic 00:10:44
  • 42. Scroll - Fixed Navbar 00:08:50
  • 43. Smooth Scroll Setup 00:10:23
  • 44. Smooth Scroll Complete 00:10:53
  • 45. Tabs HTML 00:11:42
  • 46. Tabs JS 00:10:56
  • 47. Countdown HTML 00:05:53
  • 48. Set Date 00:19:51
  • 49. Calculate Remaining Time 00:27:47
  • 50. Time From Now 00:04:10
  • 51. Lorem Ipsum HTML 00:04:26
  • 52. Lorem Ipsum JS 00:17:20
  • 53. GroceryBud - Intro 00:03:22
  • 54. GroceryBud - HTML 00:05:09
  • 55. GroceryBud - Select Elements 00:03:13
  • 56. GroceryBud - addItem Setup 00:07:26
  • 57. GroceryBud - truthy shortcut 00:03:32
  • 58. GroceryBud - display alert 00:05:29
  • 59. GroceryBud - addItem 00:08:49
  • 60. GroceryBud - setBackToDefault 00:02:34
  • 61. GroceryBud - clear items 00:06:54
  • 62. GroceryBud - select edit and delete buttons 00:07:23
  • 63. GroceryBud - delete item 00:07:18
  • 64. GroceryBud - edit item 00:11:16
  • 65. GroceryBud - localStorage info 00:04:25
  • 66. GroceryBud - addToLocalStorage 00:08:38
  • 67. GroceryBud - removeFromLocalStorage 00:05:39
  • 68. GroceryBud - editLocalStorage 00:04:46
  • 69. GroceryBud - load items from localStorage 00:06:49
  • 70. Slider Intro 00:01:29
  • 71. Slider HTML 00:03:34
  • 72. Slider General Concepts 00:05:14
  • 73. Slider JS Setup 00:03:27
  • 74. Slider JS - Slides Approach 00:06:06
  • 75. Slider JS - Button Approach 00:02:48
7. Objects
  • 1. Intro 00:00:53
  • 2. Object Basics 00:06:13
  • 2.1 1-object-basics .zip
  • 3. Nested Objects Bracket Notation 00:11:59
  • 3.1 2-nested-bracket-notation .zip
  • 4. this - Keyword Basics 00:08:20
  • 4.1 3-this-intro .zip
  • 5. this - Keyword Advanced 00:07:10
  • 5.1 4-this-advanced .zip
  • 6. Factory Functions 00:06:42
  • 6.1 5-factory-functions .zip
  • 7. Constructor Functions 00:07:48
  • 7.1 6-constructor-functions .zip
  • 8. Constructor Property 00:04:51
  • 8.1 7-constructor-property .zip
  • 9. Prototype Property 00:09:58
  • 9.1 8-prototypal-inheritance .zip
  • 10. Property Lookup 00:05:45
  • 10.1 9-lookup .zip
  • 11. ES6 Class Syntax 00:12:14
  • 11.1 10-es6-classes .zip
  • 12. Call 00:09:42
  • 12.1 11-call .zip
  • 13. Apply Arguements 00:05:42
  • 14. Bind 00:02:15
  • 14.1 13-bind .zip
  • 15. Button Example 00:08:48
  • 15.1 14-button-bind-example .zip
8. OOP Projects
  • 1. Intro 00:01:20
  • 2. Starter .html
  • 3. Counter - HTML 00:03:10
  • 4. Counter Setup 00:07:56
  • 5. Counter - Select Elements 00:05:13
  • 6. Counter - Functions 00:04:05
  • 7. Counter - Complete 00:05:43
  • 8. Counter - Class Refactor 00:03:43
  • 9. Gallery Intro 00:01:08
  • 10. Gallery - HTML 00:09:24
  • 11. Gallery - Select Elements 00:06:37
  • 12. Gallery - Open Modal Setup 00:12:10
  • 13. Gallery - Open Modal Complete 00:12:06
  • 14. Gallery - Close Modal 00:06:31
  • 15. Gallery - Prev and Next 00:05:22
  • 16. Gallery - Select Images 00:05:30
  • 17. Gallery - Class Refactor 00:00:39
9. Functions
  • 1. Intro 00:00:18
  • 2. IFFE 00:08:59
  • 2.1 1-iffe .zip
  • 3. Hoisting 00:06:26
  • 3.1 2-hoisting .zip
  • 4. Closure 00:08:28
  • 4.1 3-closure-theory .zip
  • 5. Closure - Basic Example 00:03:53
  • 5.1 4-closure-first-example .zip
  • 6. Closure - Complete Example 00:08:52
  • 6.1 5-closures-second-example .zip
10. ES6
  • 1. ES6 Module Intro 00:02:20
  • 2. VAR LET CONST 00:06:07
  • 2.1 2-var-let-const .zip
  • 3. Function Scope and Block Scope 00:10:18
  • 3.1 3-function-block-scope .zip
  • 4. Template Strings 00:03:43
  • 4.1 template-strings .zip
  • 5. Template Strings - HTML 00:05:25
  • 5.1 template-strings-html .zip
  • 6. Tagged Template Literals 00:11:08
  • 6.1 tagged-template-literals .zip
  • 7. Arrow Functions - Basics 00:14:16
  • 7.1 arrow-functions .zip
  • 8. Arrow Functions - Objects and this 00:06:55
  • 8.1 arrow-function-this-object-example .zip
  • 9. Arrow Functions - Select Elements and this 00:04:47
  • 10. Default Parameters and Hoisting Gotchas 00:03:50
  • 10.1 default-parameters-hoisting-gotchas .zip
  • 11. Array Destructuring 00:05:24
  • 11.1 array-destructuring .zip
  • 12. Swap Variables 00:02:39
  • 13. Object Destructuring 00:05:03
  • 13.1 object-destructuring .zip
  • 14. Destructuring Function Parameters 00:03:01
  • 14.1 function-arguments-destructure .zip
  • 15. New String Methods 00:07:32
  • 15.1 new-string-methods .zip
  • 16. For of - Loop 00:03:59
  • 16.1 for-of .zip
  • 17. Spread Operator - Basics 00:05:26
  • 17.1 spread-operator .zip
  • 18. Spread Operator - Objects 00:03:01
  • 18.1 spread-operator-with-objects .zip
  • 19. Spread Operator - DOM Elements 00:03:27
  • 19.1 spread-operator-with-dom-elements .zip
  • 20. Spread Operator - Functions Arguments 00:03:38
  • 20.1 spread-as-function-arguments .zip
  • 21. Rest Operator 00:10:36
  • 21.1 rest-operator .zip
  • 22. Array.of 00:02:06
  • 22.1 21-array-of .zip
  • 23. Array.from - Strings and Arguments Object 00:04:34
  • 23.1 22-array-from-strings-argumetns-object .zip
  • 24. Array.from - DOM Elements(NodeList) 00:07:00
  • 24.1 23-array-from-nodeList .zip
  • 25. find findIndexeverysome 00:08:59
11. Modules
  • 1. Intro 00:02:31
  • 2. Setup 00:06:47
  • 3. Named Export 00:05:54
  • 3.1 2-first-module .zip
  • 4. Default Export 00:08:48
  • 4.1 3-default-export .zip
  • 5. Get Element 00:08:54
  • 5.1 4-getElement .zip
12. Async Javascript
  • 1. Intro 00:00:54
  • 2. Synchronous 00:03:33
  • 2.1 1-synchronous .zip
  • 3. Recipe Example 00:04:54
  • 3.1 2-recipe-example .zip
  • 4. Asynchronous 00:12:21
  • 4.1 3-async .zip
  • 5. Callback Hell 00:10:44
  • 5.1 4-callback-hell .zip
  • 6. Callback Hell - Dom Example 00:10:24
  • 6.1 5-dom-cb-example .zip
  • 7. Promises 00:10:45
  • 7.1 6-promise-tutorial .zip
  • 8. Reject Example 00:20:05
  • 8.1 7-reject-example .zip
  • 9. Promises - Dom Example 00:13:32
  • 9.1 8-promise-headings .zip
  • 10. AsyncAwait 00:12:58
  • 10.1 9-async .zip
13. AJAX
  • 1. Intro 00:01:06
  • 1.1 HTTP Requests .html
  • 1.2 AJAX .html
  • 1.3 API .html
  • 2. AJAX HTTP API 00:04:32
  • 3. Simple Text 00:26:33
  • 3.1 3-simple-text .zip
  • 4. Add Button 00:05:15
  • 4.1 4-add-btn .zip
  • 5. JSON 00:16:55
  • 5.1 5-json-people .zip
  • 6. Basic Projects Intro 00:01:11
  • 7. Project Setup Link .html
  • 8. Starter Project Overview 00:01:26
  • 9. Random Joke - Intro 00:01:27
  • 10. Random Joke - HTML 00:02:11
  • 11. Random Joke - Api Docs 00:06:18
  • 12. Random Joke - XHR Object 00:09:13
  • 13. Random Joke - Shake Chuck 00:07:39
  • 14. Random Joke - Promisify 00:09:23
  • 15. Random Joke - Fetch 00:11:35
  • 16. Random Joke - AsyncAwait 00:04:13
  • 17. Random User - Intro 00:01:18
  • 18. Random User - HTML 00:10:06
  • 19. Random User - API 00:04:44
  • 20. Random User - Select Elements 00:14:37
  • 21. Random User - Fetch User 00:20:46
  • 22. Random User - Display User 00:18:28
  • 23. Cocktails - Intro 00:01:14
  • 24. Cocktails - Setup 00:02:51
  • 25. Cocktails - HTML 00:09:49
  • 26. Cocktails - API 00:07:36
  • 27. Cocktails - Present Drinks 00:05:35
  • 28. Cocktails - Fetch Drinks 00:05:07
  • 29. Cocktails - Display Drinks 00:16:08
  • 30. Cocktails - Search Form 00:10:26
  • 31. Cocktails - Loading 00:06:56
  • 32. Cocktails - Set Drink 00:14:43
  • 33. Cocktails - Single Drink HTML 00:03:34
  • 34. Cocktails - Single Drink 00:10:40
  • 35. Cocktails - Display Single Drink 00:11:28
14. ES6 Slider
  • 1. Intro 00:00:23
  • 2. Starter Project .html
  • 3. HTML Setup 00:06:47
  • 4. Display People 00:12:53
  • 5. Apply CSS 00:07:11
  • 6. Next Slide 00:07:35
  • 7. Next Slide - End of Array 00:02:27
  • 8. Prev Slide 00:06:01
  • 9. OPTIONAL - HTML&CSS .html
15. ES6 - Stripe Submenus
  • 1. Intro 00:01:39
  • 2. Starter Project .html
  • 3. HTML 00:09:10
  • 4. Sidebar Toggle 00:09:50
  • 5. Sidebar Complete 00:11:47
  • 6. Submenu Setup 00:12:36
  • 7. Submenu Links 00:06:38
  • 8. Submenu - Hide and Column Layout 00:06:53
16. Comfy Store
  • 1. Intro 00:03:59
  • 2. About 00:03:29
  • 3. Starter Project .html
  • 4. Setup 00:01:56
  • 5. Starter Overview 00:03:35
  • 6. Navbar Hero - HTML 00:07:50
  • 7. Sidebar HTML 00:06:13
  • 8. Sidebar Toggle 00:08:59
  • 8.1 7-toggle-sidebar .zip
  • 9. Cart HTML 00:10:31
  • 9.1 8-sidebar-html .zip
  • 10. Cart Toggle 00:08:18
  • 11. About Page 00:06:51
  • 11.1 10-about-page .zip
  • 12. API Overview 00:07:33
  • 13. Featured Products - HTML 00:09:26
  • 14. Fetch Products 00:08:20
  • 14.1 13-fetch-products .zip
  • 15. Setup Store 00:11:11
  • 15.1 14-setup-store .zip
  • 16. Exports - Alternative Syntax 00:02:50
  • 17. LocalStorage 00:09:09
  • 17.1 16-local-storage .zip
  • 18. Featured Products 00:01:42
  • 19. Display Products 00:08:30
  • 20. Format Price 00:10:19
  • 20.1 19-format-price .zip
  • 21. AddToCart Setup 00:06:16
  • 21.1 20-add-to-cart .zip
  • 22. Product HTML 00:04:12
  • 22.1 21-products-html .zip
  • 23. Display All Products 00:02:36
  • 23.1 22-display-all-products .zip
  • 24. Page Loading 00:03:30
  • 25. Filters HTML 00:04:07
  • 25.1 24-filtes-html .zip
  • 26. Search Filter 00:15:08
  • 26.1 25-search-input .zip
  • 27. Companies Filter 00:15:13
  • 27.1 26-companies-filter .zip
  • 28. Price Filter 00:13:04
  • 28.1 26-price-filter .zip
  • 29. Single Product - Overview 00:03:29
  • 30. Single Product - HTML 00:08:11
  • 31. Single Product - Initial JS 00:05:41
  • 31.1 29-single-product-initial-js .zip
  • 32. Single Product - Fetch Product 00:04:21
  • 33. Single Product - Fetch Error 00:09:25
  • 33.1 31-single-product-fetch-error .zip
  • 34. Single Product - Complete 00:13:07
  • 34.1 32-single-product-display-data .zip
  • 35. setupCart - Initial Setup 00:09:43
  • 35.1 33-setupCart-initial-setup .zip
  • 36. addToCart - Setup 00:11:22
  • 36.1 34-addToCart-inital-setup .zip
  • 37. addToCartDOM 00:08:32
  • 37.1 35-addToCart-DOM .zip
  • 38. addToCart - Totals 00:09:33
  • 38.1 36-count-cart-totals .zip
  • 39. setupCart - init 00:07:42
  • 39.1 37-cart-init .zip
  • 40. Cart - Update Items 00:10:28
  • 40.1 38-cart-update-items .zip
  • 41. Cart - Remove Item 00:09:45
  • 41.1 39-remove-item .zip
  • 42. Cart - Increase Amount 00:03:25
  • 42.1 40-cart-increase .zip
  • 43. Cart - Decrease Amount 00:05:40
  • 43.1 41-cart-decrease .zip
  • 44. Tiny Bug .html
  • 45. Finished Project .html
  • 45.1 store .zip
17. OLD PROJECTS
  • 1. Old Project .html
18. Object Projects With Bootstrap 4 - ONLY JS
  • 1. Flashcard Project - Intro 00:02:34
  • 2. Flashcard Project - Main 01:12:50
  • 2.1 flashcards .zip
  • 3. Budget Application Project - Intro 00:03:56
  • 4. Budget Application Project - Main 01:27:22
  • 4.1 budget .zip
19. Comfy House Project
  • 1. Project Intro 00:04:28
  • 2. Setup Files and Project Source Files 00:00:17
  • 2.1 setup-files-js-comfy-house-master .zip
  • 3. Setup Files and Text Editor Setup 00:08:18
  • 4. Folder Structure and Font Awesome Import 00:07:38
  • 4.1 1-folder-structure .zip
  • 5. Navbar 00:09:20
  • 5.1 2-navbar-added .zip
  • 6. Hero 00:06:31
  • 6.1 3-HeroSection .zip
  • 7. Products 00:16:27
  • 7.1 4-ProductSection .zip
  • 8. Cart and Cart Overlay 00:17:45
  • 8.1 5-Cart and Cart Overlay .zip
  • 9. Javascript Setup 00:10:42
  • 9.1 6-Javascript Setup .zip
  • 10. Getting Products 00:16:16
  • 10.1 7-Getting-Products-Method .zip
  • 11. Display Products 00:09:10
  • 11.1 8-display-products .zip
  • 12. Store Products in Local Storage 00:07:08
  • 12.1 9-save-products-to-local-storage .zip
  • 13. getBagButtons Method 00:15:04
  • 13.1 10-get-bag-buttons .zip
  • 14. Add Product To The Cart 00:12:31
  • 14.1 add-item-to-the-cart .zip
  • 15. Set Cart Values 00:06:53
  • 15.1 set-cart-values .zip
  • 16. Display Cart Item 00:08:42
  • 16.1 add-cartItem-to-dom .zip
  • 17. Show Cart 00:04:00
  • 17.1 show-cart .zip
  • 18. SetupAPP Method 00:14:05
  • 18.1 setup-APP .zip
  • 19. Cart Logic - Clear Cart 00:17:52
  • 19.1 clear-cart .zip
  • 20. Cart Logic - Remove Amount Increase Amount Decrease Amount 00:25:18
  • 20.1 cart-funcionality .zip
  • 21. Contentful Intro 00:07:13
  • 22. Add Data To Contentful 00:09:34
  • 23. Get Data From Contentful 00:12:17
  • 24. Go Live On Netlify 00:06:47
  • 25. Finished Project 00:00:16
  • 25.1 comfy-house .zip