Wes Bos – Beginner JavaScript 2019-11

Published on: 2021-09-30 13:26:50

Categories: 28

Description

Beginner JavaScript is a project-based JavaScript training course published by Wes Bos. In this course, you will learn a basic knowledge of JavaScript that is essential to success, regardless of the framework you use. JavaScript is hard to learn and this course is built with an interesting and engaging style.

What you will learn in the Beginner JavaScript course:

Basics of JavaScript
Data structures in JavaScript
Functions, parameters and types of function definition methods
Logic and workflow in JavaScript

Course specifications

Publisher: Wes Bos
Instructors: Wes Bos
Language: English
Number of courses: 85
Duration: 27 hours and 33 minutes

Course topics:

The Basics

Welcome and Course Methodologies
Browser, Editor and Terminal Setup
Running and Loading JS
Variables and Statements
Code Quality Tooling with Prettier and ESLint
Types – Introduction
Types – Strings
Types – Numbers
Types – Objects
Types – null and undefined
Types – Booleans and Equality

Functions
Functions – Built in
Functions – Custom
Functions – Parameters and Arguments
Different Ways to Declare Functions
Debugging Tools

The Tricky Bits
Scope
Hoisting
Closures

The DOM – Working with HTML and CSS
The DOM – Introduction to the document
The DOM – Selecting Elements
The DOM – Element Properties and Methods
The DOM – Working with Classes
The DOM – Build in and Custom Data Attributes
The DOM – Creating HTML
The DOM – HTML from Strings and XSS
The DOM – Traversing and Removing Nodes
The DOM – CARDIO

Events
Events – Event Listener
Events – targets, bubbling, propagation and capture
Events – Prevent Default and Form Events
Events – Accesibility Gotchas and Keyboard Codes

Serious Practice Exercises
Etch-a-Sketch
Click Outside Modal
Scroll Events and Intersection Observer
Tabs

Logic and Flow Control
BEDMAS
Flow Control – If Statements, Function Returns, Truthy, Falsy
Coercion, Ternaries and Conditional Abuse
Case Switch and Animating a Turtle with CSS Variables
Intervals and Timers

Data Types
Objects
Object Reference vs Values
Maps
Arrays
Array Cardio – Static Methods
Array Cardio – Instance Methods
Array Cardio – Callback Methods and Function Generation

Gettin ‘Loopy
Looping and Iterating – Array .forEach
Looping and Iterating – Mapping
Looping and Iterating – Filter, Find and Higher Order Functions
Looping and Iterating – Reduce
Looping and Iterating – Reduce Exercise
Looping and Iterating – for, for in, for and while Loops

Harder Practice Exercises
Face Detection and Censorship
Sarcastic Text Generator
Shopping Form with Custom Events, Delegation and localstorage
Building a Gallery Exercise
Building a Slider

Prototypes, `this`,` new` and Inheritance

The New Keyword
The this Keyword
Prototype Refactor of the Gallery Exercise
Prototypes and Prototypal Inheritance
Prototype Refactor of the Slider Exercise
bind, call and apply

Advanced Flow Control
The Event Loop and Callback Hell
Promises
Promises – Error Handling
Refactoring Callback Hell to Promise Land
Async Await
Async Await Error Handling
Async Await Prompt UI
Async Typer UI – two ways

Ajax and Fetching Data
Ajax and APIs
CORS and Recipes
Dad Jokes
Currency Converter

ES Modules and Structuring Larger Apps
Modules
Currency Modules Refactor
Dad Jokes Modules Refactor
Bundling and Building with Parcel
using open source npm packages
Security

Final Round of Exercises
Web Speech Colors Game
Audio Visualization