Mr Baumgarten

Computer Science teacher and self confessed geek

Learn Javascript

Javascript basics

Quicklinks to Repl language playgrounds:

Lessons

Intro to HTML

Javascript rarely stands alone in isolation. As the langauge of the web, it is very commonly used in conjunction with HTML and CSS, so an understanding of these two markup languages is very useful.

Intro to CSS

Javascript rarely stands alone in isolation. As the langauge of the web, it is very commonly used in conjunction with HTML and CSS, so an understanding of these two markup languages is very useful.

Javascript & the DOM

The DOM (document object model) forms the basis of where Javascript, HTML and CSS all intersect.

Node.js

Javascript doesn't just have to run in the browser. Node.js is when Javascript is used to run as a standalone tool, commonly to create web servers.

Firebase

Google Firebase is one of a number of tools that Google makes available for developers. It is quite handy as a "proof of concept" tool that minimises the need for you to create your own "back end" server.

Firebase can be used to provide:

  • Authentication of users against their pre-existing Google credentials.
  • Store/retrieve application data in JSON format
  • Upload/download files for storage

Tutorials and notes on Firebase as follows:

HTML Canvas

The HTML canvas is a graphics system that you can program with Javascript. The element is divided into pixels. You use sets of pixel coordinates to tell Javascript where to draw shapes, place text or images etc.

Reference guides & valuable links

Some summary guides that might be useful.

Official documentation from the Mozilla developer network

Get copies of the MDN documents offline:

  • http://devdocs.io/offline

For thorough, free, high quality references to other languages, I highly recommend the Notes for Professionals series of PDFs available from goalkicker:

Programming practice

Project ideas

Javascript Games: A youtube series that looks quite good:

Author

(C) Paul Baumgarten 2019