Parcours HTML / javascript

Objectifs

Connaître la syntaxe des langages HTML et CSS pour construire une page Web Utiliser des outils pour analyser des pages existantes Mettre en pratique les connaissances reçues pour développer une page dans un navigateur

Comprendre le positionnement des éléments dans une page Modifier dynamiquement l'apparence d'une page par rapport au périphérique de consultation Utiliser les transformations et animations

Être en parfaite autonomie au milieu des différents Framework Mettre en application les bonnes pratiques JavaScript Maîtriser la POO (Programmation Orientée Objet) Modulariser vos développements Optimiser vos développements avec la version la plus récente de Javascript (ES6)

Grace à cette formation vous pourrez Reprendre et approfondir les bases de Javascript Acquérir de bonnes pratiques de développement avancé

Programme de la formation

Introduction aux techniques http, aux navigateurs et au DOM

Introduction aux navigateurs, au JavaScript et au DOM

Les principes d'utilisation des DOM, les différences principales entre les navigateurs et les conseils d'utilisation

Concepts de base du langage JavaScript

Principes et fonctionnements

Variables et types de données

Opérateurs

Instructions

Structures de contrôles (conditions, boucles…)

Définition et utilisation de fonctions

Manipulation des tableaux via l'objet Array

Objets prédéfinis de la page HTML

Manipulations de page en JavaScript

Contrôle de saisies et traitement de formulaires

Gestion des événements

L'objet "event" et son utilisation

Parcours du DOM

Modification du DOM, suppression et création d'éléments

Chargement d'une page

 

Intérêts pour le développeur et les projets (lisibilité, maintenance, évolutions)

Les concepts (classe, méthode, propriété, objet)

Créer ses propres objets et utiliser des objets existants

Exemples concrets en Javascript

Constructeur et Prototype

Contexte (this)

Mise en œuvre de l'héritage en Javascript

Aller plus loin en POO avec Javascript, etc.

Les classes natives : String, Array, Object, etc.

Augmenter ou réécrire ?

Visibilité : propriétés publiques / privées

Visibilité : méthodes publiques / privées / privilégiées

Les différentes formes d'héritage

Appels parents : call / apply / bind

Méthodes et propriétés statiques

Méthodes abstraites et interfaces

Duck Typing et Javascript

Programmation objet

Maîtriser le langage Javascript

Types de données et subtilités (constantes, variables, énumération, etc.)

Les différentes formes d'incrémentation

Manipulation de flux binaire

Arrays : manipulation avancée

Règles de transtypage et comparaisons

Savoir utiliser les expressions régulières

Aspects avancés des fonctions en Javascript (contrôle des paramètres, etc.)

Gestion des exceptions

Importance de la modularisation

Créer un module en JavaScript

Utilisation des modules

Ajax, JSON, Web services

Rappels sur Ajax

JSON et (dé)sérialisation

Traitements asynchrones 

Consommer des web services en Javascript

HTML - Généralités et outilsHTML - Syntaxe des balises et attributsHTML - Balises de structuration d'une page WEBHTML – Inclure des images et des vuesHTML – Inclure des liens

CSS - Les sélecteurs et les pseudos-classes évoluées

Les pseudos-classes évoluées

CSS pour réaliser un compteur

CSS pour créer du contenu

CSS - Les média-queriesMise en pratique - Ecriture d'une page qui s'adapte automatiquement

Positionnement des élémentsGérer les scrollers dans ma structureMise en pratique - Utilisation d'un effet parallaxe

CSS - Transformation

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique