Corso web

Parte il 5 maggio, per 6 mezze giornate da 4h.

• mercoledì 5/5
• mercoledì 12/5
• mercoledì 19/5
• mercoledì 26/5
• mercoledì 9/6
• mercoledì 16/6

TOC

1. Beginner day (Riccardo)

• Percorso dello sviluppo web
• Anatomia dei siti web
  • Flusso dal browser al render del sito
  • Quando si parla di html, css e script
• Software di base
  • Browser Et Al.
  • VSCODE
  • Developer tools
• Handson Web Request e Response

2. Web Code Essentials (Cristian)

• HTML
  • Fondamentali
  • Componenti notevoli
• CSS
  • Fondamentali
    • Elementi più utilizzati
    • CSS Selector
  • Mediaquery
  • Librerie (esempi bootstrap)
• Handson form
• JS
  • Esempio base scripting (esecuzione all'onclick)
  • DOM manipulation (inserimento item nella list o modifica contatore)

3. Web Code Advanced (1/2) (Riccardo)

• JS Base
  • Dove vive, districarsi tra le versioni (standard ECMAScript, vecchie e nuove versioni, compatibilità, nuovi flavour ad esempio Typescript)
• How web works
  • rfc7231, protocollo HTTP, metodi/verbi, status code, Request&Response, storage (cookie, local, session), header, URI e querystring
  • https://reqres.in/

4. Web Code Advanced (2/2) (Riccardo)

• Javascript Avanzato JS
  • Oggetti, inheritance (prototipi) e chiusure
  • async programming
  • prototipi
  • this
  • JS stato dell'arte

5. Web Frameworks (1/2) (Riccardo)

• recap ultimi concetti JS (async, this e modules)
• Typescript
• Angular

6. Web Frameworks (2/2) (Riccardo)

• Hands-on Angular

Cheatsheet

VSCode - Command palette

Cerca ed esegui comando su VSCode Ctrl+Shift+P (ad esempio apri terminale, seleziona tag, ecc...). Inoltre mostra anche gli shortcut, una manna.

Ctrl+P inoltre è lo stesso meccanismo per aprire i file.

Start della lezione

I requisiti (node + http-server) sono nella prima lezione.

# cambia i numeri delle lezioni o il path
C:\Users\bucchric\workspace\corso_web> http-server 1/