Carrière en conception et développement
En ligne
Apprenez tout ce dont vous avez besoin pour devenir UX/UI Designer et développeur Web à un niveau professionnel avec cette carrière de spécialisation.
-
trouver
-
Recevez plus d'informations et contactez nos Campus Managers pour répondre à toutes vos questions.
-

Une carrière de spécialisation où nous avons combiné le contenu de nos Masters en UX/Ul Design et Développement Web pour devenir le professionnel le plus demandé aujourd'hui par les entreprises technologiques et les StartUps.
Comienzo
Janvier 9 2023
Durée
480 heures / 12 mois
Horaire
Du lundi au vendredi de 19h00 à 21h00
À qui il est adressé?
Pour mener à bien la carrière, il n'est pas nécessaire d'avoir une expérience préalable et elle s'adresse à différents types de profils que nous décrivons.
sans emploi
Ce Carrière est parfait si vous avez besoin de trouver un emploi rapidement et que vous êtes passionné par les nouvelles technologies. Saviez-vous que dans ce secteur il n'y a pratiquement pas de chômage ?
Récipiendaires diplômés
Después de vos estudios necesitas especializarte en un área concreta para encontrar un buen trabajo ¿Quieres aprender lo que realmente buscan las empresas?
Entrepreneurs
Vous souhaitez créer votre propre StartUp ? Notre carrière vous permettra d'avoir toutes les connaissances techniques pour créer un produit numérique et gérer votre propre équipe technique.
Changement de vie
¿Te gustaría dar un giro a tu carrera profesional? Si quieres cambiar de profesión y conseguir un trabajo con mucho futuro, nos bootcamps te permitirán hacerlo en muy poco tiempo.
Équipe pédagogique
Notre carrière est dirigée et enseignée par une sélection de professionnels leaders du secteur.

Alberto rivera
Co-directeur du bootcamp
Il a des années d'expérience dans la direction de projets de développement Web dans des entreprises telles que Minsait ou LaLiga et également en tant qu'enseignant dans le secteur universitaire.
François Restoy
Co-directeur du bootcamp
Expert professionnel de l'UX Design et enseignant.
Il développe des projets dans diverses agences et écoles depuis plus de 15 ans.
La Masterclass
Rodrigo Erades
Génie logiciel
Cabify
katherine sanchez
Analyste d'affaires
Données NTT
Chemin Miguel Aller
Responsable de l'ingénierie des données
Inditex
Carlos Martinez
Lead développeur
Données NTT
Alvaro de la fille
Squad Leader
Santander
Ivan Leider
Génie logiciel
L + R
programme
L'objectif de cette carrière est que vous atteigniez un niveau professionnel en design UX/UI et Développement Web.
UX Research
120 heures / 3 mois
Dans ce module aprenderás todo el proceso de investigación de UX incluyendo la metodología Design Thinking, la ideación, implementación, testing y validación, así como aussi el Diseño de Interacción
et l'architecture de l'information.
Principes d'utilisation
• Techniques d'intégration et de gamestorming.
• Introduction à UX/UI, Agile, Service et Business Design.
• Principes de base : utilisabilité et bonnes pratiques.
• L'heuristique de Jakob Nielsen.
• Introduction aux méthodologies de conception et Agile.
• Concepts généraux du Design Thinking.
Le processus de UX
• Kick-off, comment démarrer des projets
• Le brief pour la planification du projet
• Introduction à UX Research
Méthodologie Design Thinking
• Modèles de Design Thinking.
• Le modèle Double Diamant.
• Phases : Recherche, Analyse, Idéation et Mise en œuvre.
Design d'Investigation UX
• Concevoir un plan de recherche.
• Approche des questions de recherche.
• Analyse de benchmark et de concurrence. BOSSER.
• Analyse concurrentielle, interne et fonctionnelle. Étapes.
• Ethnographie et travail de terrain.
• Techniques : safari, filature, entretiens, etc.
• Concepts fondamentaux dans les entretiens et les questionnaires.
Analyse et expérience de l'utilisateur
• Analyse, synthèse et identification de patrons.
• Techniques principales : carte d'affinité, clustering, etc.
• Détection ou extraction d'idées et de découvertes.
• Techniques et outils de convergence.
• Elaboration et définition du User Persona.
• Développement de la carte d'empathie.
• Suivi du parcours utilisateur.
• Création du PDV Canvas.
• Comportement de l'utilisateur, Travaux à faire.
Ideación, trouver des solutions
• Concepts d'idéation en UX.
• Remue-méninges et rédaction d'idées.
• Méthode SCAMPER, What if, HMW et hybridations.
• Techniques de priorisation des idées : matrices, MoSCoW, etc.
Implémentation d'un parcours de prototipado
• Connaître les notions de prototypage.
• Prototypage basse fidélité.
• Prototypage en co-création.
Test et validation
• Validation avec les parties prenantes.
• Tests avec les utilisateurs.
• Connaître la technique du focus group.
• Test : simple, multiple, premier clic et tâches de 5 secondes.
Fondamentos del Diseño de Interacción
• Le concept de Design Interactif.
• L'importance de l'Interaction Design dans le produit numérique.
• Principes de base de l'interaction.
• Lois et principes UX : Hick, Fitts, Pareto et autres.
Architecture de l'information
• Conceptualisation du design.
• Fondamentaux du wireframing analogique et numérique.
• Unités d'information et étiquettes.
• Navigation vs recherche.
• Systèmes de navigation ; Basique et avancé.
• Taxonomies, facettes et filtres.
• Outils utilitaires.
• Livrables en architecture de l'information : plan du site.
Méthodologie du Diagrama de Flujo
• Introduction aux organigrammes.
• Avantages et phases du processus. Où utiliser les organigrammes.
• Symboles de mise en page de base.
• Apprentissage d'outils utiles.
Concepts d'architecture mixte : wireflows.
UI Design
120 heures / 3 mois
Dans ce module además de los conceptos basices de diseño visual, aprenderás a diseñar Interfaces graphiques con haciendo prototipos y testing de usuarios con Figma, Invision, Sketch y Marvel, además te introducirás in the maquetación HTML, CSS y WordPress.
Fondamentaux de la conception visuelle
• Principes, application des modes et profils de couleurs.
• La couleur sur le Web ou l'application. Son utilisation dans Sketch, Figma et Adobe XD.
• Principes de typographie.
• Application de la typographie sur le web et l'application.
• Utilisation de la typographie dans les outils : Sketch, Figma et Adobe XD.
• Fondamentaux de base de l'interface utilisateur ; Export Retina, grille 8pt, etc.
Conception de l'interface utilisateur d'Interfaz
• Fondamentaux du design visuel : utilisation d'images et d'illustrations.
• Bases de l'interface utilisateur : exportation de la rétine, grille 8pt, etc.
• Génération de guides de style et kit UI.
• Conception atomique et systèmes de conception.
• Création de composants, responsive design et librairies.
• Création de composants, responsive design et librairies (II).
• Création du référentiel Design System avec Zero Height et DSM.
• Intégration de l'interface utilisateur avec code et transferts ; Zeplin et InVision.
Prototype et test avec les utilisateurs
• Prototypage d'écran avec Invision, Sketch et Marvel.
• Prototypage avec Figma. Microinteractions avec Smart Animate.
• Tests avec les utilisateurs.
Prototypage et animation avancée avec Principle et ProtoPie.
Écosystème et mise en page Web
• Différents types de serveurs.
• Comprendre les protocoles Web ; http, ftp, etc.
• Différences entre le Web statique et le Web dynamique.
• Le code HTML et sa fonction dans une page Web.
• Balises d'en-tête en HTML.
• CSS et son rôle dans la conception Web.
• Éditeurs de texte : Visual Studio Code.
• Concepts de base de la mise en page Web.
• Concepts de base de la mise en page réactive.
• Approches mobiles d'abord par rapport aux ordinateurs de bureau d'abord.
• Propriétés Flexbox et CSS Grid.
Types d'applications, API et systèmes opérationnels
• Types d'applications : natives, hybrides et webapps.
• Avantages et inconvénients des différents types d'applications.
• Langages de développement d'applications : Android vs iOS.
• Concept d'API et son rôle dans le développement web.
• Apprentissage des modèles Android et iOS.
Présentation du CMS WordPress
• Définir ce qu'est un CMS.
• Avantages et inconvénients de WordPress.
• Installation et démarrage d'un projet WordPress.
• Concepts généraux de WordPress.
• Utilisation de WordPress avec des modèles premium.
• Mise en page des paliers conçus dans Figma ou Sketch.
• Le rôle des maquettistes visuels.
• Concepts généraux du concepteur de mise en page Elementor.
Disposition réactive dans Bootstrap
• Révision du concept de grilles dans la conception Web.
• Mise en page réactive avec des cadres. Amorcer.
• Mediaqueries pour la conception multi-appareils avec points d'arrêt.
• Disposition Web de base avec Bootstrap 5 dans Visual Studio Code.
• Comment exporter des actifs de Figma ou Sketch vers un site Web.
Développement de tests utilisateurs
• Concepts et outils de validation auprès des utilisateurs.
• Réalisation de tests utilisateurs modérés.
• Tests en format distant.
• Heuristique avancée et méthode PURE.
Data Driven Design et sites web en production
• Connaître les tests A/B et les tests de concept.
• Concepts fondamentaux de l'analyse Web et du référencement.
Dérouler le portfolio personnel
• Développement du portfolio et des pages personnelles.
• Outils et plates-formes pour le profil personnel.
• Comment intégrer les projets dans les plateformes.
• Plateformes de partage de projets.
• Exercices d'implémentation avec CMS. WordPress, uxfolio, etc.
Création de site
120 heures / 3 mois
Durante este module de maquetación web con HTML5, CSS3 y JavaScript aprenderás a desarrollar cualquier proyecto web incluyendo aquellos que requieren ser “responsive” para adaptarse eficazmente a cada dispositivo.
Présentation de Git
• Concepts de base sur les référentiels de code.
• Installation de Git et SourceTree.
• Concept de commit, push, pull, fetch, reset.
• Création et utilisation de succursales.
• Fusionner Git.
• Référentiels distants.
• Flux de travail.
HTML
• Sémantique HTML de base. Conteneurs vs contenu.
• Formes.
• Structure du fichier.
• Définition des feuilles de style CSS.
CSS
• Définition des feuilles de style CSS.
• Modèle de boîte CSS.
• Sélecteurs CSS.
• Propriétés CSS de base.
• Héritage en CSS.
• Postes.
• Mise en page avec Flex et Grid.
• Conception adaptative réactive : requêtes multimédias.
• Nomenclature à l'aide de BEM.
SASS
• Introduction aux préprocesseurs.
• Introduction au SASS.
• variables.
• Partiels.
• Mixins.
• Modules.
• Patrimoine.
• Les opérateurs.
• Les fonctions.
• ITCSS BEMIT.
Javascript - Algorithme
• Qu'est-ce que la programmation et la structure d'un script.
• Types de données de base.
• Opérateurs mathématiques, logiques et de comparaison.
• Création de variables et de constantes. Let et Const.
• Conditionnels : si, si-sinon, basculer.
• boucle for.
• boucle while.
• Création et utilisation de fonctions.
• Gestion des paramètres dans les fonctions. Revenir.
• Différences dans la portée des variables.
Javascript - Collections
• Introduction aux structures de données et aux collections.
• Création et utilisation de tableaux.
• Méthodes pour parcourir les tableaux.
• Rechercher et trier à l'aide de tableaux.
• Tableaux multidimensionnels.
• Traverser des tableaux multidimensionnels.
• Fonctions appliquées aux tableaux (filter, find, map…).
• Introduction à la carte et à l'ensemble.
Javascript - Objets
• Fonctions et rappels anonymes.
• Utilisation des fonctions fléchées.
• Paramètres non définis. paramètres de repos.
• Création et utilisation d'objets Javascript.
• Contexte JavaScript : Ceci.
Javascript - Modèle d'objet DOM
• Qu'est-ce que le DOM ?. Son utilisation avec Javascript.
• Qu'est-ce que la nomenclature ?
• Javascript dans le navigateur.
• Capture d'éléments via les méthodes get.
• Capture d'éléments via querySelector.
• Obtenir et manipuler les éléments DOM et leurs attributs.
• Types d'événements.
• Gestion des événements HTML.
• Auditeurs et fonctions pour événements.
• Stockage dans le navigateur.
Front-End
120 heures / 3 mois
Dans le module de développement Front-End Avec ReactJS vous apprendrez à créer toutes sortes de développements Web, SPA (Single Page Application) ou encore des applications mobiles avec JavaScript en utilisant les modules, outils et composants.
POO Javascript
• Concepts de programmation orientée objet.
• Création de classes et d'instances.
• Concepts de ceci.
• Patrimoine.
Javascript Asincronia
• Notion d'asynchronie et situations qui la produisent dans le navigateur.
• Délai d'expiration vs intervalle vs rappel vs promesses.
• Concept de Promesses.
• Déclaration et consommation des promesses.
• Méthodes spécifiques de la classe Promise.
• Utilisation d'Async-Await pour gérer les promesses.
• Fonctions avec des promesses.
Javascript – Pétition HTTP
• Introduction à HTTP.
• Gestion des requêtes HTTP vers Rest API.
• Notion de requête asynchrone.
• Demande par rappel.
• Requêtes GET.
• Pétitions avec corps. POSTER, METTRE.
• Gestion des erreurs.
• Introduction à SCRO.
Introduction au développement web avec React
• Qu'est-ce qu'un SPA.
• Qu'est-ce que réagir. ReactDOM, composants React-router et JSX.
• Introduction au développement de composants avec classes et cycle de vie.
• Exemple d'application utilisant des CDN.
• Introduction au NMP.
• Connaître le package.json.
• Gestion du registre des MNP.
• Migration de l'exemple précédent vers NPM.
• Introduction aux scripts React.
• Création d'applications avec la CLI.
• Construire l'application en mode développement avec React Scripts.
• Migration de l'exemple vers la CLI.
Composants React Hooksb
• Création de composants fonctionnels.
• Introduction aux crochets.
• Connaître les crochets de base (useEffect, useState).
• Consommation de composants dans d'autres composants.
• Connaître les crochets avancés.
• Composants de classe contre composants de fonction.
Routage
• Paramètres de chemin.
• Gestion des paramètres de requête.
• Itinéraires imbriqués.
• Protégez l'accès aux routes.
• Itinéraires authentifiés.
• Animation de parcours.
Gestion d'état
• API de contexte.
• État local VS État global.
• Composants sans état ou avec état.
• Redux.
• Utilisation de redux et de crochets.
• Gestion de l'état dans le routeur
Exemple avec une API JS
• Introduction au concept d'API JS et de bibliothèque réutilisable.
• Comprendre la documentation de l'API.
• Exemple de consommation d'une API telle que Google Maps
Déployer
• Créez l'application pour la production.
• Déployez sur des services comme Surge.sh ou Netlify.
• Introduction à CI/CD.
Finale du projet
Vous mettrez en pratique tout ce que vous avez appris lors de votre formation.

Une fois votre diplôme terminé, avec toutes les connaissances acquises, vous pourrez réaliser un vrai projet et le présenter à notre équipe pédagogique. Les meilleures œuvres seront promues sur nos réseaux sociaux et dans les événements promotionnels que nous réalisons chaque trimestre.
Emploi
Nuestros alumnos trabajan ya en las áreas tecnológicas de las empresas más plus importantes a nivel internacional.
Como se puede pagar?
Vous pouvez réserver votre place dès maintenant et payer le reste du montant au départ de la course.
800€
Réserve de place
7.200€
Resto de l'importation
8.000€
Prix de la course
+
=
¡Consigue un 25 % de descuento esta semana !
Opinions des anciens

Me apunté al máster al terminar la carrera y encontra mi primer trabajo al mes siguiente del final de curso. ¡Y todo pratiquement sin moverme de casa !
Silvia Cordon / Concepteur d'interfaces

"Une expérience géniale sur tout ce qui concerne la qualité du cursus et son utilité réelle pour empezar un trabajar avec un niveau professionnel dans le monde numérique"
Julen Lafuente / UX/UI Designer

"Lo mejor la cercanía de los profesores a pesar de estar en un máster a distancia y conseguir las skills que estaba buscando para mi trabajo"
Sarah Munoz / UX Researcher

"Muy recomendable no solo para estudiar aquello que está en las ofertas de trabajo sino también para dar forma a tus proyectos en tu start-up"
Charles Gonzalves / UI Designer

"Gracias a estos cursos he podido completear mi curriculum y conseguir un empleo en el que hago lo que más me gusta : programar y diseñar"
Ivan Estévez / Concepteur de produits

"Nunca pensé que lograría cambiarme de profesión y trabajar en este nuevo sector tecnológico totalmente ajeno a mi vida hasta hacer el máster"
Isabelle Ména / Concepteur de produits
QFP
Certaines des questions fréquemment posées sur notre Master.
¿Hacen falta conocimientos previos ?
Non, sólo necesitas tener estudios básicos y un nivel medio de Inglés.
¿Cómo es el proceso de admissionión?
Comment sont les modes de paiement ?
¿Tenéis algún tipo de descuento ?
Sí, con los descuentos Early Bird cuanto antes réserves tu plaza mayor descuento consigues.
¿Cómo funciona el formato remote?
Le format Remote consiste en des cours en direct diffusés en streaming qui sont également enregistrés afin de pouvoir être visionnés à un autre moment.
Dois-je avoir un ordinateur?
Oui, vous avez besoin d'un ordinateur avec n'importe quel système d'exploitation (PC/Mac) de moins de 4 ans.
¿Se entrega algún diploma al finalizar ?
Oui, à la fin du cursus, un diplôme d'accréditation est délivré à tous les participants ayant réussi le programme de formation.
Est-il possible d'apprendre cela en 12 mois ?
Oui, bien sûr! Cela demande d'être très constant, mais le programme est conçu pour que vous puissiez tout apprendre en 12 mois et que vous puissiez le rendre compatible avec votre travail ou d'autres études.
¿En qué consistait le projet final ?
Une fois le diplôme terminé, avec toutes les connaissances acquises, vous pourrez réaliser un vrai projet et le présenter à notre équipe pédagogique.
Programmes associés
UX/UI Design
Un Master en Remote pour devenir UX/UI dessinateur professionnel.
Temps Partiel / 6 Mois / 240 Heures
Développement la toile
Avec ce Master en ligne, vous pouvez devenir un développeur Web professionnel.
Temps Partiel / 6 Mois / 240 Heures
Carrière dans
Conception &
de canaux
En ligne
Apprenez tout ce dont vous avez besoin pour devenir UX/UI Concepteur et développeur Web à un niveau professionnel avec cette carrière.

Une carrière de spécialisation où nous avons combiné le contenu de nos Masters en UX/Ul Design et Développement Web pour devenir le professionnel le plus demandé aujourd'hui par les entreprises technologiques et les StartUps.
Comienzo
Janvier 9 2023
Durée
480 heures / 12 mois
Horaire
Lundi de 19h00 à 21h00
À qui il est adressé?
Pour mener à bien la carrière, il n'est pas nécessaire d'avoir une expérience préalable et elle s'adresse à différents types de profils que nous décrivons.
sans emploi
Ces cours sont parfaits si vous avez besoin de trouver un emploi rapidement et êtes passionné par les nouvelles technologies. Saviez-vous qu'il n'y a pratiquement pas de chômage dans ce secteur ?
Récipiendaires diplômés
Después de vos estudios necesitas especializarte en un área concreta para encontrar un buen trabajo ¿Quieres aprender lo que realmente buscan las empresas?
Entrepreneurs
Vous souhaitez créer votre propre StartUp ? Notre carrière vous permettra d'avoir toutes les connaissances techniques pour créer un produit numérique et gérer votre propre équipe technique.
Changement de vie
Vous souhaitez réorienter votre carrière professionnelle ? Si vous souhaitez changer de métier et décrocher un emploi d'avenir, notre Carrière vous permettra de le faire en très peu de temps.
Direction
de la carrière
Notre cours de spécialisation est dispensé par une sélection exigeante de professionnels exceptionnels du secteur.

Alberto rivera
Codirecteur du programme
Il a des années d'expérience dans la direction de projets de développement Web dans des entreprises telles que Minsait ou LaLiga et également en tant qu'enseignant dans le secteur universitaire.
François Restoy
Codirecteur du programme
Expert professionnel de l'UX Design et enseignant. Il développe des projets dans diverses agences et écoles depuis plus de 15 ans.
programme
L'objectif du programme est que vous atteigniez un niveau professionnel dans UX/UI Conception et développement Web.
UX Research
120 heures / 3 mois
Dans ce module aprenderás todo el proceso de investigación de UX incluyendo la metodología Design Thinking, la ideación, implementación, testing y validación, así como aussi el Diseño de Interacción
et l'architecture de l'information.
Principes d'utilisation
• Techniques d'intégration et de gamestorming.
• Introduction à UX/UI, Agile, Service et Business Design.
• Principes de base : utilisabilité et bonnes pratiques.
• L'heuristique de Jakob Nielsen.
• Introduction aux méthodologies de conception et Agile.
• Concepts généraux du Design Thinking.
Le processus de UX
• Kick-off, comment démarrer des projets
• Le brief pour la planification du projet
• Introduction à UX Research
Méthodologie Design Thinking
• Modèles de Design Thinking.
• Le modèle Double Diamant.
• Phases : Recherche, Analyse, Idéation et Mise en œuvre.
Design d'Investigation UX
• Concevoir un plan de recherche.
• Approche des questions de recherche.
• Analyse de benchmark et de concurrence. BOSSER.
• Analyse concurrentielle, interne et fonctionnelle. Étapes.
• Ethnographie et travail de terrain.
• Techniques : safari, filature, entretiens, etc.
• Concepts fondamentaux dans les entretiens et les questionnaires.
Analyse et expérience de l'utilisateur
• Analyse, synthèse et identification de patrons.
• Techniques principales : carte d'affinité, clustering, etc.
• Détection ou extraction d'idées et de découvertes.
• Techniques et outils de convergence.
• Elaboration et définition du User Persona.
• Développement de la carte d'empathie.
• Suivi du parcours utilisateur.
• Création du PDV Canvas.
• Comportement de l'utilisateur, Travaux à faire.
Ideación, trouver des solutions
• Concepts d'idéation en UX.
• Remue-méninges et rédaction d'idées.
• Méthode SCAMPER, What if, HMW et hybridations.
• Techniques de priorisation des idées : matrices, MoSCoW, etc.
Implémentation d'un parcours de prototipado
• Connaître les notions de prototypage.
• Prototypage basse fidélité.
• Prototypage en co-création.
Test et validation
• Validation avec les parties prenantes.
• Tests avec les utilisateurs.
• Connaître la technique du focus group.
• Test : simple, multiple, premier clic et tâches de 5 secondes.
Fondamentos del Diseño de Interacción
• Le concept de Design Interactif.
• L'importance de l'Interaction Design dans le produit numérique.
• Principes de base de l'interaction.
• Lois et principes UX : Hick, Fitts, Pareto et autres.
Architecture de l'information
• Conceptualisation du design.
• Fondamentaux du wireframing analogique et numérique.
• Unités d'information et étiquettes.
• Navigation vs recherche.
• Systèmes de navigation ; Basique et avancé.
• Taxonomies, facettes et filtres.
• Outils utilitaires.
• Livrables en architecture de l'information : plan du site.
Méthodologie du Diagrama de Flujo
• Introduction aux organigrammes.
• Avantages et phases du processus. Où utiliser les organigrammes.
• Symboles de mise en page de base.
• Apprentissage d'outils utiles.
Concepts d'architecture mixte : wireflows.
UI Design
120 heures / 3 mois
Dans ce module además de los conceptos basices de diseño visual, aprenderás a diseñar Interfaces graphiques con haciendo prototipos y testing de usuarios con Figma, Invision, Sketch y Marvel, además te introducirás in the maquetación HTML, CSS y WordPress.
Fondamentaux de la conception visuelle
• Principes, application des modes et profils de couleurs.
• La couleur sur le Web ou l'application. Son utilisation dans Sketch, Figma et Adobe XD.
• Principes de typographie.
• Application de la typographie sur le web et l'application.
• Utilisation de la typographie dans les outils : Sketch, Figma et Adobe XD.
• Fondamentaux de base de l'interface utilisateur ; Export Retina, grille 8pt, etc.
Conception de l'interface utilisateur d'Interfaz
• Fondamentaux du design visuel : utilisation d'images et d'illustrations.
• Bases de l'interface utilisateur : exportation de la rétine, grille 8pt, etc.
• Génération de guides de style et kit UI.
• Conception atomique et systèmes de conception.
• Création de composants, responsive design et librairies.
• Création de composants, responsive design et librairies (II).
• Création du référentiel Design System avec Zero Height et DSM.
• Intégration de l'interface utilisateur avec code et transferts ; Zeplin et InVision.
Prototype et test avec les utilisateurs
• Prototypage d'écran avec Invision, Sketch et Marvel.
• Prototypage avec Figma. Microinteractions avec Smart Animate.
• Tests avec les utilisateurs.
Prototypage et animation avancée avec Principle et ProtoPie.
Écosystème et mise en page Web
• Différents types de serveurs.
• Comprendre les protocoles Web ; http, ftp, etc.
• Différences entre le Web statique et le Web dynamique.
• Le code HTML et sa fonction dans une page Web.
• Balises d'en-tête en HTML.
• CSS et son rôle dans la conception Web.
• Éditeurs de texte : Visual Studio Code.
• Concepts de base de la mise en page Web.
• Concepts de base de la mise en page réactive.
• Approches mobiles d'abord par rapport aux ordinateurs de bureau d'abord.
• Propriétés Flexbox et CSS Grid.
Types d'applications, API et systèmes opérationnels
• Types d'applications : natives, hybrides et webapps.
• Avantages et inconvénients des différents types d'applications.
• Langages de développement d'applications : Android vs iOS.
• Concept d'API et son rôle dans le développement web.
• Apprentissage des modèles Android et iOS.
Présentation du CMS WordPress
• Définir ce qu'est un CMS.
• Avantages et inconvénients de WordPress.
• Installation et démarrage d'un projet WordPress.
• Concepts généraux de WordPress.
• Utilisation de WordPress avec des modèles premium.
• Mise en page des paliers conçus dans Figma ou Sketch.
• Le rôle des maquettistes visuels.
• Concepts généraux du concepteur de mise en page Elementor.
Disposition réactive dans Bootstrap
• Révision du concept de grilles dans la conception Web.
• Mise en page réactive avec des cadres. Amorcer.
• Mediaqueries pour la conception multi-appareils avec points d'arrêt.
• Disposition Web de base avec Bootstrap 5 dans Visual Studio Code.
• Comment exporter des actifs de Figma ou Sketch vers un site Web.
Développement de tests utilisateurs
• Concepts et outils de validation auprès des utilisateurs.
• Réalisation de tests utilisateurs modérés.
• Tests en format distant.
• Heuristique avancée et méthode PURE.
Data Driven Design et sites web en production
• Connaître les tests A/B et les tests de concept.
• Concepts fondamentaux de l'analyse Web et du référencement.
Dérouler le portfolio personnel
• Développement du portfolio et des pages personnelles.
• Outils et plates-formes pour le profil personnel.
• Comment intégrer les projets dans les plateformes.
• Plateformes de partage de projets.
• Exercices d'implémentation avec CMS. WordPress, uxfolio, etc.
Création de site
120 heures / 3 mois
Durante este module de maquetación web con HTML5, CSS3 y JavaScript aprenderás a desarrollar cualquier proyecto web incluyendo aquellos que requieren ser “responsive” para adaptarse eficazmente a cada dispositivo.
Présentation de Git
• Concepts de base sur les référentiels de code.
• Installation de Git et SourceTree.
• Concept de commit, push, pull, fetch, reset.
• Création et utilisation de succursales.
• Fusionner Git.
• Référentiels distants.
• Flux de travail.
HTML
• Sémantique HTML de base. Conteneurs vs contenu.
• Formes.
• Structure du fichier.
• Définition des feuilles de style CSS.
CSS
• Définition des feuilles de style CSS.
• Modèle de boîte CSS.
• Sélecteurs CSS.
• Propriétés CSS de base.
• Héritage en CSS.
• Postes.
• Mise en page avec Flex et Grid.
• Conception adaptative réactive : requêtes multimédias.
• Nomenclature à l'aide de BEM.
SASS
• Introduction aux préprocesseurs.
• Introduction au SASS.
• variables.
• Partiels.
• Mixins.
• Modules.
• Patrimoine.
• Les opérateurs.
• Les fonctions.
• ITCSS BEMIT.
Javascript - Algorithme
• Qu'est-ce que la programmation et la structure d'un script.
• Types de données de base.
• Opérateurs mathématiques, logiques et de comparaison.
• Création de variables et de constantes. Let et Const.
• Conditionnels : si, si-sinon, basculer.
• boucle for.
• boucle while.
• Création et utilisation de fonctions.
• Gestion des paramètres dans les fonctions. Revenir.
• Différences dans la portée des variables.
Javascript - Collections
• Introduction aux structures de données et aux collections.
• Création et utilisation de tableaux.
• Méthodes pour parcourir les tableaux.
• Rechercher et trier à l'aide de tableaux.
• Tableaux multidimensionnels.
• Traverser des tableaux multidimensionnels.
• Fonctions appliquées aux tableaux (filter, find, map…).
• Introduction à la carte et à l'ensemble.
Javascript - Objets
• Fonctions et rappels anonymes.
• Utilisation des fonctions fléchées.
• Paramètres non définis. paramètres de repos.
• Création et utilisation d'objets Javascript.
• Contexte JavaScript : Ceci.
Javascript - Modèle d'objet DOM
• Qu'est-ce que le DOM ?. Son utilisation avec Javascript.
• Qu'est-ce que la nomenclature ?
• Javascript dans le navigateur.
• Capture d'éléments via les méthodes get.
• Capture d'éléments via querySelector.
• Obtenir et manipuler les éléments DOM et leurs attributs.
• Types d'événements.
• Gestion des événements HTML.
• Auditeurs et fonctions pour événements.
• Stockage dans le navigateur.
Front-End
120 heures / 3 mois
Dans le module de développement Front-End Avec ReactJS vous apprendrez à créer toutes sortes de développements Web, SPA (Single Page Application) ou encore des applications mobiles avec JavaScript en utilisant les modules, outils et composants.
POO Javascript
• Concepts de programmation orientée objet.
• Création de classes et d'instances.
• Concepts de ceci.
• Patrimoine.
Javascript Asincronia
• Notion d'asynchronie et situations qui la produisent dans le navigateur.
• Délai d'expiration vs intervalle vs rappel vs promesses.
• Concept de Promesses.
• Déclaration et consommation des promesses.
• Méthodes spécifiques de la classe Promise.
• Utilisation d'Async-Await pour gérer les promesses.
• Fonctions avec des promesses.
Javascript – Pétition HTTP
• Introduction à HTTP.
• Gestion des requêtes HTTP vers Rest API.
• Notion de requête asynchrone.
• Demande par rappel.
• Requêtes GET.
• Pétitions avec corps. POSTER, METTRE.
• Gestion des erreurs.
• Introduction à SCRO.
Introduction au développement web avec React
• Qu'est-ce qu'un SPA.
• Qu'est-ce que réagir. ReactDOM, composants React-router et JSX.
• Introduction au développement de composants avec classes et cycle de vie.
• Exemple d'application utilisant des CDN.
• Introduction au NMP.
• Connaître le package.json.
• Gestion du registre des MNP.
• Migration de l'exemple précédent vers NPM.
• Introduction aux scripts React.
• Création d'applications avec la CLI.
• Construire l'application en mode développement avec React Scripts.
• Migration de l'exemple vers la CLI.
Composants React Hooksb
• Création de composants fonctionnels.
• Introduction aux crochets.
• Connaître les crochets de base (useEffect, useState).
• Consommation de composants dans d'autres composants.
• Connaître les crochets avancés.
• Composants de classe contre composants de fonction.
Routage
• Paramètres de chemin.
• Gestion des paramètres de requête.
• Itinéraires imbriqués.
• Protégez l'accès aux routes.
• Itinéraires authentifiés.
• Animation de parcours.
Gestion d'état
• API de contexte.
• État local VS État global.
• Composants sans état ou avec état.
• Redux.
• Utilisation de redux et de crochets.
• Gestion de l'état dans le routeur
Exemple avec une API JS
• Introduction au concept d'API JS et de bibliothèque réutilisable.
• Comprendre la documentation de l'API.
• Exemple de consommation d'une API telle que Google Maps
Déployer
• Créez l'application pour la production.
• Déployez sur des services comme Surge.sh ou Netlify.
• Introduction à CI/CD.
Emploi
Nuestros alumnos trabajan ya en las áreas tecnológicas de las empresas más plus importantes a nivel internacional.
Como se puede pagar?
Vous pouvez réserver votre place dès maintenant et payer le reste du montant au départ de la course.
800€
Réserve de place
+
7.200€
Resto de l'importation
=
8.000€
Prix de la course
¡Consigue un 25 % de descuento esta semana !
QFP
¿Hacen falta conocimientos previos ?
Non, sólo necesitas tener estudios básicos y un nivel medio de Inglés.
¿Cómo es el proceso de admissionión?
Lo primero es pulsar el botón "Infórmate" y rellenar el formulario, luego te contactará nuestro Campus Manager y por último tendrás que pagar la reserva de plaza.
Comment sont les modes de paiement ?
Une fois la réservation de place payée, vous pouvez payer le reste en espèces ou financé auprès d'une banque.
¿Tenéis algún tipo de descuento ?
Sí, con los descuentos Early Bird cuanto antes réserves tu plaza mayor descuento consigues.
¿Cómo funciona el formato remote?
Este Máster se donne exclusivement en format Remoto con clases en directo a través de la plataforma Zoom.
Dois-je avoir un ordinateur?
Oui, vous avez besoin d'un ordinateur avec n'importe quel système d'exploitation (PC/Mac) de moins de 4 ans.
¿Se entrega algún diploma al finalizar ?
Oui, à la fin du cours un diplôme est délivré à tous les participants qui ont profité du cours.
Est-il possible d'apprendre cela en 12 mois ?
Oui, bien sûr! Cela demande d'être très constant, mais le programme est conçu pour que vous puissiez tout apprendre en 12 mois et que vous puissiez le rendre compatible avec votre travail ou d'autres études.
¿En qué consistait le projet final ?
Dispondrás de 60 Horas aproximadamente dedicadas al desarrollo y ejecución de tu proyecto a nivel professional con la supervisión del Director del Máster.
Programmes associés

UX Research
Étudier les concepts, les outils et les processus de UX Research.
En ligne / 3 mois / 120 heures

UI Design
Devenez designer spécialisé dans les interfaces numériques.
En ligne / 3 mois / 120 heures