DMarlon Studio
DemosDownload

Basic JavaScript course

From scratch: everything you need to write your first programs. In DMarlon Studio, JavaScript is the language of the Electron + React, Next.js, React, Vue, HTML, Chrome extension and React Native targets: the studio generates the UI and you write the logic.

Start
  1. 1Hello, worldYour first JavaScript program: console.log() writes text and results to the console. Run it with Node.js in DMarlon Studio.Lesson 1
  2. 2let, const and data typesStore values in variables with let and const, and use typeof to discover JavaScript's data types: strings, numbers, booleans, undefined and null.Lesson 2
  3. 3Numbers and MathDo maths in JavaScript: operators, the remainder with %, powers, rounding with toFixed and the functions of the Math object, with practical examples.Lesson 3
  4. 4Strings and template literalsWork with text in JavaScript: joining strings, template literals with backticks and ${}, length, characters, upper case and searching.Lesson 4
  5. 5if / else and the ternaryMake decisions in JavaScript with if, else if and else, and choose between two values on a single line with the ternary operator.Lesson 5
  6. 6Comparisons, logic and truthinessThe difference between === and == in JavaScript, the logical operators &&, || and !, and which values count as true or false (truthy and falsy).Lesson 6
  7. 7for and while loopsRepeat code in JavaScript with for and while: times tables, growing savings, break, continue and a countdown.Lesson 7
  8. 8Arrays: lists of valuesStore lists in JavaScript arrays: indexes from 0, length, changing elements, looping with for and for...of, and arrays of arrays.Lesson 8
  9. 9Adding, removing and searchingThe basic JavaScript array methods: push, pop, shift, unshift, includes, indexOf, slice and splice, with a shopping list and a queue.Lesson 9
  10. 10ObjectsGroup data in JavaScript objects: key: value properties, dot and bracket access, adding and deleting, Object.keys, for...in and arrays of objects.Lesson 10
  11. 11Functions and arrow functionsReuse code with functions in JavaScript: function declarations, values with return, arrow functions and functions as values.Lesson 11
  12. 12Parameters, defaults and returnMore on JavaScript functions: parameters with default values, return to exit early, undefined, rest parameters and returning an object.Lesson 12
  13. 13forEach, map and filterLoop over and transform JavaScript arrays without manual loops: forEach for each element, map to build a new array and filter to keep just a few.Lesson 13
  14. 14reduce, find, some and everySummarise and search JavaScript arrays: reduce to add up or group, find and findIndex to locate, some and every to check.Lesson 14
  15. 15String methodsClean and format text in JavaScript with trim, split, join, replace, replaceAll, padStart, padEnd, slice, indexOf and repeat.Lesson 15
  16. 16Destructuring and spreadUnpack values from arrays and objects with JavaScript destructuring, and copy or combine data with the spread operator (...).Lesson 16
  17. 17JSON: stringify and parseTurn JavaScript objects into JSON text with JSON.stringify and get them back with JSON.parse, to save a game or read data from a server.Lesson 17
  18. 18Errors: try, catch and throwHandle errors in JavaScript: catch failures with try/catch, use finally, and throw your own errors with throw, Error and RangeError.Lesson 18
  19. 19Reading what is typedRead data from standard input in JavaScript with Node.js and fs.readFileSync(0), and turn it into a grade report.Lesson 19
  20. 20Project: a to-do listA small JavaScript project that brings it all together: a to-do list driven by text commands, with objects, arrays, functions, errors and JSON.Lesson 20