JavaScript From The Start
Real World Array Method Uses in JavaScript Web Development
Hide/Show description
A real world example of taking some sample weather data from the DarkSky API and creating a Grid of weather over a 24 hour period.
Array.map( ), Array.filter( ), Array.forEach( ) and Array.reduce( ) are all demonstrated in creating the end product.
JavaScript Code GIST: https://gist.github.com/prof3ssorSt3v3/f2cef1569568505a003177066be2dd07
HTML Code GIST: https://gist.github.com/prof3ssorSt3v3/98c93160cc0535e21e7c9f3d2d46bd5f
Sample JSON Data Code GIST: https://gist.github.com/prof3ssorSt3v3/d2e2181160e8423afeb025e5ef54ba4f
JavaScript Arrow Function video: https://www.youtube.com/watch?v=2v4bulVra-w
Array filter video: https://www.youtube.com/watch?v=WrB_--bVbbs
Array forEach video: https://www.youtube.com/watch?v=159EAISAxwg
Array reduce video: https://www.youtube.com/watch?v=6_XzV25rkcE
Array map video: https://www.youtube.com/watch?v=hfYa4ugeyuc
DarkSky API video: https://www.youtube.com/watch?v=6f7EJ6GcD8Q
Introduction to JavaScript
Working with JavaScript Variables and Datatypes
Basic JavaScript if Statements
JavaScript else if Statements
Logical Operators AND and OR with Compound if statements
Javascript Ternary Operator
Introduction to Arrays with JavaScript
Manipulating and Sorting Arrays in JavaScript
Playing with JavaScript Objects
JavaScript for loops
JavaScript for..in Loops
JavaScript While and Do..While Loops
Introduction to Functions in JavaScript
JavaScript Function Parameters
JavaScript Function Return Statements
ES6 JavaScript Arrow Functions
Variable Scope
JavaScript Hoisting
var let const - Variable Declarations in JavaScript
Working with Strings in JavaScript
JavaScript Unicode Characters and Escape Sequences
Globals and Numbers and Math. Oh My.
JavaScript String.split and Array.join
JavaScript Array forEach Method
JavaScript Array map method
JavaScript Array filter method
JavaScript Array reduce method
JavaScript Array concat method
JavaScript Array includes method
JavaScript Array some method
JavaScript Array every method
JavaScript Chaining Array Methods and Using Arrow Functions
What is AJAX and Why Should I Care
Fundamentals of the JavaScript fetch method for AJAX
JavaScript Function Currying
JavaScript Callback Functions
JavaScript Nested Loops with Arrays and Objects
JavaScript Timers - setTimeout, setInterval, clearTimeout, and clearInterval
JavaScript IIFE (Immediately Invoked Function Expressions)
Introduction to JavaScript Event Listeners
JavaScript Event Bubbling and Propagation
JavaScript Keyboard Events
What the heck is the event loop anyway? | Philip Roberts | JSConf EU
JavaScript Namespaces
Working with Time and Dates in JavaScript
Truthy & Falsy Values in JavaScript
JavaScript null vs. undefined
JavaScript Try...Catch plus Throwing Errors and Exceptions
Real World Array Method Uses in JavaScript Web Development
JavaScript for...of loops
Using Object assign( ) to Copy or Merge Objects
Debugging JavaScript Tips, Tricks, and Best Practices
NaN and isNaN in JavaScript
Difference Between == and === in JavaScript
Using the new Keyword in JavaScript
JavaScript Object create method
Understanding the Keyword THIS in JavaScript
JS Function Methods call( ), apply( ), and bind( )
delete Keyword in JavaScript
JavaScript void Operator
ES5 Custom Object Methods, Getters, and Setters
JavaScript Object Property Descriptors
Private Variables in JavaScript
JavaScript in Operator
JavaScript Double Bang!! Cast to Boolean
JavaScript typeof Operator
Comparing IIFEs and Namespaced Objects
Composition vs Inheritance in JavaScript
Timestamps, Date.now( ) and valueOf( )
JS Bitwise Operators and Binary Numbers
Logical Short-Circuiting in JavaScript
Avoiding Duplicate Array Values
Tips and Gotchas for ES6 Arrow Functions
JSON stringify method - the optional parameters
Placeholder Images for AJAX
Randomizing in JavaScript
Looping and Recursion in JavaScript
Understanding Synchronous vs Asynchronous JavaScript
What are Callback Functions and How Do They Work?
Introduction to Prototypes in JS
Practical Uses for Prototypes with Arrays
JavaScript Switch Case Statements
What Does Pass By Reference Mean in JS
Searching in Arrays
indexOf and lastIndexOf String Methods
substring and substr String methods
String Methods for Find and Replace
Create Your Own NPM Modules
Trimming and Padding Strings
Rounding and Formatting Numbers
Primitive Data Types
Make a Tutorial Request - Don't Forget to Vote for Your Favs
Find and Replace Strings with JavaScript
Object keys, values, and entries methods
Intro to Async and Await
Intro to JavaScript Symbols
Custom Array Sorts in JavaScript
Iterable vs Enumerable in JavaScript
ES6 Iterator & Generator Fundamentals
Creating JavaScript Polyfills
Intro to JavaScript Classes
Deep Copying vs Shallow Copying
Number Bases for Non-Math Lovers
Combining Async Await with Promises
The Differences between ES6 Maps and Sets
How to Chain JS Methods Together
Custom Iterators and for...of Loops
Async Iterators for Big Data Sets
ES6 Method Shorthand
Intro to Typed Arrays in JavaScript
Different Ways of Creating Objects in JavaScript
JSON vs JavaScript Object Literals
Array from Method
JavaScript Closures with Loops
Spread, Shallow Copies, and Chaining Methods
Finding Matches in Arrays
Array find( ) and findIndex( ) Methods
JS String trimming methods
String Padding with padStart & padEnd
Displaying Seconds like a Digital Clock with JavaScript
Intro to Regular Expressions
JS Interview - Chained Variable Declarations - Question 18
Javascript Conditional Operand Selectors
JavaScript Classes vs Prototypes
Object seal, freeze, and preventExtensions
Understanding the JavaScript Prototype Chain
Using JavaScript Strict Mode
JavaScript String Concatenation
Understanding charCodeAt vs codePointAt
Hoisting with var vs let (and const)
Why Should I Use const in JavaScript
What do JS functions really return? And why?
