Starting Now: iLoveCoding courses are completely FREE. No login or signup required.

Project: To-Do List App with Vanilla JavaScript - Part 3

FREELevel: Intermediate4:28 mins
Course content
Lessons #1: Tool you will need FREE
2:25 mins
Lessons #2: History and Background of JavaScript FREE
8:06 mins
Lessons #3: Understanding Node.js and the browser FREE
7:05 mins
Lessons #4: Quick intro to text-editors and VS Code FREE
4:14 mins
Lessons #5: Project Setup FREE
2:34 mins
Lessons #6: Types in JavaScript - Part 1 FREE
6:17 mins
Lessons #7: Types in JavaScript - Part 2 FREE
4:15 mins
Lessons #8: Intro to Objects in JavaScript FREE
5:24 mins
Lessons #9: Creating Variables and accessing values FREE
5:59 mins
Lessons #10: Using the 'typeof' operator FREE
4:03 mins
Lessons #11: Basic Vocabulary in JavaScript FREE
6:40 mins
Lessons #12: Dynamic vs. Static Type Languages FREE
2:02 mins
Lessons #13: Intro to Arrays in JavaScript FREE
4:54 mins
Lessons #14: More on Arrays: Weird Parts and Length FREE
2:40 mins
Lessons #15: Type Checking Arrays FREE
1:25 mins
Lessons #16: Intro to Functions in JavaScript - Part 1 FREE
6:02 mins
Lessons #17: Intro to Functions in JavaScript - Part 2 FREE
5:44 mins
Lessons #18: Intro to Functions in JavaScript - Part 3 FREE
5:40 mins
Lessons #19: Deeper Realizations on Object, function and method FREE
5:30 mins
Lessons #20: Project: Simple Age Calculator FREE
6:02 mins
Lessons #21: Function Statement vs. Function Expression FREE
3:58 mins
Lessons #22: Hoisting: How and when variables are created. FREE
7:01 mins
Lessons #23: Function Hoisting FREE
4:52 mins
Lessons #24: Scope in JavaScript - Part 1 FREE
4:57 mins
Lessons #25: Scope in JavaScript - Part 2 FREE
3:02 mins
Lessons #26: Scope Chain: The hierarchy of scope. FREE
3:45 mins
Lessons #27: Lexical Environment (Lexical scope) in JavaScript FREE
6:00 mins
Lessons #28: Code formatting and coding ethics FREE
6:31 mins
Lessons #29: Arithmetic Operators in JavaScript FREE
5:46 mins
Lessons #30: Assignment Operators in JavaScript FREE
3:19 mins
Lessons #31: Logical Operators in JavaScript FREE
5:59 mins
Lessons #32: Triple Equal '===' operator FREE
6:23 mins
Lessons #33: Double Equal '==' Operator FREE
4:31 mins
Lessons #34: Comparison Operators in JavaScript FREE
2:39 mins
Lessons #35: Conversion Operators in JavaScript FREE
4:42 mins
Lessons #36: Increment '++' and Decrement '--' operators FREE
2:35 mins
Lessons #37: Operator Precedence in JavaScript FREE
4:01 mins
Lessons #38: Operator Associativity in JavaScript FREE
4:12 mins
Lessons #39: if else statement in JavaScript FREE
7:03 mins
Lessons #40: Ternary Operator in JavaScript FREE
2:47 mins
Lessons #41: Switch statements in JavaScript FREE
5:26 mins
Lessons #42: For loop in JavaScript - Part 1 FREE
6:54 mins
Lessons #43: For loop in JavaScript - Part 2 FREE
5:21 mins
Lessons #44: While loop in JavaScript FREE
4:15 mins
Lessons #45: Do while loop in JavaScript FREE
2:34 mins
Lessons #46: Creating variables with 'var', 'let' & 'const' FREE
4:52 mins
Lessons #47: More on 'const' FREE
2:40 mins
Lessons #48: 'setInterval' & 'clearInterval' FREE
3:40 mins
Lessons #49: 'setTimeout' & 'clearTimeout' FREE
1:25 mins
Lessons #50: Call Stack, Event Loop and Message Queue - Part 1 FREE
5:25 mins
Lessons #51: Call Stack, Event Loop and Message Queue - Part 2 FREE
4:41 mins
Lessons #52: Call Stack, Event Loop and Message Queue - Part 3 FREE
6:37 mins
Lessons #53: Call Stack, Event Loop and Message Queue - Part 4 FREE
3:39 mins
Lessons #54: Callback functions in JavaScript FREE
2:23 mins
Lessons #55: Special 'arguments' keyword in a function FREE
3:56 mins
Lessons #56: Using 'arguments' in a function FREE
3:45 mins
Lessons #57: Spread Operator '...' in JavaScript FREE
5:00 mins
Lessons #58: Default values of function parameters FREE
4:56 mins
Lessons #59: By Reference, by value FREE
7:49 mins
Lessons #60: Browser API - Part 1 FREE
4:03 mins
Lessons #61: Browser API - Part 2 FREE
6:03 mins
Lessons #62: DOM: Document Object Model FREE
4:47 mins
Lessons #63: Query the DOM nodes FREE
5:35 mins
Lessons #64: Modify DOM nodes FREE
6:30 mins
Lessons #65: Modify element class(es) FREE
4:17 mins
Lessons #66: Create Node/Elements for the DOM FREE
6:37 mins
Lessons #67: Remove Node from DOM FREE
5:02 mins
Lessons #68: Events: Adding event listeners to DOM FREE
6:21 mins
Lessons #69: Removing event listeners from DOM FREE
6:56 mins
Lessons #70: Project: To-Do List App with Vanilla JavaScript - Part 1 FREE
4:46 mins
Lessons #71: Project: To-Do List App with Vanilla JavaScript - Part 2 FREE
2:01 mins
Lessons #72: Project: To-Do List App with Vanilla JavaScript - Part 3 FREE
4:28 mins
Lessons #73: Project: To-Do List App with Vanilla JavaScript - Part 4 FREE
6:51 mins
Lessons #74: Project: To-Do List App with Vanilla JavaScript - Part 5 FREE
2:27 mins
Lessons #75: Project: To-Do List App with Vanilla JavaScript - Part 6 FREE
4:39 mins
Lessons #76: Project: To-Do List App with Vanilla JavaScript - Part 7 FREE
4:16 mins
Lessons #77: Project: To-Do List App with Vanilla JavaScript - Part 8 FREE
3:49 mins
Lessons #78: Project: To-Do List App with Vanilla JavaScript - Part 9 FREE
5:17 mins
Lessons #79: Project: To-Do List App with Vanilla JavaScript - Part 10 FREE
4:09 mins
Lessons #80: To-Do List App Homework - Solution FREE
4:03 mins
Lessons #81: Event Bubbling in DOM - Part 1 FREE
2:50 mins
Lessons #82: Event Bubbling in DOM - Part 2 FREE
5:32 mins
Lessons #83: Clear all tasks FREE
3:09 mins
Lessons #84: DomContentLoaded Event FREE
7:30 mins
Lessons #85: More on Events + Homework FREE
1:28 mins
Lessons #86: Global Scope: Avoiding Pitfalls - Part 1 FREE
3:23 mins
Lessons #87: Global Scope: Avoiding Pitfalls - Part 2 FREE
5:56 mins
Lessons #88: IIFE: Immediately Invoked Function Expression FREE
6:42 mins
Lessons #89: IIFE Example FREE
3:25 mins
Lessons #90: Arrow Functions Explained Correctly - Part 1 FREE
7:15 mins
Lessons #91: Arrow Functions Explained Correctly - Part 2 FREE
3:10 mins
Lessons #92: Closure in JavaScript Explained Correctly - Part 1 FREE
5:06 mins
Lessons #93: Closure in JavaScript Explained Correctly - Part 2 FREE
4:04 mins
Lessons #94: Closure in JavaScript Explained Correctly - Part 3 FREE
4:34 mins
Lessons #95: Project: Tooltip effect - Part 1 FREE
8:48 mins
Lessons #96: Project: Tooltip effect - Part 2 FREE
6:07 mins
Lessons #97: Project: Tooltip effect - Part 3 FREE
9:00 mins
Lessons #98: Project: Tooltip effect - Part 4 FREE
1:48 mins
Lessons #99: Project: Tooltip effect - Part 5 FREE
5:06 mins
Lessons #100: Template literals (Template Strings) in JavaScript FREE
3:55 mins
Lessons #101: Prototype: The builtin features FREE
6:40 mins
Lessons #102: Prototype of String Constructor FREE
5:10 mins
Lessons #103: Prototype of Number and Boolean Constructor FREE
4:38 mins
Lessons #104: .filter() method of Array in JavaScript FREE
7:31 mins
Lessons #105: .filter() method of Array in JavaScript - Part 2 FREE
3:56 mins
Lessons #106: .filter() Homework FREE
5:59 mins
Lessons #107: .find() method of Array in JavaScript FREE
1:42 mins
Lessons #108: .forEach() method of Array in JavaScript FREE
1:11 mins
Lessons #109: .map() method of Array in JavaScript FREE
4:26 mins
Lessons #110: .reduce() method of Array in JavaScript FREE
6:36 mins
Lessons #111: Date object in JavaScript FREE
6:44 mins
Lessons #112: Math object in JavaScript FREE
4:25 mins
Lessons #113: Promise in JavaScript - Part 1 FREE
6:35 mins
Lessons #114: Promise in JavaScript - Part 2 FREE
4:53 mins
Lessons #115: Promise in JavaScript - Part 3 FREE
8:06 mins
Lessons #116: Promise in JavaScript - Part 4 FREE
4:28 mins
Lessons #117: Using fetch() to connect with HTTP FREE
7:50 mins
Lessons #118: Project: Get list of Countries FREE
5:53 mins
Lessons #119: Project: Get population by country - Part 1 FREE
4:37 mins
Lessons #120: Project: Get population by country - Part 2 FREE
5:46 mins
Lessons #121: Project + Homework: Get population by country - Part 3 FREE
6:58 mins
Lessons #122: 'this' - Understand the 'this' keyword once and for all - Part 1 FREE
4:45 mins
Lessons #123: 'this' - Understand the 'this' keyword once and for all - Part 2 FREE
3:47 mins
Lessons #124: 'this' - Using call() to modify 'this' FREE
4:38 mins
Lessons #125: 'this' - Using apply() to modify 'this' FREE
1:29 mins
Lessons #126: 'this' - Using bind() to modify 'this' FREE
3:00 mins
Lessons #127: Avoid Pitfall: 'this' inside an arrow function FREE
3:00 mins
Lessons #128: Avoid Pitfall: 'this' inside a function inside a method FREE
4:37 mins
Lessons #129: Using Constructor - Part 1 FREE
8:25 mins
Lessons #130: Using Constructor - Part 2 FREE
4:30 mins
Lessons #131: 'prototype' property of constructor FREE
8:21 mins

JavaScript Cheatsheet

Download it, print it and keep it next to your desk.

JavaScript Cheatsheet Thumb
Become a confident software developer with mentor support!
Get Started
Already have an account? Please Login