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
Travaux Pratiques
#1 Initialisation Projet
#2 Initialiser les données sessions
#3 Saisie Utilisateur
#4 Liste des présentateurs
#5 Détails d'une session
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
Travaux Pratiques
#1 Syntaxe esnext+
#2 BreizhCamp App
TypeScript
Installation
Système de types
boolean
number
string
tableau
tuple
void
any
enum
cast
Fonction
Interface
Classe
Bibliothèque externe
Décorateurs
Travaux Pratiques
#1 Syntaxe TypeScript
#2 BreizhCamp 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
Top Collègues #1
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
Top Collègues #2
Service
Créer un service
Client HTTP
Top Collègues #3
Routeur
Module @angular/router
Configuration du routeur
Gestion des liens
Services
Top Collègues #4
Formulaires
Formulaire piloté par le template
Top Collègues #5
Pipes
JsonPipe
Slice
uppercase
lowercase
number
percent
currency
date
async
Pipe personnalisé
Top Collègues #6
RxJS
Observable
Contrôle du flux d'exécution
Subject
Top Collègues #7
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
Travaux Pratiques
Travaux Pratiques
Deux parties :
Syntaxe : introduction à TypeScript.
Application BreizhCamp : migration de l'application console réalisée lors de l'introduction sur Node vers TypeScript.
results matching "
"
No results matching "
"