Javascript : Les fondamentaux
Cette formation de 15 journées vise à initier les participants à la programmation à travers le langage Javascript. Elle aborde les bases de l’algorithmique, les concepts de la programmation et les fondamentaux du développement Web.
Durée
.
Publics cibles
- Développeurs intéressés par le langage JavaScript
- Développeurs souhaitant exploiter les aspects de programmation Web dynamique avec JavaScript
- Personnes en charge de la gestion d’un site Web d’entreprise avec JavaScript
- Développeurs Web et chefs de projets techniques développant avec JavaScript.
Pré-requis
- Être à l’aise avec l’ordinateur.
- Etre logique.
- Entretien individuel (parcours, profil et motivation).
- Test logique et technique.
Objectifs
Maîtriser le HTML, le CSS et le Javascript pour créer des pages Internet réactives.
Informations
Pour chaque module, le formateur dispense un cours théorique avec du live coding. Livres électroniques de référence, supports de formations en pdf pour chaque module, slack pour la pose de questions en dehors de la formation, documents de notes prises pendant la formation, corrections des programmes et exercices
Programme détaillé
Jour 1
- Balises
- HTML simple
- CSS simple
- Apport du HTML5 et du CSS3
- DOM
- Mise en page
Jour 2
- Mise en forme
- Sélecteurs
- Multi-média
- Formulaires
- Bonnes pratiques
- Media query pour le responsive design
Jour 3
- Algorithmie
- Historique de Javascript
- Implémentations de Javascript
- Les différentes versions
- Intégration de Javascript avec HTML
- L'élément SCRIPT
- Modes du document
- L'élément NOSCRIPT
Jour 4
- Bases du langage
- Syntaxe
- Mots-clés et mots réservés
- Variables
- Types de données (opérateur typeof, type undefined, type null, type booléen, type number, type string…)
- Opérateurs (opérateurs unaires, opérateurs binaires, opérateurs arithmétiques, opérateurs relationnels)
Jour 5
- Instructions (instructions de branchement, boucles)
- Utilisation de fonctions
- Variables, étendue et mémoire
- Valeurs réferences
- Contexte d'exécution et étendue
- Garbage collector
Jour 6
- Types réferences
- Le type Object
- Le type Array
- Le type Date
- Le type RegEx et expressions régulières
- Le type Function
- Les type wrappers
Jour 7
- Objets intégrés (Global et Math)
- Programmation orientée objets
- Création d'objets (le design pattern factory, constructeurs, Prototype)
- Héritage
- Les objets JS
- L'objet Window (Global, relation entre les fenêtres et les frames, position, taille, navigation)
- L'objet location (arguments query string et utilisation de l'objet location)
Jour 8
- L'objet navigator (détection de plug-ins, enregistrement de handlers)
- L'objet screen
- L'objet history
- Détection du client
- Détection des capacités du navigateur
- Détection de la chaîne d'agent
Jour 9
- DOM (Document Object Model)
- Hiérarchie des noeuds
- Extensions DOM
- Utilisation de DOM (scripts dynamiques, styles dynamiques, accès aux tables, utilisation de
- NodeList)
- Changement DOM (espaces de noms XML at autres changements)
- Styles (accès à l'élément Styles, accès aux feuilles de styles, élément Dimensions)
Jour 10
- Utilisations des Ranges dans DOM et Internet Explorer
- L'objet Event
- Les types d'évenements (UI Events, souris, claviere et HTML)
- Mémoire et performance
- Scripting avec les formulaires
- Bases des formulaires (envoi de formulaires, remise à zéro et champs de formulaires)
Jour 11
- Scripting des champs de textes (Sélection de texte, filtrage de l'entrée, gestion de la tabulation
- Scripting des éléments SELECT
- Edition de texte riche
- Gestion d'erreurs et débogage
- Visualisation d'erreurs dans les différents types de navigateurs
Jour 12
- Gestion d'erreur (l'instruction try-catch, lancement d'erreur, l'évenement error)
- Outils de débogage
- Javascript et XML
- Prises en charge de XML DOM dans les navigateurs
- Prise en charge de XPath dans les navigateurs
- Prise en charge de XSLT dans les navigateurs
Jour 13
- AJAX et JSON
- L'objet XHR (utilisation de XHR, entêtes HTTP, requêtes GET et POST, sécurité)
- Requêtes cross-domain
- Utilisation de JSON avec AJAX
- Stockage côté client
- Cookies (restrictions, gestion des cookies dans Javascript)
Jour 14
- Stockage DOM
- Objets intégrés
- String
- Mathématiques
- Date
- Objet
Jour 15
- Héritage et polymorphisme
- Objets des navigateurs
- Interaction avec les navigateurs
- Boîtes de dialogues
- Frames
- Evènement