Internship
Student login
← Full Stack Web Development learning path
Full Stack Web Development · Module 3 of 10

JavaScript and the DOM

Make pages interactive with JavaScript.

📖 Key ideas

  1. Variables (let, const), functions, arrays, objects.
  2. DOM APIs: document.querySelector, addEventListener.
  3. Fetch API calls back-end APIs: await fetch(url).
  4. async/await handles asynchronous code.
  5. ES modules organise code: import/export.
💡 Real-life example: JavaScript is the electricity of a house: lights, fans and doorbells only work when it flows.
DOMDocument Object Model
Event listenerCode reacting to events
fetchMakes HTTP requests
async/awaitAsynchronous code syntax