Introduction
Agenda
Rappels JavaScript (ES 5)
Langage JavaScript
Syntaxe de base
Commentaires
Variables
Types de variables
null et undefined
Opérateurs
Conversion implicite
Priorité des opérateurs
Opérateurs spéciaux
Opérateur delete
Opérateur in
Opérateur instanceof
if/else
switch
while / do...while
for
for...in
with
break et continue
Fonctions
Portée des variables
Type String
Tableaux
Tableaux - Approche Impérative
Tableaux - Approche fonctionnelle
Tableaux - every()
Tableaux - some()
Tableaux - forEach()
Tableaux - map()
Tableau - filter()
Tableau - reduce()
Date
Prototypes vs classes
Orientation objet par prototype
Encapsulation
Etendre dynamiquement un type
Notation littérale
Exceptions
JavaScript et le navigateur
Utilisations principales de JavaScript
Limitations
Intégrer Javascript dans une page html
Pour les navigateurs sans javascript
Objet Window
Document
Navigator
Fonctions générales
Fonctions d'affichage
Boites de dialogue
DOM
Interface Document
Node
Elément
HTMLDocument et HTMLElement
Cookies
AJAX
WebSocket
Server-Sent Event
DOM Storage
Géolocalisation
TP #1 - Rappels JavaScript
NodeJS
NodeJS
Installer NodeJS
Scripting
Module NodeJS
Wrapper de module
Exposer une API
Un répertoire comme module
Module Core
Répertoire node_modules
Objet global process
NPM
Installer NPM
Fichier de configuration
Initialiser un projet NPM
Catégories de dépendances
Option -g
Propriété scripts
Commande npm start
Variables
Propriété main
TP #2 - NPM & Node
ESNEXT
ECMAScript 2015
let
const
Création des objets
Affectation destructurée
Valeur par défaut
Paramètre du reste (rest operator)
Classe
Promesses
Fonction fléchée
Set
Map
Template de String
Modules
Générateurs
ECMAScript 2016
ECMAScript 2017
TP #3 - ESNEXT
#3.1 Syntaxe esnext+
#3.2 EvalMe Console App
TypeScript
Installation
Système de types
boolean
number
string
tableau
tuple
void
any
enum
cast
Fonction
Interface
Classe
Bibliothèque externe
Décorateurs
TP #4 - TypeScript
#4.1 Syntaxe TypeScript
#4.2 EvalMe Console App
Angular
Angular
Environnement de développement
Installation
ng new
ng serve
ng test
ng e2e
ng build
ng doc
ng update
ng generate
Configuration
TP #5.1 - Projet
Composant - introduction
Créer un composant
Interpolation
Propriétés
Evénéments
Variables locales
Directives Angular
ng-container
@Input
@Output
TP #5.2.1 - Composants
TP #5.2.2 - Composants
Service
Créer un service
Client HTTP
TP #5.3 - Services
Routeur
Module @angular/router
Configuration du routeur
Gestion des liens
Services
TP #5.4 - Routeur
Formulaires
Formulaire piloté par le template
TP #5.5 - Formulaire
Pipes
JsonPipe
Slice
uppercase
lowercase
number
percent
currency
date
async
Pipe personnalisé
TP #5.6 - Pipe
RxJS
Observable
Contrôle du flux d'exécution
Subject
TP #5.7 - RxJS
Formulaire piloté par le modèle
Tests dans Angular
Karma
Jasmine
Protractor
Tester un service
Tester un composant simple
Tester un composant lié à un service
Tester un composant paramétrable
Tester l'application (E2E)
Tester sans interface graphique
TP #5.8 - Tests
Published with GitBook
TP #3 - ESNEXT
TP #3 - ESNEXT
Deux parties :
Syntaxe : mettre en oeuvre la nouvelle syntaxe.
Application EvalMe Console : migration de l'application vers la syntaxe ES2015+.
results matching "
"
No results matching "
"