Please note that this is the tentative schedule for the class and significant changes may be made over time depending on the class progress and student need. Please come back to this page in order to see the most up-to-date schedule.
| # | Theme | Topics | Slides | References | Examples |
|---|---|---|---|---|---|
| Standards | Overview, HTTP |
Syllabus
Integrity HTTP (notes) |
HTTP/1.1 (RFC 7230 thru RFC 7237) HTTP/2 (RFC 7540) |
HTTP request |
|
| Standards | HTTP/2, Encoding | Encoding (notes) |
MIME (RFC 2046, Media type list) UNICODE |
||
| Standards |
HTML, CSS, Static site |
HTML (notes) |
HTML5 CSS URL |
Basic CSS
|
|
| Standards |
Dynamic site HTML form MVC AJAX |
Dynamic Site (notes) AJAX (notes) |
Form
(Request)
Input types POST (Request) Multipart (Request) Hello server AJAX example |
||
| Standards |
Basic JavaScript |
JavaScript (notes) |
ECMAScript (ECMA 262) JSON (ECMA-404) |
JS Playground |
|
| Standards |
DOM Advanced JavaScript |
DOM (notes) Advanced JavaScript (notes) |
DOM DOM Events |
DOM |
|
| Standards |
Advanced JavaScript Browser Event Handling MEAN introduction |
Browser Events (notes) MEAN (notes) |
this (1) this (2) this vs target Default handler Event bubbling |
||
| MEAN |
MongoDB Node.JS |
MongoDB (notes) Node (notes) |
|||
| MEAN |
Express Asynchronous Programming |
Express (notes) Promise (notes) |
|||
| Standards |
Promise Cookies |
Promise (notes) Session (notes) |
ECMA-262 Promise ECMA-262 async Cookie (RFC 6265) |
||
| Standards |
JWT and sessions Single-Page Application (SPA) |
Session (notes) SPA (notes) |
JSON Web Token (RFC 7519) Fetch API HTML5 History HTML5 Web Storage |
Google Suggest |
|
| Standards |
Front-end framework TypeScript Angular (CLI) |
Front-end Framework (notes) TypeScript (notes) Angular (notes) |
TypeScript |
TypeScript Playground |
|
| MEAN |
Angular (Component) |
Angular (notes) |
|||
| MEAN |
Angular (Service) Reactive Programming |
Angular (notes) Reactive (notes) |
ReactiveX | Google Suggest (Angular version) |
|
| Standards |
Reactive CSS, Responsive Web design |
Reactive (notes) CSS (notes) |
CSS |
Box model
Position Block/inline Layout Flexbox |
|
| Scalability |
Scaling Web Service |
Scale Out (notes) |
|||
| Scalability | Cluster Computing | Cluster Computing (notes) |
Google Data Center Oak Server |
||
| Security | Public-Key Infrastructure | PKI (notes) |
AES algorithm |
||
| Security | Common Vulnerability | Vulnerability (notes) |