JavaScript Web Development

April 2018

Course objectives

  • Learn basic concepts about web development
  • Learn how to make a website using AngularJS and NodeJS
  • Learn how to make software the right way

How to be good in this course

  • Take notes
  • Use English
  • Code
  • Ask questions

1 minute about me

Overview

  • Web fundamentals (1)
  • JavaScript (2)
  • AngularJS (3)
  • NodeJS (2)
  • Barcamp (1)
  • Final exam / Project presentation (1)

Why learning web development?

Getting started

  • Learn HTML
  • Basics of CSS
  • Basics of JavaScript

A little bit further

  • CSS framework: Bootstrap
  • JS library: jQuery
  • CSS preprocessor: Sass, Less, PostCSS
  • Package manager: Node Package Manager (NPM), Bower
  • Linter: ESLint
  • Transpiler: Babel
  • Build tools: Gulp, Grunt, Webpack, Browserify

More...

  • Testing: unit, integration, end to end
  • Progressive web app
  • Static type checker: TypeScript, Flow
  • Server side rendering

Pick a framework

  • React
  • AngularJS & Angular
  • Vue.js

List of languages that

...compile to JS

Some useful resources

  • w3schools.com
  • developer.mozilla.org
  • css-tricks.com
  • caniuse.com

Questions?