Web Server

Browser

Web Server

Browser

• knows html
• knows css
• knows javascript

knows how to speak HTTP protocol

Web Server

Browser

• knows html
• knows css
• knows javascript

knows how to speak HTTP protocol

knows whatever language your default web server is designed to do

• IIS
  • .net, c#, vb, etc
• Apache
  • knows PHP if you install phplib
  • knows Perl if you install mod_perl
• Tomcat
  • Java
• Node
  • JavaScript

knows how to speak HTTP protocol

Web Server

Browser

knows how to speak HTTP protocol

knows how to speak HTTP protocol

HTTP traffic across the wire

• react
• aurelia
• node
• webpack
• gulp
• typescript

Web Server

Browser

Where do these things fit?

Web Server

Browser

• knows html
• knows css
• knows javascript

knows how to speak HTTP protocol

• react
• aurelia
• node
• webpack
• gulp
• typescript

JavaScript

• react (lib/framework for frontend)
• aurelia (lib/framework for frontend)
• node (cli for running JS)
• gulp (task runner, builder)
• webpack (task runner, builder, plusMore)
• typescript (typed JS superset)

NodeJS CLI

The Goal

WebPack*

React or Aurelia

Gulp*

React or Aurelia

JS, CSS, HTML

*depending on what you like

JS, CSS, HTML

JS, CSS, HTML

Web Server