The fastest way from zero to JavaScript apps!

Okay, the idea is to quickly get to a point when you can write full-stack web apps using JavaScript on both front-end (browser) and back-end (NodeJS). In order to do that, you need to learn the following things:

1. JavaScript concepts
2. DHTML - the hard way to manipulate the DOM
3. AJAX - exchange data between the browser and the server
4. Svelte - the easy way to manipulate the DOM and do much more
5. Server-side JavaScript (NodeJS) to store/retrieve data

Modules

• Getting Started

  • Setup

  • First Project

  • Background: Basic computing glossary

  • Background: Client-Server computing and the Web

  • Background: What is Web Development?

• Language fundamentals

  • Variable Declarations

  • Data Types

  • Functions, IIFE, and pass-by-value

  • Conditional Statements and Loops

  • Logical Operators

  • Objects, Arrays, and Destructuring

  • (WIP) Scopes

  • this keyword

  • Closures

• ES6 (modern javascript)

  • Strings and Template Literals

  • Arrow Functions/Lambda Expressions

  • Mutations, Rest Parameter, and Spread Operator

  • Classes

• DHTML (Dynamic HTML)

  • Document Object Model (DOM)

  • Attributes and Properties

  • DOM events and callbacks

• AJAX

  • JSON (JavaScript Object Notation)

  • Promise API

  • async/await

  • AJAX - Async HTTP requests from JavaScript

  • CORS (Cross-Origin Resource Sharing)

• Svelte

  • Svelte

  • Svelte Kit

References:

1. MDN: Quick JS tutorial
2. MDN: HTML
3. MDN: CSS
4. MDN: JavaScript