GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Coursesfree + premium
  • Syntax podcast
  • Aboutme
  • Blogit's good
  • TipsπŸ”₯ Real Hot
  • JavaScriptNotes
  • Speaking and training IRL
  • /uses Font?! Theme!?
  • Contactme

This view

  • Original page
  • New address

GeezerVison is showing wesbos.com β€” Beginner JavaScript Notes & Reference

Beginner JavaScript Notes & Reference

Hey! Welcome to my Beginner JavaScript Notes + Reference.

These notes are a free resource, based on my Beginner JavaScript Video course. They can be used as a stand alone guide, along with the videos or a quick reference for all the different parts of JavaScript like the different ways to declare a function.

The code written in these notes is available in the Beginner JavaScript repo on github.

Did I miss something? Think you could add a better example? Find a spelling mistake? All the notes are open source and edits are greatly appreciated!

1 - The Basics

  • 01 - Welcome
  • 02 - Browser, Editor and Terminal Setup
  • 03 - Running and Loading JavaScript
  • 04 - Variables and Statements
  • 05 - Code Quality Tooling with Prettier and ESLint
  • 06 - Types - Introduction
  • 07 - Types - Strings
  • 08 - Types - Numbers
  • 09 - Types - Objects
  • 10 - Types - Null and Undefined
  • 11 - Types - Booleans and Equality

2 - Functions

  • 12 - Functions - Built-in
  • 13 - Functions - Custom
  • 14 - Functions - Parameters and Arguments
  • 15 - Different Ways to Declare Functions
  • 16 - Debugging Tools

3 - The Tricky Bits

  • 17 - Scope
  • 18 - Hoisting
  • 19 - Closures

4 - The DOM

  • 20 - Introduction to the DOM
  • 21 - Selecting Elements
  • 22 - Element Properties and Methods
  • 23 - Working with Classes
  • 24 - Built-in and Custom Data Attributes
  • 25 - Creating HTML
  • 26 - HTML from Strings and XSS
  • 27 - Traversing and Removing Nodes
  • 28 - Cardio

5 - Events

  • 29 - Event Listener
  • 30 - Targets, Bubbling, Propagation and Capture
  • 31 - Prevent Default and Form Events
  • 32 - Accessibility Gotchas and Keyboard Codes

6 - Serious Practice Exercises

  • 33 - Etch-a-Sketch
  • 34 - Click Outside Modal
  • 35 - Scroll Events and Intersection Observer
  • 36 - Tabs

7 - Logic and Flow Control

  • 37 - BEDMAS
  • 38 - If Statements, Function Returns, Truthy and Falsy
  • 39 - Coercion, Ternaries and Conditional Abuse
  • 40 - Case Switch and Animating a Turtle with CSS Variables
  • 41 - Intervals and Timers

8 - Data Types

  • 42 - Objects
  • 43 - Object References vs Values
  • 44 - Maps
  • 45 - Arrays
  • 46 - Array Cardio - Static Methods
  • 47 - Array Cardio - Instance Methods
  • 48 - Array Cardio - Callback Methods and Function Generation

9 - Loops

  • 49 - Looping and Iterating - Array forEach
  • 50 - Looping and Iterating - Mapping
  • 51 - Looping and Iterating - Filter, Find and Higher-Order Functions
  • 52 - Looping and Iterating - Reduce
  • 53 - Looping and Iterating - Reduce Exercise
  • 54 - Looping and Iterating - for, for in, for of, and while Loops

10 - Harder Practice Exercises

  • 55 - Face Detection and Censorship
  • 56 - Sarcastic Text Generator
  • 57 - Shopping Form with Custom Events, Delegation and Localstorage
  • 58 - Building a Gallery
  • 59 - Building a Slider

11 - Prototypes, this, new and Inheritance

  • 60 - The New Keyword
  • 61 - The This Keyword
  • 62 - Prototype Refactor of Gallery Exercise
  • 63 - Prototypes and Prototypal Inheritance
  • 64 - Prototype Refactor of the Slider Exercise
  • 65 - Bind, Call and Apply

12 - Advanced Flow Control

  • 66 - The Event Loop and Callback Hell
  • 67 - Promises
  • 68 - Promises - Error Handling
  • 69 - Refactoring Callback Hell to Promise Land
  • 70 - Async/Await
  • 71 - Async/Await Error Handling
  • 72 - Async/Await Prompt UI
  • 73 - Async Typer UI - Two Ways

13 - Ajax and Fetching Data

  • 74 - AJAX and APIs
  • 75 - CORS and Recipes
  • 76 - Dad Jokes
  • 77 - Currency Converter

14 - ES Modules and Structuring Larger Apps

  • 78 - Modules
  • 79 - Currency Module Refactor
  • 80 - Dad Jokes Modules Refactor
  • 81 - Bundling and Building with Parcel
  • 82 - Using Open-Source npm packages
  • 83 - Security

15 - Final Round of Exercises

  • 84 - Web Speech Colours Game
  • 85 - Audio Visualization

𝕏 @wesbos Tweets

2 hours032,196
Muse's built in browser restricts dev tools, view source and installing extensions all of these likely to curb abuse - its not really a fast enough platform to bot nike drops
2 hours063,218
ChatGPT's Dot browser supports webmcp and it's a bit faster Interestingly Dot's browser disables the dev tools entirely
3 hours1396,762
Grokbot doesn't allow you to inject JS into their browser pages, so it types it slowly into the dev tools console, killing the speed. I had it build a chrome extension to support WebMCP, which is faster than clicking/browser use, but still too slow Wicked fast, small models are going to be the key here
14 hours29719,055
Why did they ad ads back into x premium 😩😩😩😩😩
You are visitor 01402503 β€” GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800Γ—600. No cookies required.