Accueil > Technologies WEB > Solutions Open Source : développement Front End
Formation #TWC83

Formation Solutions Open Source : développement Front End

Durée : 5 jours

Code : TWC83


Prochaines dates programmées :

Du 15 au 19 Avril 2024

Du 15 au 19 Juil. 2024

Du 21 au 25 Oct. 2024

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.
Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Comprendre le fonctionnement de JavaScript et son utilité dans le navigateur
  • Connaitre les solutions d'industrialisation du Front End
  • Créer des scripts permettant de rendre interactives vos pages et applications
  • Connaître les librairies et Framework incontournables
Programme
1/ Architecture et protocoles Web
  • Le modèle client/serveur dans le contexte du Web
  • Positionnement et complémentarité des différentes briques (HTML, CSS, JavaScript, Java, PHP, etc.)
  • Protocoles et formats d’échange entre ces briques (HTTP, XML, JSON, WebServices, Ajax, etc.)
  • Mode d'appel des scripts depuis les pages HTML
  • Comment créer une zone de saisie ?
  • Les différents modes de saisie HTML
2/ Navigateurs, JavaScript et DOM
  • Les principes d'utilisation des DOM
  • Les différences principales entre les navigateurs
  • L'interpréteur JavaScript : entrées/sorties des programmes
3/ Le langage JavaScript
  • Historique du langage
  • Organisation des événements
  • Règles pour faire un codage multinavigateur
  • Déclaration et portée des variables et types de données
  • Création de fonctions et paramétrage variable
  • Faire un codage sécurisé avec la gestion d'erreur et les exceptions
  • Rappels sur les concepts objets. Développement Objet en JavaScript
  • Utilisation du format JSON pour la création de classes
4/ Les outils du Front End
  • Les outils modernes du développement Front End
  • Approche Mobile First : JavaScript au service du Responsive, PWA, API HTML5 et Sécurité
  • Interfaces Utilisateur et Frameworks CSS
  • NodeJS pour le développeur d'application
  • Ecosystème des Framework JavaScript
  • Trouver, Rédiger et maintenir une documentation de qualité
  • Web Component, le futur du développement WEB
  • Environnement de développement. IDE et plug-ins
5/ JQuery
  • Qu’est-ce que jQuery ?
  • Chargement de jQuery dans la page ou via un CDN
  • Bases syntaxiques de jQuery
  • Les concepts fondamentaux de Backbone.js
  • L'architecture Event-Driven. Gérer les événements dans les composants Backbone.js
  • Modèles. Gestion des données. Synchroniser les composants
  • Gérer les interactions entre les modèles et les vues. Dépendance à jQuery
  • Interactions entre les collections et les vues
  • Router. mapper les URLs, naviguer dans les ressources. L'History API
6/ Vue générale des frameworks JavaScript
  • Limites du JavaScript natif
  • Comprendre le rôle des principaux frameworks et les technologies associées : Angular, Vue, React, Node
  • Exemples de bases avec Angular
  • React, philosophie et principes de fonctionnement
  • Les tendances du marché et des projets
7/ AngularJS
  • Présentation du Framework AngularJS
  • Principes généraux d'Angular 2 et 4
  • Templates, nouvelles syntaxes
  • Contrôleurs, scope et directives
  • Principe de l’injection de dépendances
  • Gestion des formulaires
  • Le routage
  • Les tests
  • Cycle de vie des composants
8/ ReactJS
  • Introduction à React
  • La syntaxe JSX
  • JSX vs JavaScript
  • Comprendre JSX en détails
  • Création de composant de vues. Cycle de vie
  • Composants réutilisables : contrôle et transfert de propriétés
  • Design Pattern : stratégie pour les composants à état
  • Communication entre composants et contrôle de formulaire
  • Présentation du pattern FLUX
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Développeurs
  • Chefs de projets Web
Dates

Dates

  • Du 15 au 19 Avril 2024
  • Du 15 au 19 Juil. 2024
  • Du 21 au 25 Oct. 2024
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.