Envie de décrocher un poste de développeuse ou développeur front-end ? D’être autonome dans la création de sites Internet ? Alors suivez notre formation Développeur Web Front End. Ouverte à toutes et à tous, elle vous permettra d’acquérir la connaissance des langages de programmation HTML, CSS et Javascript, et d’intégrer un site Internet de manière moderne. Un parcours mélangeant autonomie, pratique et accompagnement sur mesure d’un Mentor individuel.
Durée totale : 262h / Prix : 1572€ HT
(financement Pôle Emploi, plan de formation, OPCO...)
Accédez à notre communauté privée d'apprenants qui suivent actuellement un Parcours Pro. Vous pourrez ainsi poser vos questions librement aux mentors et échanger avec vos camarades de "classe" !
Avant de nous lancer dans le code et le monde de l’intégration, il est primordial de bien comprendre comment fonctionne Internet et quelles sont les différentes technologies offertes pour mener à bien vos projets de création de sites web.
voir le détailRentrez dans le vif du sujet. Dans ce module vous allez, en vous basant sur la pratique apprendre les bases du HTML et du CSS, les 2 langages que vous utiliserez le plus lorsqu’il s’agit d’intégration front-end.
voir le détailLa connaissance des sélecteurs permet de pouvoir cibler des éléments avec une très grande précision ! Pour chaque sélecteur étudié dans ce cours, vous aurez accès à un tuto vidéo dédié. En bonus un PDF pour mieux mémoriser ces sélecteurs.
Maîtriser le positionnement en CSSDécouvrez les positions CSS : absolute, relative, fixed, et static que toute personne qui souhaite faire de l'intégration doit connaître et maîtriser, puisqu'on les retrouve dans toutes les intégrations HTML / CSS.
Le workflow du développeur front-end évolue sans cesse. Les pages web doivent aujourd’hui s’adapter à de nombreux terminaux (smartphone, tablette, desktop, TV connectée, montre connectée…). Des techniques modernes vous permettent de gagner en flexibilité dans la construction de vos pages web. Nous verrons dans ce chapitre les toutes dernières avancées en termes de techno avec Flexbox et CSS Grid !
voir le détailFlexbox va vous permettre de positionner de manière plus fluide tous les éléments de vos sites Internet. Vous verrez dans ce cours, toutes les propriétés liées à Flexbox ainsi que toutes leurs valeurs. En cas pratique, nous réaliserons le squelette d'un site Internet totalement Responsive, en utilisant la technique des flexbox.
Intégration et responsive Web DesignVous découvrirez l’utilisation de la grille CSS pour mettre en place des mises en page rapides et faciles. Nous verrons :
Ce module se focalise sur l’apprentissage de l’autre brique essentielle et complémentaire au HTML et CSS : le Javascript. Un fois formé aux notions fondamentales, vous apprendrez à utiliser une bibliothèque [removed] jQuery.
voir le détailCe module est 100?sé sur la pratique. Avec plus de 10 exercices concrets, vous apprendrez à ajouter du mouvement à vos sites Internet. Animation, vidéo, les cas les plus rencontrés seront abordés.
voir le détailLe formulaire est un élément indispensable que le développeur front-end doit savoir maîtriser. Ce module est intégralement dédié aux types de formulaires les plus fréquemment rencontrés.
voir le détailPour gagner du temps, le développeur front-end sera parfois amené à déployer des sites Internet en se basant sur un framework HTML/CSS/Javascript comme Bootstrap, ou bien à déployer un site via un CMS comme WordPress. Nous vous proposons dans ce module de découvrir ces 2 types d’intégration, qui, dans bien des cas, vous permettront de gagner du temps.
voir le détailDans ce module, vous irez encore plus loin dans la maîtrise de CSS. 30 astuces pratiques vous seront présentées. Vous apprendrez de plus à utiliser SASS pour maintenir plus facilement votre code.
voir le détailCe module aborde les compétences complémentaires que doit savoir maîtriser un bon Dev front end.
voir le détailEn tant que futur Développeur Front End, vous allez sans doute rencontrer des cas dans lesquels vous devrez ouvrir Photoshop pour récupérer un PSD, exporter une partie d’un webdesign, optimiser une image… Ce module vous permettra de devenir à l’aise avec le logiciel.
masquer les détailsDans ce dernier module vous allez apprendre à travailler avec GIT pour mieux gérer vos projets, notamment si vous travaillez en équipe, grâce au versionning de vos fichiers. Vous verrez également comment mieux vous organiser avec Trello. Enfin, un cours est consacré à celles et ceux qui souhaitent lancer leur activité d’intégrateur en Freelance.
voir le détailVous devez créer votre propre projet de A à Z, composé de plusieurs pages web, sur le sujet de votre choix (sous réserve que celui-ci soit validé par votre mentor en amont). Votre projet devra mettre en pratique les différentes notions abordées lors de votre parcours.
Bloc de compétences RNCP37805BC01 - Développement Front End de sites et applications web.
Mise en situation professionnelle, projet : Le candidat réalise l’intégration complète du site Internet ou de l’application en utilisant les dernières versions des langages de balisage HTML et CSS. Il développe en utilisant le JavaScript les animations et différentes interactions utilisateur demandées dans le cahier des charges. Il réalise le déploiement du site internet ou de l’application sur le serveur. Le candidat présente le résultat de son travail, le code source et argumente son travail effectué concernant le référencement naturel et le respect des normes d’accessibilité (Critères RGAA) auprès des jurys de professionnels.
Éléments fournis
Déploiement complet et fonctionnel du site internet ou de l’application sur le serveur.
Le certificat de complétion ou le parchemin de la certification seront édités et téléchargeables en ligne dans les 30 jours qui suivent la fin de la formation.
Notre pédagogie est basée sur la multi-modalité : cours en vidéo, accès à des salons d’entraide, QCM, visio-conférence, ressources pédagogiques, présentation d’un projet PRO. Nous vous accompagnons tout le long de votre apprentissage !
Plus efficace qu’un livre. Plus accessible qu’une formation traditionnelle, la vidéo permet un apprentissage progressif et un ancrage mémoriel grâce à la répétition.
La formation s’accompagne avec de nombreux fichiers sources, templates qui viendront agrémenter votre formation.
Posez librement vos questions dans le salon d’entraide. Formateurs et apprenants vous répondent. Apprendre à plusieurs, c’est ce qu’on appelle le Social Learning !
En fin de formation, vous préparez un projet professionnel, de manière autonome, de manière à mettre en pratique les notions acquises pendant votre cursus.
Des séances en live, face à face, avec un formateur expert, qui personnalise votre apprentissage, critique votre travail, vous coache pour vous faire avancer !
Une fois la formation suivie, les tests passés, le projet pro validé, vous obtenez un certificat que vous pourrez fièrement arborer. Ce dernier atteste de vos nouvelles compétences.