Learn the core building blocks of browser-side JavaScript through 10 guided, hands-on labs. You will add scripts to HTML pages, inspect output in the browser, and progress from values and control flow to changing page content and responding to user actions.
Each lab focuses on one foundational topic with short coding steps. The course is designed as a first practical encounter with the language and the DOM, giving you the syntax needed before moving to larger applications or modern JavaScript tooling.
What You Will Learn
By completing this course, you will learn to:
- Embed JavaScript in HTML, link an external script, and produce output with the console and alerts.
- Declare variables with
let, store strings, numbers, and booleans, and inspect values withtypeof. - Build arithmetic and string expressions and use increment and modulus operators.
- Control execution with
if,else if, andelseand compare loose and strict equality. - Repeat work with
for,while, anddo...whileloops and exit a loop withbreak. - Define functions with parameters and return values and call them with arguments.
- Create, access, update, and iterate arrays and create and modify object properties.
- Select and update DOM elements, create and append elements, and handle browser events with listeners and the event object.
Who This Course Is For
This course is for complete JavaScript beginners, HTML learners ready to add behavior to a page, and anyone who wants a compact refresher on browser scripting fundamentals. It favors step-by-step practice over independent problem-solving challenges.
Prerequisites: No previous JavaScript experience is required. Basic HTML familiarity is recommended because scripts are embedded in pages and the final labs select and modify HTML elements; you should also be comfortable editing text files.
Learning environment: All 10 guided labs run in provided Ubuntu 22.04 WebIDE environments. You edit HTML and JavaScript files and refresh a browser preview to observe console output, alerts, DOM changes, and events; no external account or deployment service is listed.
Frequently Asked Questions
Is this browser JavaScript or Node.js?
It is browser-side JavaScript. The labs use HTML pages, the DOM, alerts, and browser events; Node.js, npm, server-side APIs, and command-line package tooling are not included.
Do I need to know HTML first?
You do not need advanced HTML, but basic elements and attributes will help. The first lab creates an HTML page, and the DOM and event labs operate on page elements.
Are there challenges or a final application project?
No. The curriculum lists 10 guided labs and no challenge or capstone. You practice individual fundamentals rather than assembling a complete production application.
Does the course cover modern asynchronous JavaScript or frameworks?
No. Promises, async/await, fetch, modules, classes, testing, build tools, TypeScript, and frameworks such as React or Vue are outside the listed scope.
