Helpful Resources

GitHub Wikis: adding or editing pages, editing wiki content

Learning to Program

• HYF Precourse
• Student Handbook
• Effective Learning
• Self-Assessment
• js notional machine

Git & GitHub

many great resources here

---

---

JavaScript:

Below are some recommended resources for learning JavaScript. Take a look at each one and see what works best for you. If you find another one you like better, put it up!

---

The DOM

• super highly recommended tutorial
• DOM Crash-Course Tutorial
• sort of like JS Tutor, for the DOM
• Inspecting the DOM
• more from HYF Amsterdam
• javascript.info (.1 & .2 are enough for now)

Much Practice:

• LambdaSchool Nested Data Exercises

What is JS?

• "Intro" from JavaScript.info
• "What is JS" from MDN
• 5 computer language fundamentals

Your Go-To JS resources:

• Javascript.info - the best reference for good & quick explanations
• JS Study Tools: JS Tutor, parsonizer & the devtools
• Philip Guo video series and article introducing them - highly recommended, based on JS Tutor
• MDN - where you go to dig deeper
• FreeCodeCamp, JavaScript in 3 Hours & video series - for lots of structured practice
• Practical JavaScript - one of the best tutorials ... eeevvveeerrr
• JavaScript 30 - awesome projects and tutorial videos

writing stylish code:

• air bnb style guide
• Linting: eslint, prettier, setting them up
• naming conventions
• code formatting
• special characters

Other references & tutorials

• JavaScript for Cats - Fun website with good examples to study.
• Headfirst JavaScript: PDF, GitHub - very thorough and well-guided introduction.
• Beau Teaches JS - youtube series

---

starting out

• Hello World (js.info)
• code structure (js.info)

variables

• javascript.info
• variables & hoisting

functions:

• functions (Guo video)
• MDN
• javascript.info

types & values

• variables & primitive types (Guo video)
• values
• operators & values
• javascript.info
  • types
  • type conversions
  • operators
  • comparison
  • conditionals & ternaries
  • logical operators
  • strings in depth

truthiness & booleaning

• truthiness
• boolean operators
• truthiness statements

operators

• order of operations & coercion: equalities, arithmetic

comparisons

• js.info
• MDN
• === & !== scripts
• equalities & coercion
• == & === tables
• == game

arrays and objects

• arrays: getting started
• arrays: pop/push, shift/unshift
• arrays: native methods
• arrays: mutating vs. non-mutating methods
• Array Cardio with Wes Bos
• objects: getting started
• objects: literals & properties
• objects: dots vs. brackets
• reference vs. values
• advanceder (from js.info)
  • Iterables
  • Object.keys, values, entries
  • Destructuring
• deeper into arrays & objects
  • Native Array Methods
  • Iterables
  • Object.keys, values, entries
  • Destructuring
  • Rest & Spread

scope

• variable scope (Guo)
• jl: block scope
• sitepoint: lexical & block scope
• codeburst: lexical & block scope
• statements vs expressions: one, two. Most simply: if it takes one step in python tutor, it's a statement. If it has an operator, it's an expression. A line of code can be both a statement and an expression

conditionals

• hyf: conditionals
• javascript.info
  • type conversions
  • comparisons
  • conditionals
  • logical operators
• Truthy & Falsey:
  • A video
  • truthiness
  • Deep dive
  • All things truthy
  • All things falsey
  • Some Gotchas

so many loops!

• So many of them!
• javascript.info
• MDN
• interactive examples
• For's vs While's:
  • StackOverflow
  • TeamTreeHouse
• While vs Do While:
  • Digital Ocean
  • Tutorial GateWay
• performance -> standard for loop

deeper look at execution

• statements vs expressions
  • hexlet
  • dev.to.
  • If it takes one step in python tutor, it's a statement. If it has an operator, it's an expression. A line of code can be both a statement and an expression
• expressions vs. operators
  • Over Views:dev.to, flaviocopes, lib.ru
  • In Depth: MDN, 2ality
  • Assignment vs Comparison: Overview (study with PyTut), This isn't just a JS thing

---

Here are some links to study code similar to your projects:

• three layer handlers (code to study)
• array methods (code to study)
• equalities coercion (code to study)
• arithmetic coercion (code to study)

---

and some review

Inspecting the DOM