Introduction to Javascript¶

Goals¶

• Characterize the use of scripting languages on the client.
• Learn the basics of language.
• Manipulate the Document Object Model (DOM) to apply dynamism to documents HTML.

Contents¶

JavaScript fundamentals¶

• JavaScript first steps
• JavaScript basics

Functions¶

• Functions
• Function expressions
• Callback functions
• Arrow functions

Built-in objects: String, Math, Array¶

• Arrays
• Array Methods

Validations¶

DOM manipulation¶

• Document
• DOM tree
• Searching: getElement*, querySelector*
• Modifying the document
• The HTML DOM API

Events¶

• Introduction to browser events
• Page: DOMContentLoaded, load, beforeunload, unload

Objects¶

• https://javascript.info/object
• https://javascript.info/constructor-new

localStorage¶

• https://javascript.info/localstorage

JSON¶

• https://www.json.org/json-en.html
• Fetch at Javascript.info

Resources¶

• JavaScript Guide at Mozilla Developer Network
• The Modern JavaScript Tutorial
• Javascript Cheatsheet at Codecademy