Free JavaScript Course Videos

 




  A useful set of free course videos from FreeCodeCamp;




 


Reference: FreeCodeCamp

JavaScript Basics (complete course)

View full playlist here.

1. Variables — Variables are containers for storing data values. This video also covers naming conventions.
2. Data Types —The seven data types in JavaScript are boolean, null, undefined, number, string, symbol, and object.
3. Numbers — Working with numbers including adding, subtracting, multiplying, dividing, modulus, increment, decrement, and compound assignment.
4. String Basics — Strings are a group of characters.
5. Strings: [bracket notation] — Bracket notation allows you to access a specific character in a string.
6. 20 String Methods in 7 Minutes — String methods featured in this video: charAt, charCodeAt, concat, endsWith, fromCharCode, includes, indexOf, lastIndexOf, match, repeat, replace, search, slice, split, startsWith, substr, substring, toLowerCase, toUpperCase, trim.
7. Functions — Functions are one of the fundamental building blocks in JavaScript. This video covers function definitions, names, arguments, parameters, scope, and nesting functions.
8. Hoisting — Hoisting is when variable and function declarations are processed before any code is executed.
9. Comparison Operators & If Else —Comparison operators like >, <, =>, and =<. Also, use if / else statements to execute a block of code if a specified condition is true.
10. == vs === — Differences between abstract and strict equality.
11. Null vs Undefined — Differences between null and undefined.
12. Logical operators && TRICKS with short-circuit evaluation —Logical operators are ‘and’ (&&) and ‘or’ (||). These also allow you to do some tricks using short-circuit evaluation.
13. Ternary Operator — The ternary operator, or conditional operator, takes three arguments and is basically a shortened way of writing an if-else statement.
14. Switch Statements — Control the flow of your program with switch statements.
15. Arrays — Arrays are ways to store more than one value in a single variable. This video also covers nested arrays and the forEach method.
16. Common Array Methods — Learn how to use 10 different array methods: push, pop, concat, join, reverse, shift, unshift, sort, slice, and splice.
17. Copying Arrays (deep and shallow) — Shallow copy arrays using slice and the spread operator. Deep copy arrays using JSON.stringify.
18. Random numbers & parseInt — Create random numbers! Also, use parseInt to convert strings to integers.
19. For Loops — For loops are one of the most common ways to repeat things in JavaScript.
20. While / Do While — While and do… while are ways to loop over code in JavaScript.
21. For in / For of — For… in and for… of loops allow you to loop through property names and values in JavaScript.
22. Array Iteration: 8 Methods — Learn eight methods to iterate through an array in JavaScript! Methods include: forEach, map, filter, reduce, sum, every, find, findIndex.
23. Objects — Objects are stand-alone entities with properties and types.
24. Objects, part 2 — Learn more about objects. This video covers using objects for lookups, removing properties using delete, testing for properties, accessing and modifying nested objects, and creating an array of all object keys.
25. AJAX — AJAX in allows allows you to update parts of a web page without reloading the entire page.
26. JSON — JSON stands for JavaScript Object Notation. It is a syntax for storing and exchanging data.
27. this — The keyword ‘this’ refers to the object that “owns” the JavaScript code.
28. Closures — A closure is the combination of a function and the environment where the function is declared.
29. Promises — A promise represents the eventual result of an asynchronous operation.
30. Desktop Notifications — The Notifications API lets a web page or app send notifications that are displayed outside the page at the system level. This lets web apps send information to a user even if the application is idle or in the background.

ES6

View full playlist here.

1. Var vs Const vs Let —Three different ways to declare variables.
2. Classes — Learn about class expressions, class declarations, and inheritance / extending.
3. Symbols —Symbols are a unique immutable data type.
4. Template Literals — Template literals are string literals allowing embedded expressions. These are surrounded by backticks ``.
5. Proxies — Proxies are used in to give objects custom behavior. One use is for data validation.
6. …spread operator and rest operator — The spread operator (…) spreads out the elements of an array (or iterable object). The rest operator condenses elements.

Clean Code

These videos are all about writing clean code in JavaScript and are based on an article by Ryan McDermott which is based on a book by Robert C. Martin. Clean code is code that is readable, reusable, and refactorable.

View full playlist here.

1. Variables
2. Functions (Part 1)
3. Functions (Part 2)
4. Objects
5. Classes
6. SOLID
7. Testing, Concurrency, & Error Handling
8. Formatting and Comments

Data Structures and Algorithms

View full playlist here.

1. Stacks — Stacks are a last-in-first-out data structure.
2. Sets — Sets are like arrays but with no duplicate items.
3. Queues & Priority Queues — Queues are a first-in-first-out data structure.
4. Binary Search Tree — A binary search tree is a tree data structure with only two branches for every node.
5. Binary Search Tree: Traversal & Height — Find the height of a binary search tree. Also, use use depth-first and breadth-first search through in-order, pre-order, post-order, and level-order traversal.

Design Patterns

View full playlist here.

1. Singleton — The singleton design pattern limits the number of instances of a particular object to just one.
2. Observer — With the observer design pattern, if an object is modified it broadcasts to dependent objects that a change has occurred.
3. Module — The module design pattern in JavaScript is one of the most used designed pattern for keeping particular pieces of code independent from other parts.