Semester 3 · AI · MI · CPGE · ENSA · EST · FSR · FST
JavaScript
Learn JavaScript step by step: variables, conditions, loops, functions, objects, the DOM and events, with solved exercise sessions.
About this course
This course takes you from your very first line of JavaScript to interactive web pages. Every concept is explained live in the editor, then put into practice with exercises and step-by-step solved exercise sessions (TD). What you'll learn: • The basics: variables, types, prompt and alert, type conversion, operators and comparisons • Control flow: conditions, loops, the ternary operator • Arrays: for...in, for...of, sorting arrays • Functions: regular, arrow and self-invoking functions, variable scope • Objects: literals, new Object, constructors, this, methods, getters and setters • The DOM: selecting, creating and modifying elements, working with forms • Events: onclick, addEventListener, mouse, keyboard, event propagation • Dates with the Date object The course ends with a full review , so you're ready on exam day. 33 videos · Solved exercise sessions · Review
Before you start
No programming experience needed. Knowing basic HTML and CSS helps for the DOM part (see the Web Development course). Get ready: • A computer with an up-to-date browser (Chrome, Edge or Firefox) • Visual Studio Code (free), ideally with the Live Server extension Tip: type the code yourself as you follow the videos, and open the browser console (F12) to see the results.
What you will learn
8 chapters · 29 lessons · 8 h 49 min
01JavaScript Basics
- Introduction to JavaScript and VariablesFree8 min
- Displaying, Reading and Converting ValuesFree11 min
- Operators and ComparisonsFree8 min
- Conditions and LoopsLocked8 min
02Arrays and Functions
- Arrays, for...in and for...ofLocked9 min
- Exercise: .length, Functions and Arrow FunctionsLocked10 min
- The Ternary Operator and Self-Invoking FunctionsLocked11 min
- Variable Scope and ObjectsLocked9 min
03Practice: Loops and Functions
- Exercises: Variables, prompt and ConditionsLocked23 min
- TD3: Loops and Functions, Part 1Locked13 min
- TD3: Loops and Functions, Part 2Locked33 min
04Objects
- Objects: Literals, new Object and ConstructorsLocked29 min
- Objects: this and MethodsLocked20 min
- Getters, Setters and Sorting ArraysLocked19 min
- Exercise: The Addition Object and ConstructorsLocked17 min
- TD4: Objects (Solution)Locked38 min
05The DOM and Forms
- The DOM: Selecting ElementsLocked21 min
- Forms, Attributes and Creating ElementsLocked18 min
- DOM and Forms RecapLocked10 min
- Forms and EventsLocked16 min
06TD5: Algorithms and the DOM
- TD5: Swapping Values, Prime Numbers and ConversionLocked32 min
- TD5: System of Equations and Multiplication TableLocked22 min
- TD5: Image Zoom, Selectors and Caesar CipherLocked21 min
07Events
- Events: onclick, addEventListener and the MouseLocked28 min
- Keyboard Events, Propagation and removeEventListenerLocked19 min
08Full Review
- Review: Variables, Operators and ConditionsLocked24 min
- Review: Loops, Factorial and PalindromesLocked27 min
- Review: Functions and Variable ScopeLocked10 min
- Review: Manipulating the DOMLocked17 min