> formation Technologies numériques > formation Technologies Web > formation Développement Front-End > formation Solutions Open Source, développement Front End

Avis loadedNote : 4,2Length : 17TotalNote : 285TotalNote20 : 7
Toutes nos formations Développement Front-End

Formation Solutions Open Source, développement Front End

4,2 / 5
Stage pratique
Durée : 4 jours
Réf : OSW
Prix  2021 : 2490 € H.T.
Pauses et déjeuners offerts
Financements
ActionsCo
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis clients
Programme

Cette formation vous apportera les fondamentaux nécessaires au choix et à la qualification d'outils Open Source pour le développement d’applications Web. Vous découvrirez différents Frameworks de conception (JQuery, AngularJS, ReactJS…) permettant de gagner en productivité et en qualité du code.

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :
  • Savoir organiser un projet JavaScript
  • Comprendre les architectures des applications Web modernes
  • Maîtriser les outils d'industrialisation du Front End
  • Connaître les principaux Frameworks JavaScript

Actions collectives

Ce cours fait partie des actions collectives Atlas, référence 27915

Travaux pratiques

Réalisation avec les différents Frameworks d'une même application monopage SPA et responsive.
PROGRAMME DE FORMATION

Les fondamentaux du langage JavaScript

  • Historique du langage ES5/ES6-2015.
  • Déclaration et portée des variables et types de données.
  • Organisation des événements.
  • Développement Objet en JavaScript.
  • Les API JavaScript de la Web-Platform.
  • Échanges et persistance des données : le format JSON.
  • Utiliser un système de contrôle de version : Git.

Démonstration
Découverte de la syntaxe, mise en œuvre des aspects fonctionnels et objets de JavaScript.

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é.
  • Node.js pour le développeur d'application.
  • Web Component, le futur du développement Web.
  • Environnement de développement. IDE et plug-ins.

Travaux pratiques
Initialisation d’un environnement de développement basé sur Node.js.

Interface des "Web Application"

  • Architecture d’un projet : site Web versus Web Application.
  • Structuration d’un document HTML, balises, attributs, événements utilisateur.
  • Manipulation du DOM (Document Object Model).
  • Design des interfaces utilisateur et Frameworks CSS : Bootstrap.
  • L'architecture Event-Driven.
  • Cas d’usages : Web, Mobile, Desktop (electron).

Travaux pratiques
Intégration HTML d’une interface utilisateur d’après une maquette applicative.

ReactJS

  • ReactJS, positionnement et philosophie.
  • JSX, présentation. Mise en œuvre "Transpilers".
  • Comprendre JSX en détail. Pièges à éviter.
  • Création de composants 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.

Travaux pratiques
Mise en place de l'environnement de développement. Initiation à JSX. Définition de la structure de l'application.

Angular

  • Principes fondamentaux et architectures applicatives.
  • L’utilitaire @angular/cli.
  • Classification des composantes applicatives.
  • Logique métier : service et injection de dépendances.
  • Gestion des formulaires.
  • Mise en œuvre du routing.

Travaux pratiques
Architecture et conception d’une application Web avec Angular. Génération de documentation.

Vue.js

  • Concepts fondamentaux : comparaison avec React et Angular.
  • Écosystème, communauté et outils.
  • Intégration progressive.
  • Création de composants.
  • Gestion des événements.
  • Formulaires et routing.

Travaux pratiques
Création d'une "Single Page Application".

Participants / Prérequis

» Participants

Développeurs, architectes et chefs de projets Web.

» Prérequis

Connaissances du HTML/XML. Connaissances de base en programmation.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis clients
picto avis clients
CHRISTOPHE B. 28/06/2021
5 / 5
sujet passionnant présenté par un formateur passionné.

MONTBLANC . 28/06/2021
5 / 5
Formateur excellent. Il faudrait juste avoir une annexe avec les adresses des référentiels Javascript, TypeScript pour avoir la syntaxe compléte

ESTELLE L. 08/06/2021
5 / 5
Formation intéressante et claire, formateur pédagogue et exercices accessibles

MARIE B. 08/06/2021
5 / 5
Formateur très compétent, pertinent et clair dans tes explications

DAVID SAKSIK D. 08/06/2021
4 / 5
Bonne formation, formateur intéressant et disponible. par contre formation qui va un peu trop vite si on a peu d’expérience du web car peut être trop orienté pratique.

CARUSO B. 08/06/2021
5 / 5
Excellent formateur, l’équilibre entre la théorie et la pratique est très bon

ESTELLE L. 13/04/2021
3 / 5
Contenu de la formation pas en adéquation avec les pré-requis du référentiel (pré-requis : connaissances de base en programmation) -> niveau trop complexe par rapport à ce qui est annoncé. TP trop complexes, pas assez d’avancée "pas à pas".

MARINIER A. 13/04/2021
4 / 5
Première partie un peu trop basique, mais la deuxième partie très intéressante.

DAMIEN A. 13/04/2021
5 / 5
Toutes les notions abordées sont clairement expliquées et en détail. J’ai beaucoup apprécié les corrections fournies après les tp qui ont parfois éclairci certains points bloquants. Toutes les parties du cours sont pertinentes pour mon objectif professionnel.

JULIEN P. 15/12/2020
4 / 5
Formation à distance très compliquée pour les TP, formateur à l’écoute et très accessible. Pour une première à distance bravo! Ne pas hésiter à vulgariser un peu plus pour éviter de perdre certaines personnes sur des aspect trop tech sur cette formation d’approche Front.

NAVARRE R. 15/12/2020
5 / 5
Très sympa, un peu trop rapide pour bien voir en détail mais le live coding et le fait de push très bien.

DAMIEN P. 15/12/2020
4 / 5
Conditions particulières (à distance pour cause de confinement), mais la formation a été très intéressante bien qu’assez intense sur certains points. Le temps ne permettant pas de passer trop de temps sur chaque sujet, seul bémol. Très bon formateur, à l’écoute, disponible, maîtrisant son sujet et pédagogue ! Les exercices sont pertinents, les questions attendues ou non trouvent des r[eacu

JEROME M. 15/12/2020
4 / 5
Bien dans l’ensemble.

MARINE N. 15/12/2020
4 / 5
Beaucoup de sujet à aborder donc trop peu de temps sur chaque. Difficile d’assimiler certaine notion rapidement.

THOMAS L. 15/12/2020
4 / 5
Apprentissage fluide et parfait pour debutant

MARINE D. 15/12/2020
4 / 5
C’était intéressant de voir les différents Framework et librairie JS pour pouvoir les comparer.

ANTOINE D. 15/12/2020
4 / 5
Je m’attendais a plus voir les bases fondamentales du développement objet. J’ai l’imperssion que la formation a surtout été orientée pour une transition dev logiciel à dev web. Je ne suis pas dev mais intégrateur.
Avis clients 4,2 / 5

Les avis clients sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS
[+]
AIX
[+]
BORDEAUX
[+]
LILLE
[+]
LYON
[+]
NANTES
[+]
RENNES
[+]
SOPHIA-ANTIPOLIS
[+]
STRASBOURG
[+]
TOULOUSE

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.