Découvrez l'excellence dans le développement Front-End et l'UX/UI Design à travers notre parcours de formation complet "Développeur web Full Stack". Maîtrisez les langages HTML, CSS, et JavaScript, PHP, MySql,Symfony et apprenez à créer des interfaces utilisateur intuitives. Plongez également dans le domaine de l'IA avec une introduction à ChatGPT pour une performance professionnelle exceptionnelle.
Date de mise à jour : 17/05/2024
Front-End : 24h00 de vidéos, 22h00 de cas pratiques (correspondant à 52 cas à traiter), 4h00 de quizs (correspondant à 3 quizs finaux), examen de certification
Développeur Back-End : 29h00 de vidéos
UX/UI Designer : 25h00 de vidéo, 32 quizs, 5 cas pratiques Prévoir en plus 13h00 de travail personnel
ChatGPT : 4h de vidéos et 1h de QCM, 2 à 3h de temps de travail personnel
Cette formation, qui débouche sur 3 certificats, va vous permettre de développer de nouvelles compétences ou de consolider vos bases afin de vous ouvrir la voie à des opportunités passionnantes dans le développement web.
Grâce à une série d’applications concrètes, vous pourrez appliquer instantanément les connaissances et compétences que vous avez acquises.
Les exercices proposés sont tous corrigés et commentés par votre formateur, garantissant ainsi une compréhension approfondie de chaque concept.
Chaque étape du parcours vous rapprochera davantage de la maîtrise, vous offrant ainsi une progression significative dans votre exploration du monde captivant du développement Web
À la fin de cette formation, vous recevrez un certificat attestant de votre expertise, un ajout précieux à votre curriculum vitae pour vos futures opportunités professionnelles.
Votre conseiller Pôle Emploi a besoin d’être convaincu que votre formation va contribuer fortement à votre projet de retour à l’emploi.
Une lettre de motivation est difficile à rédiger seul, c’est pourquoi Skills4All vous propose de la rédiger pour vous.
N’hésitez pas à nous contacter pour toutes questions ou suggestions, ou pour plus d’informations et conseils.
Expertise Technique Complète : Acquérez une maîtrise approfondie des langages clés du développement Front-End tels que HTML, CSS, et JavaScript. De la compréhension des bases à la manipulation avancée du Document Object Model (DOM), vous développerez une expertise technique complète pour créer des interfaces utilisateur dynamiques et attractives.
Conception UX/UI Innovante : Plongez dans l’univers de l’UX/UI Design en explorant les principes fondamentaux de la conception centrée sur l’utilisateur. Apprenez à créer des expériences utilisateur mémorables en comprenant les processus de recherche utilisateur, la création de personas, et l’application des meilleures pratiques en design d’interfaces.
Adaptabilité à la Conception Responsive : Maîtrisez les techniques du responsive design, essentielles dans le paysage numérique actuel. Apprenez à concevoir des interfaces qui s’adaptent de manière fluide à différents dispositifs, offrant ainsi une expérience utilisateur optimale sur desktop, tablettes et smartphones.
Introduction à l’Intelligence Artificielle : Explorez l’IA avec notre module dédié à ChatGPT. Découvrez comment intégrer cette technologie puissante dans vos projets, avec des conseils pratiques pour une utilisation professionnelle et des applications concrètes dans le domaine du développement web.
Projet Final Concret : Mettez en pratique vos connaissances acquises à travers un projet final réaliste. À la fin du parcours, vous aurez la chance de créer une maquette complète d’application web, vous permettant de démontrer vos compétences et de constituer une précieuse pièce pour votre portfolio professionnel.
PROGRAMME DU PARCOURS
I/ DEVELOPPEMENT FRONT END
Chapitre 1: Introduction au Développement Front-End
Chapitre 2: HTML
Chapitre 3: CSS
Chapitre 4: Javascript
II/ Développement Back-End
Module 1 : Php Initiation
1.0 Qu’est-ce que le php ?
Présentation du langage PHP
1.1 Environnement de travail
Présentation des environnements de travail disponibles pour travailler en local sur PC comme sur MAC
1.2 Premiers pas
Les premiers pas et les premières fonctions PHP comme echo. Intégrer le l’html dans du PHP afin de servir une page HTML au client.
1.3 Les variables et les types de données
Déclaration et utilisation des variables en PHP. Présentation des principaux types de variables, string, integer, array, boolean, etc.
1.4 Les opérateurs et les conditions
Les conditions en php comme les conditions if ou encore switch et les différents opérateurs
Opérateurs arithmétiques : Ces opérateurs permettent de faire des calculs
Opérateurs d’affectation : Le but de ces opérateurs est de pouvoir affecter et/ou modifier des valeurs de variables.
Opérateurs de comparaison : Comme l’indique le nom, ces opérateurs permettent de comparer de valeurs de variables. Ils sont utilisés sans des conditions.
Opérateurs logiques : Ces opérateurs permettent de rendre les conditions plus opérationnelles, notamment en permettant de spécifier plusieurs conditions au sein d’un condition if.
Opérateurs d’incrémentation et de décrémentation : Ils permettent tout simplement d’ajouter ou de soustraire 1 à la valeur d’une variable.
Opérateur de concaténation : Cet opérateur permet d’additionner des chaînes de caractères entre elles ou bien encore avec la valeur de variables.
1.5 Les tableaux
Les tableaux sont comme dans beaucoup de langages un élément essentiel de la programmation en permettant de stocker et de structurer des données qui pourront ensuite être manipulées et parcourues avec des boucles notamment.
1.6 Les boucles
Autre incontournable de la programmation, les boucles permettent d’automatiser des tâches dans le code et d’opérations de manière itérative. On note les boucles for, foreach, while, do while.
1.7 Les chaînes de caractères
La manipulation de chaînes de caractère est importante, que ce soit pour harmoniser des données dans une table ou dans un affichage dans une page web, comme par exemple s’assurer que les noms de famille sont en majuscule ou bien encore que tous les prénoms sont bien en minuscule en commençant par une majuscule.
1.8 Les dates
Les dates et leurs manipulations ne sont pas forcément des choses aisées, notamment de par le fait que les dates doivent être stockées au format US et, dans notre cas, affichées au format FR. Il est donc important de savoir les manipuler afin de les conformer aux attentes du projet.
1.9 Les fonctions
Encore un incontournable de la programmation, les fonctions permettent de rationaliser et de structurer le code en définissant des morceaux de code qui peuvent être appelés à loisir, diminuant ainsi le nombre de lignes de nos scripts
Module 2 : Php avancé
2.0 Qu’est que mysql ?
Lorsque qu’on parle de PHP, on ne peut faire l’impasse de SQL qui est un langage de requêtes sur les bases de données, qui, pleinement intégré à Php permet de mettre en place des pages web dynamiques.
2.1 PhpMyAdmin
PhpMyAdmin est une interface graphique permettant de vérifier et d’opérer des opérations sur les données des tables dans les bases de données.
2.2 Création de bases de données
PhpMyAdmin de par son interface graphique permet de s’initier à l’écriture des différentes requêtes SQL, parmi lesquelles, CREATE DATABASE, qui permet de créer une base de données dans un serveur Mysql ou encore MariaBD par exemple.
2.3 Création de tables
Créer une base de données est une chose, il faut ensuite la peupler avec des tables qui vont contenir les données de l’application ou du site Web. On peut utiliser directement l’interface graphique de PhpMyAdmin
2.4 Requêtes SQL de base de données
Utiliser l’interface graphique de PhpMyAdmin pour s’exercer avec les requêtes SQL relatives aux bases de données
2.5 Requêtes SQL de tables
Utiliser l’interface graphique de PhpMyAdmin pour s’exercer avec les requêtes SQL relatives aux tables.
2.6 Le CRUD : Create :
Le CRUD représente les 4 opérations primaires que l’on peut faire sur des données, la première d’entre elles, Create permet d’ajouter des données dans une table.
2.7 Le CRUD : Read :
La seconde opération qui peut être effectuée sur des données dans une table est la lecture de ces dernières dans le but de pouvoir les afficher dans une page we
2.8 Le CRUD : Update :
Cette opération consiste en la mise à jour de données dans une table, comme par exemple la disponibilité d’un article ou la mise à jour d’un prix d’un produit dans un site marchand.
2.9 Le CRUD : Delete :
Dernière opération pouvant être effectuée sur des données dans une table, DELETE permet de supprimer physiquement des données. Il existe néanmoins un concept de suppression logique passant non pas par une opération delete mais par une opération de mise à jour update.
2.10 Fonction SQL :
Le langage SQL est également doté de nombreuses fonctions permettant de traiter des données avant de les obtenir dans php. Il existe deux types de fonction, les fonctions d’agrégation et les fonctions scalaires.
2.11 Jointures de tables :
Afin d’organiser et de structurer les données d’un site web ou d’une application, il est possible de procéder à la mise en relation de tables entre elles. On parle alors de jointures de tables, de clés primaires et de clés étrangères.
2.12 Connexion à une base de données.
Lorsqu’on sait écrire des requêtes SQL afin de manipuler les données d’une base de données et de ses tables, on peut utiliser php pour générer des pages web dynamique, il faut alors se connecter à la base de données avec laquelle on souhaite travailler.
2.13 MySqli vs PDO :
Il existe deux manières de s’interfacer avec une base de données et de travailler avec le contenu de tables avec Php, MySqli et PDO. Chacune de ces manières comporte ses avantages. Nous aborderons tout d’abord MySqli
2.14 Les formulaires :
Entrée en course de l’html dans la gestion dynamique d’un site web. Les formulaires sont un éléments important de la mise en place d’un backend en permettant de mettre en place des interfaces disponibles aux administrateurs du site afin d’opérer deux (ou trois) des opérations du CRUD, avec la mise en place de formulaires d’ajout (Create) , de modification (Update), voire, de suppression (Delete).
2.15 Traitement des formulaires :
Traiter le contenu des formulaires HTML se fait par le langage php et ses superglobales. Ces dernières sont utilisées pour récupérer le contenu d’un formulaire et pouvoir mettre en place les requêtes SQL permettant les transactions avec la base de données.
2.16 Sessions et header :
Un site web et basé sur un principe de changement et de chargement de page. On utilise les sessions afin de pouvoir passer des informations d’une page à une autre, comme par exemple, mettre en place des messages de confirmation
III/ UX/UI Design d’interfaces utilisateur
Partie 1: L’UX design
Partie 2: L’UI design
III/ Introduction à ChatGPT : Maîtriser l’IA pour une Performance Professionnelle
Les critères d’acceptation ne prennent pas en compte le niveau scolaire, mais plutôt, la curiosité, la motivation, le projet professionnel, la rigueur et la logique ainsi que l’attrait auprès des nouvelles technologies. Les bases de l’anglais sont requises. Cette formation est destinée aux candidats les plus curieux et motivés.
Un entretien individuel est effectué suite à chaque demande de candidature pour valider ces prérequis et évaluer le degré de motivation des candidats.
Suite à l’entretien individuel, si ce dernier est concluant, des tests d’aptitudes sont effectués basés sur de la logique, logique avancée, problèmes mathématiques et bases de l’Anglais.
Une personne est désignée en qualité de référent pour les publics en situation de handicap, un aménagement spécifique des matériels est possible au cas par cas.
L’aboutissement logique de ce parcours de formation est le passage des examens de validation des blocs de compétences suivants issus de la certification RNCP37805 Développeur WEB de notre partenaire WEBECOM
En suivant cette formation, vous vous engagez à passer l’examen de cette certification. Il devra être passé après la formation et après vos révisions personnelles.
Dans le cadre de cette certification professionnelle inscrite au RNCP il vous sera demandé de fournir les données suivantes :
Nom et prénom, date de naissance, lieu de naissance, coordonnées, expérience professionnelle avant et après la certification, fonction/statut, type de contrat, nom de l’entreprise, rémunération brute annuelle à 6 mois et à 1 an/2 ans.
Ces informations sont collectées afin d’éditer le parchemin de certification, d’alimenter le passeport de compétences, et pour répondre à l’obligation de l’évaluation de l’impact économique et social de la certification professionnelle.
Modalités de Passage du bloc de la certification
L’évaluation est composée d’une note de contrôle continu et d’une mise en situation professionnelle sous forme d’étude de cas.
1. Contrôle continu
Des évaluations formatives à visée pédagogique sont réalisées par les formateurs.
Elles sont effectuées tout au long de la formation via des exercices pratiques réalisés en
autonomie par les candidats.
À L’issue du parcours de formation, le responsable de la formation renseigne pour chaque bloc de compétence une appréciation ainsi qu’un niveau d’acquisition du bloc de compétence.
sur une échelle de 0 à 5.
2. Mise en situation professionnelle sur la base d’une étude de cas
« Développement Front End sites et applications web »
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 membres du jury composé de professionnels.
• Éléments fournis : Les maquettes à intégrer, le cahier des charges, les éléments graphiques non optimisés à intégrer
• Éléments attendus : Déploiement complet et fonctionnel du site internet ou de l’application sur le serveur.
« Développement Back-End d’applications web »
Le candidat conceptualise et développe from scratch (Depuis une page blanche sans code préconstruit) l’application web spécifique demandée et sa base de données, à l’aide d’un langage de programmation serveur. L’application est développée en paradigme objet, incluant l’héritage et en utilisant une architecture MVC.
“Design d’interfaces utilisateur (UI/UX)”
Le candidat réalise en autonomie les maquettes d’interfaces de site web ou d’application, adaptées aux différents périphériques en suivant et analysant le cahier des charges fourni.Le candidat doit être force de proposition auprès du client représenté par le correcteur de l’examen.Le candidat présente ensuite à l’oral/ en vidéo les maquettes aux jurys et argumente ses choix graphiques, ainsi que sa réflexion en termes d’interface / expérience utilisateur.
• Éléments attendus : maquettes, liste des propositions validées par le client, tous supports permettant d’appuyer l’argumentation, sources d’inspiration, analyse de la concurrence, schéma de conception (wireframe), fichier validant les choix colorimétriques, typographiques …(Brand Board), prototypage des différentes interactions des éléments interactifs, export des éléments graphiques optimisés en vue de l’intégration (assets)
L’examen se déroule sur la plateforme de Skills4all.
3. Modalités de validation d’un bloc
La note globale d’un bloc est pondérée de la manière suivante :
– Mise en situation : 5/8
– Contrôle continu : 3/8
Inscription à l’examen
Il n’est pas nécessaire de vous inscrire à l’examen. Il est accessible dans le cours à la section “Examen de validation du bloc de compétences”.
Délais pour passage de l’examen
Le passage de l’examen est compris dans le temps de votre formation. Il devra être passé à la date de fin de formation.
Correction de votre examen et jury de certification
Après avoir soumis vos réponses, elles seront évaluées par un correcteur.
La note obtenue vous sera communiquée au bout de 3 semaines maximum après la date de fin de la formation.
Votre résultat à cet examen est soumis à un jury de certification organisé par l’organisme certificateur.
Obtention de l’attestation de validation du bloc de compétences
L’obtention officielle de la certification vous sera notifiée par le jury de certification après l’évaluation.
L’émission de votre attestation de validation du bloc de compétences correspondant à l’examen est déclenchée suite à la décision du jury de certification. Les délais peuvent aller jusqu’à plus de 2 mois après la fin de formation à 4 mois en fonction de la tenue des jurys de certification (uniquement 4 jurys de certification par an).
L’objectif de ces parcours est de vous permettre de préparer le passage des certifications de notre partenaire WEBECOM
À l’issue de cette formation, vous serez en mesure de :
1. Développement Front End sites et applications web
2. Développement back end d’applications Web
3. Design d’interfaces utilisateur (UI/UX)
Formation en digital-learning, 100% en ligne, formée de vidéos, de quiz, de lectures et contenus complémentaires, d’un forum et selon les cas, de webinaires.
– conformément aux CGU du CPF (https://www.
– conformément aux CGU du CPF, vous serez présenté automatiquement à la fin de la période de formation au certificateur français inscrit au CPF. La planification de l’examen sera réalisée avec le certificateur français directement.
– si votre formation comprend une ou plusieurs certifications internationales, vous devrez nous en passer commande au maximum 1 mois après la date de fin de votre formation. Cette demande se fait par mail à l’adresse contact@skills4all.com. Si cette date est dépassée, il ne sera plus possible de passer commande de(s) la certification(s) internationale(s).
– nous vous encourageons à lire attentivement nos conditions d’usage de notre plateforme disponibles ici (https://lms.skills4all.com/
Skills4All est un certificateur et organisme de formation en digital learning, qui vous prépare aux certifications les plus reconnues sur le marché : PMI, AXELOS, IASSC, DevOps Institute, PEOPLECERT, GASQ, CFTL, BESTCERTIFS, dans les domaines de la cybersécurité, de l’IT, la data, l’IA, l’agilité, Scrum, Prince2, Lean Six Sigma, Gestion de projet et bien plus encore.
Avec nous, c’est quand vous voulez, où vous voulez, 24/7/365, à votre rythme.
Nous proposons des formations certifiantes, éligibles au CPF et reconnues dans le monde entier.
Skills4All est accrédité par le COFRAC (Comité Français d’Accréditation) en tant que certificateur dans le domaine de la sécurité de l’information : nos certifications sont les meilleures du marché et répondent à la norme ISO 17024, la plus exigeante aujourd’hui. Obtenir une certification Skills4All ou BestCertifs aujourd’hui c’est le gage d’une reconnaissance forte du marché qui valorisera vos compétences.
Financement CPF
(Mon Compte Formation)
Financement Personnel
(Stripe, Alma, Paypal)
Par votre entreprise
(Devis personnalisé)
Financement Public
(France Travail)
Virement Bancaire
(Bridge)
Financement CPF
(Mon Compte Formation)
LES AVANTAGES
Financement Personnel
(Stripe, Alma, Paypal)
Par votre entreprise
(Devis personnalisé)
LES AVANTAGES
Financement Public
(France Travail)
LES AVANTAGES
Virement Bancaire
(Bridge)
LES AVANTAGES
Sécurité Optimale : Profitez d’une sécurité renforcée pour chaque transaction, minimisant les risques de fraude.
Exécution Rapide : Bénéficiez d’une vitesse de traitement accélérée, permettant un accès plus rapide aux formations.
Accessibilité Globale : Utilisez une méthode de paiement universelle, indépendante des limitations des cartes de crédit.
Moins de Frais : Réduisez les coûts supplémentaires souvent associés aux paiements par carte.
Engagement Personnel : Démontrez votre engagement et votre sérieux en choisissant une méthode de paiement réfléchie et sécurisée.
LES AVANTAGES
LES AVANTAGES
LES AVANTAGES
LES AVANTAGES
Sécurité Optimale : Profitez d’une sécurité renforcée pour chaque transaction, minimisant les risques de fraude.
Exécution Rapide : Bénéficiez d’une vitesse de traitement accélérée, permettant un accès plus rapide aux formations.
Accessibilité Globale : Utilisez une méthode de paiement universelle, indépendante des limitations des cartes de crédit.
Moins de Frais : Réduisez les coûts supplémentaires souvent associés aux paiements par carte.
Engagement Personnel : Démontrez votre engagement et votre sérieux en choisissant une méthode de paiement réfléchie et sécurisée.
Organisme de formation enregistré sous le numéro 1178 8340 078 auprès du préfet de Région Ile-de-France. Cet enregistrement ne vaut pas agrément de l’Etat.
– Notre numéro Datadock est le 0034895 – Skills4All est partenaire PeopleCert® n°3605
– Skills4All est ATP® Accredited Training Partner n°4326 (PMI)
– Skills4All est Accredited Partner n°3605 pour le DevOps Institute
– Skills4all est partenaire WILEY pour Everything DiSC® n°330556
– Skills4All est Accredited Partner IASSC® n°01-1159 – IASSC is a registered trademark of International Association for Six Sigma Certification.
– IASSC® Accreditation does not constitute its’ approval or recognition of our own lean six sigma certification program. The only method to earn an IASSC certification is to successfully sit for and pass an official IASSC Certification exam. We provide access to IASSC Certification exams for no additional cost
– The Swirl logo™ is a trade mark of AXELOS Limited, used under permission of AXELOS Limited. All rights reserved.
– ITIL®, PRINCE2®, MSP®, PRINCE2 Agile® are registered trade marks of AXELOS Limited, used under permission of AXELOS Limited. All rights reserved.
– PMBOK, PMI, PMP, PgMP, CAPM, PMI-SP, PMI-RMP, and PMI-ACP are registered marks of the Project Management Institute, Inc.
– PMI Registered Education Provider logo is a registered mark of the Project Management Institute, Inc.
– The PMI logo is a registered trade mark of Project Management Institute, Inc.
– Skills4All warrants that it will, at all times, act in an honest, ethical and professional manner both in its dealing with PMI® and with the general public
– La désignation du DPO pour Skills4All porte le numéro DPO-71270 auprès de la CNIL
– Skills4All est partenaire avec CFTL – Comité Français des Tests Logiciels
– EXIN Accredited organisation et Accredited Training Organization
– Skills4All est adhérent aux Acteurs de la Compétence sous le numéro 22312 – IBAN: FR76 1670 6000 6353 9373 9838 / Code SWIFT: AGRIFRPP867
Soyez rappelé dans les 5 min par un consultant en orientation