Javascript for Web 2020-03

Course material and example project for the course JavaScript for Web, March 2020.

Tailwind: https://tailwindcss.com/

Session 1

JSON

• https://www.json.org/json-en.html
• JSON.parse() and JSON.stringify(): https://alligator.io/js/json-parse-stringify

DOM

• https://www.w3schools.com/js/js_htmldom.asp
• getElementById(): https://www.w3schools.com/jsref/met_document_getelementbyid.asp
• querySelector(): https://www.w3schools.com/jsref/met_element_queryselector.asp
• Tutorial: https://dev.to/iqramqra/a-beginners-guide-to-dom-manipulation-45bk
• Adding classes: https://alligator.io/js/classlist/

Session 2

let and const

• const: http://es6-features.org/#Constants
• let: http://es6-features.org/#BlockScopedVariables
• For the know-it-all: https://medium.com/javascript-scene/javascript-es6-var-let-or-const-ba58b8dcde75

Template Literals

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

Fat Arrow Functions

• https://www.w3schools.com/Js/js_arrow_function.asp

Session 3

Web Server

• VS Code:
  Extensions > Live Server > install
  index.html > Open with Live Server
• Atom:
  Packages > Settings View > Install Packages / Themes > atom-live-server > install
  Packages > atom-live-server > Start server