WBDV Library of Findings

Tools and Assets

• Openly Licensed Assets

---

Extras

• Tony’s Gists

---

Javascript

Recommended Resources

• Javascript: the Weird Parts
  • This is the first 3.5 hours of a 12 hour Udemy course by Tony Alicea. It’s and oldie but a goodie. Your instructor learned Javascript from this course. There’s a discount link in the video description.
• MDN: Getting Started with Javascript

MDN Textbook

• Javascript - Dynamic client-side scripting
  • Javascript first steps
    • What is Javascript
    • A first splash into Javascript
    • What went wrong? Troubleshooting JavaScript
    • Storing the information you need - variables
    • Basic math in JavaScript — numbers and operators
    • Handling text - strings in Javascript
    • Useful string methods
    • Arrays
  • Javascript building blocks
    • Making decisions in your code - conditionals
    • Looping code
    • Functions - reusable blocks of code
    • Build your own function
    • Function return values
    • Introduction to events
  • Introducing objects
    • Object basics
    • Object oriented Javascript for beginners
    • Object prototypes
    • Inheritance in Javascript
    • Working with JSON data
    • Object building practice
  • Asynchronous Javascript
    • General asynchronous programming concepts
    • Introducing asynchronous Javascript
    • Cooperative asynchronous Javascript: Timeouts and intervals
    • Graceful asynchronous programming with Promises
    • Making asynchronous programming easier with async and await
    • Choosing the right approach
  • Client-side web APIs
    • Introduction to Web APIs
    • Manipulating documents
    • Fetching data from the server
    • Third-party APIs

---

Getting Started

• Getting started with Web Development
• HTML basics
• CSS basics
• Javascript basics

---

Common questions

• Video: Why is CSS So Weird?
• HTML questions
• CSS questions
• Javascript questions
• How the web works
• Tools and setup
• Design and accessibility

---

HTML

Recommended Courses

• Basics
  • Free Code Camp: Introduction to Basic HTML & HTML5

MDN

• Structuring the web with HTML
• Introduction to HTML
• What’s in the head? Metadata in HTML
• HTML text fundamentals
• Creating hyperlinks
• Document and Website structure
• Images in HTML
• Adding vector graphics to the web
• HTML Tables

---

CSS

Recommended Courses

• Basics
  • Free Code Camp: Introduction to CSS
• Flexbox
  • Game: Flexbox Froggy
  • Game: Flexbox Zombies
  • Course: What the Flexbox by Wes Bos (email subscription required)
• CSS Grid
  • Game: CSS Grid Garden

MDN

• CSS First Steps
  • What is CSS
  • Getting started with CSS
  • How CSS is structured
  • How CSS works
  • Using your new knowledge
• CSS Building Blocks
  • Cascade and inheritance
  • CSS selectors
    • Type, class, and ID selectors
    • Attribute selectors
    • Pseudo-classes and pseudo-elements
    • Combinators
  • The box model
  • Backgrounds and borders
  • Handling different text directions
  • Overflowing content
  • Values and units
  • Sizing items in CSS
  • Images, media and form elements
  • Debugging CSS
  • Organizing your CSS
• Styling text
  • Fundamental font and text styling
  • Styling lists
  • Styling links
  • Web fonts
• CSS layout
  • Introduction to CSS layout
  • Normal Flow
  • Flexbox
  • Grids
  • Floats
  • Positioning
  • Responsive design
  • Beginner’s guide to media queries
  • Legacy layout methods
  • Supporting older browsers

---