Graduate Développeur Front-End

Programme Graduate Développeur Front-End

• Le développement Front-End
  1.Réaliser la maquette d’une application web responsive

  • Les Users Stories
  • Les wireframes
  • Les interfaces Web
  • Les bases de l’UX
  • La création et l’intégration d’une maquette

  2.Créer un site web avec HTML, CSS et le Framework Bootstrap

  • Le fonctionnement des sites web
  • La création de page web en HTML
  • La mise en forme des pages avec CSS
  • L’agencement d’une page HTML avec CSS
  • Le système de grille avec Bootstrap
  • Le responsive design avec Bootstrap
  • Le préprocesseur CSS  : SASS

  3.Utiliser Git et Github pour gérer son code source

  • L’utilisation de la ligne de commande dans le terminal
  • L'installation de Git
  • La gestion du code avec Git et Github
  • La création de repository Git
  • L’enregistrement de commit
  • Les interactions avec le repository
  • La navigation dans l’historique du repository
  • La notion de branche et la résolution de conflit
  • La navigation dans l’historique
  • La fusion des branches
  • La rebase des branches

  4.S’initier à la programmation avec Javascript

  • L’algorithmie avec Javascript
  • Le concept de variable
  • Les opérateurs arithmétiques et opérateurs d'affectation
  • La logique d’un programme en Javascript : conditions et boucles
  • La construction de tableau : les propriétés et méthodes de l’objet Array()
  • Les fonctions en Javascript : les fonctions prédéfinies, les fonctions personnalisées, les fonctions anonymes et les fonctions récursives
  • L’utilisation de données et les types de données en Javascript
  • Les notions de tests unitaires et tests fonctionnels
  • La programmation événementielle en Javascript
  • L’initiation aux objets et aux classes
  • La manipulation du DOM
  • La librairie JQuery
  • La programmation asynchrone avec AJAX 
  • L’Utilisation du JSON en REST
  • L’API Canvas

  5.Développer une application web avec React.js

  • Les concepts fondamentaux de React
  • Le modèle MVVM
  • L’utilisation de Node.js
  • Les composants React.js
  • Les props avec PropTypes
  • Le DOM virtuel avec JSX
  • La gestion du style avec React : Styled Component
  • L’utilisation de Redux et ses extensions
  • La navigation avec React Router
  • La communication avec les Api
  • La découverte d’un autre framework : Vue.js

  6.Créer un site web avec le CMS Wordpress

  • L’installation de Wordpress en local
  • La conception d’un site web professionnel
  • La personnalisation de son site
  • La modification de l’apparence du site avec les thèmes
  • L’utilisation du tableau de bord Wordpress
  • La création, la gestion et l’optimisation du contenu avec Wordpress
  • Les plugins Wordpress
  • Les formulaires avec WP Form
  • Le plugin Woocommerce
  • L’optimisation du référencement
• Le développement Back-End
  1.Créer et administrer une base de données

  • La création de base de données
  • La création et modification des tables
  • L’insertion, la modification et la suppression des données
  • La connexion à la base données
  • Les requêtes SQL
  • Les fonctions SQL
  • Les jointures SQL
  • Un SGBDR non relationnel : MongoDB

  2.Développer des sites web dynamiques avec PHP

  • L’installation du serveur web Apache et de MySQL
  • Les variables et les constantes
  • Les conditions et les boucles
  • Les fonctions en PHP
  • Les variables superglobales
  • La programmation orientée objet
  • L’API de réflexivité
  • Les Design Patterns
  • Le modèle MVC

  3.Créer une application web avec le framework Symfony

  • Présentation et installation du framework Symfony 
  • Construire un contrôleur
  • Le moteur de template Twig
  • Le Bundle Composer
  • La création et la manipulation des entités
  • L’ORM Doctrine
  • Les formulaires avec Symfony
  • La sécurité et la gestion des utilisateurs
  • L’Event Dispatcher
  • Le Profiler
  • L’API Platform

  4.Développer une application mobile avec React Native

  • Les bases de React Native
  • La gestion des vues
  • Les composants React Native
  • Les props et les states
  • Le Style et la mise en page avec Flexbox
  • L’objet Plateform

  5.Créer un plugin Wordpress

  • Le fonctionnement des hooks
  • Les actions dans Wordpress
  • Les hooks de filtres pour modifier les données
  • Les variables globales 
  • Les fonctions PHP dans son projet Wordpress
• Spécialisation Développement Front-End
  1.Réaliser les maquettes fonctionnelles d'une application

  • L'UX Design
  • La recherche utilisateur 
  • L'idéation / Brainstorming 
  • Le test utilisateur 
  • Le prototypage 
  • Le lean UX 
  • Le design de service 
  • Le design de prototype HD interactif 
  • Les spécificités du mobile

  2.Adobe XD 

  • Présentation générale 
  • Gestion des documents 
  • Les outils de dessin vectoriel 
  • Les textes, importation de fichiers et d'images 

  3.Créer la représentation graphique d'une application

  • Les différents effets graphiques 
  • La création d'éléments répétés 
  • Le redimensionnement réactif 
  • L'utilisation des composants 
  • L'utilisation et la gestion des Actifs 
  • Le mode Prototype Plug-ins 
  • Le partage de designs et de prototypes 
  • Les différents types d'export 
  • Les différents aspects de la conception graphique 
  • La détection des tendances visuelles sur son marché et pour sa cible 
  • La prise en compte des contraintes ergonomie / utilisabilité / solution 
  • La réalisation d'une charte graphique ou d'un design system 
  • Appliquer pour concevoir 
  • Comment valider et présenter sa solution 

  4.Se former à l'UX design pour développeur

  • Travailler dans un processus itératif avec l’utilisateur 
  • Loi de Fitts 
  • Loi de Hick 
  • Loi de Jakob 
  • Les codes couleur 
  • Accessibilité visuelle 
  • La librairie Ant Design
  • AOS (animate on scroll)
  • Slick
  • Les frameworks CSS 
  • L’UI/UX en constante évolution