> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation HTML, CSS et JavaScript, développer des applications web front end (responsive webdesign, Bootstrap, jQuery) > Formations > Technologies numériques > Formation HTML, CSS et JavaScript, développer des applications web front end (responsive webdesign, Bootstrap, jQuery)

HTML, CSS et JavaScript, développer des applications web front end (responsive webdesign, Bootstrap, jQuery)

tutorat inclus

HTML, CSS et JavaScript, développer des applications web front end (responsive webdesign, Bootstrap, jQuery)

tutorat inclus
Télécharger au format pdf Partager cette formation par e-mail 2

Télécharger au format pdf Partager cette formation par e-mail 2

Le développement front end correspond aux éléments d’une application web (développés avec HTML, CSS et JavaScript) qu’un utilisateur peut voir et avec lesquels il peut interagir directement. Accompagné par un formateur expert, ce parcours en ligne a pour objectif de vous faire acquérir les bases pour concevoir une application web et de vous apprendre les bonnes pratiques pour développer une application web front end.


Catalogue
Sur mesure

Formation en ligne

Réf. V05
  21h45
Prix : 940 € H.T.
Langue : FR




Le développement front end correspond aux éléments d’une application web (développés avec HTML, CSS et JavaScript) qu’un utilisateur peut voir et avec lesquels il peut interagir directement. Accompagné par un formateur expert, ce parcours en ligne a pour objectif de vous faire acquérir les bases pour concevoir une application web et de vous apprendre les bonnes pratiques pour développer une application web front end.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Apprendre les bases des langages HTML, CSS et JavaScript
  • Développer des interfaces web responsives
  • Créer des contenus pour le web
  • Gérer les communications avec un serveur
  • Maîtriser les frameworks JavaScript

Public concerné
Développeurs qui souhaitent développer une application web front end.

Prérequis
Connaissances de base en programmation web.

Programme de la formation

HTML, CSS et JavaScript : les fondamentaux du développement web

  • Présentation du développement web.
  • Le langage HTML.
  • Les feuilles de style CSS.
  • Le langage JavaScript.
Activités digitales
Cours enregistrés, exercices.

HTML5 et CSS3 : créer des contenus pour le web

  • Introduction.
  • Notions fondamentales du langage HTML5.
  • Intégration de contenu et groupe de contenus simples.
  • Intégration d'éléments de navigation.
  • Notions de base de la mise en forme en CSS.
  • Mise en forme du texte.
  • Mise en forme des blocs.
  • Structuration de la page.
  • Positionnement et dimensionnement des conteneurs.
  • Mise en forme avancée en CSS3.
  • Intégration du contenu audio et vidéo.
  • Création de tableaux.
  • Création de formulaires HTML5.
  • Création d'animations.
  • Web adaptatif.
Activités digitales
Cours enregistrés, exercices.

JavaScript : connaître les bases du langage

  • Introduction.
  • Bases du langage.
  • Exécution de scripts.
  • Objets JavaScript et callback.
  • Manipulation du DOM.
Activités digitales
Cours enregistrés, exercices.

JavaScript : communication asynchrone avec un serveur

  • Stockage local.
  • Communication avec un serveur.
  • Manipulation des cookies.
Activités digitales
Cours enregistrés, exercices.

jQuery : maîtriser les concepts de base

  • JavaScript et jQuery.
  • Les sélecteurs.
  • Le DOM.
  • Les événements.
Activités digitales
Cours enregistrés, exercices.

Responsive web design : les techniques modernes de mise en page

  • Le responsive web design.
  • La mise en page avec les grilles responsives.
  • La mise en page fluide.
  • Les images responsives.
  • Les frameworks CSS.
  • Mise en pratique : créer une page d'accueil responsive.
Activités digitales
Cours enregistrés, exercices.

BootStrap : développer des interfaces web responsive

  • Pourquoi est-il incontournable de développer des interfaces web responsive ?
  • BootStrap : le framework CSS du web responsive.
  • Disposer des blocs de contenus responsive.
  • Manipuler les media queries.
  • Créer des menus et adapter les images.
  • Créer une interface responsive : exercice de synthèse.
Activités digitales
Cours enregistrés, exercices.

React : développer le front end d'applications web avec le framework JavaScript

  • Introduction à React.
  • Principes et fonctionnement de React.
  • Réalisation d'un annuaire des services publics.
  • Pour aller plus loin.
Activités digitales
Cours enregistrés, exercices.

Vue.js : développer le front end de vos applications web avec le framework JavaScript

  • Introduction.
  • Utiliser Vue.js pour interagir avec le DOM.
  • Mettre en œuvre la réactivité de Vue.js.
  • Structurer une page en composants.
Activités digitales
Cours enregistrés, exercices.


Modalités pratiques
Activités digitales
La formation débute par un questionnaire qui permet d'échanger sur ses besoins avec le formateur. Elle se poursuit avec des activités de type cours enregistrés, exercices corrigés, quiz, fiches de synthèse ,activités sociales. Une classe à distance sur mesure et des échanges renforcent l’apprentissage.
Tutorat
Un formateur dédié accompagne l’apprenant tout au long de sa formation. Il débriefe son questionnaire de début de parcours. Il corrige ses exercices et répond à ses questions par e-mail à tout moment. Il anime une classe à distance sur mesure planifiée par l’apprenant durant la formation. Un forum de discussion permet aussi d’échanger et de partager entre les apprenants sur leurs pratiques. Un chef de projet coordonne les échanges.
Pédagogie et pratique;
Une évaluation tout au long de la formation grâce à une pédagogie active mixant pratique, théorie, gamification et partages. Un service technique est dédié au support de l’apprenant. La formation est diffusée au format SCORM et accessible en illimité pendant 1 an.

Inclus
Tutorat
Bénéficiez de l’accompagnement d’un formateur expert du domaine pour vous guider et renforcer votre apprentissage.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.