lecture_1

Lecture 1

Lecture 1 gives an overview of JavaScript tools and ecosystem. It also describes the standard way to build a modern JavaScript browser application.

Study goals

There are a lot of concepts and tools described in lecture 1. This is to get a flying start to be able to implement an interesting application with 7 homeworks.

It is not necessary to understand all lecture 1 concepts in depth immediately. If something creates confusion later, lecture 1 can be revisited.

Pre-requisites

• Install NodeJS v14.16 or later https://nodejs.org/en/download/
• Install Yarn package manager

  npm install -g yarn

Building

• Where and using what can JavaScript libraries be downloaded? How can they be used in your application?
• When are JavaScript files loaded and executed?
• How to package different JavaScript files into one application?
• What is ECMAScript, ES2015, ES5 etc? Where and how can it be used?
• What is transpilation? How does it differ from compilation?
• What are source maps?

Building with NPM, Yarn, Rollup and Babel

Linting

• What automated tools are there to ensure JavaScript quality?

Linting JavaScript source code

CSS

• What is CSS?
• How can CSS be partitioned to modules?
• How to align and order elements using flexbox

CSS and CSS modules

Testing

• How to test your application?
• How to create new JavaScript objects and arrays without mutating existing ones

Unit tests