FiveP The Talent Pool

Dans la peau d'un développeur web en 3 semaine !

Objectif : Initiation et coaching, d’un petit groupe de candidats, au développement de sites
web dynamiques, telles qu’un blog ou un site d’e-commerce, ainsi qu’à la création
d’applications web.

Prérequis : notions en HTML et CSS.

Les technologies enseignées :

✓ Angular 2, 4, 5, Node.js, MongoDB, entre autres, sont utilisées dans la plupart des sites
web modern existants et des nouveaux projets, ce qui procure aux candidats un bagage
solide pour se présenter sur le marché de l’emploi (plus de la moitié des offres d’emploi
concernant le web demandent la maîtrise de ces technologies)

✓ Workshop SoftSkills : Gestion de carrière, Communication et attitude Professionnelle,

Aptitude au travail d'équipe, Méthode Agile, Préparation de CV et d'entretiens.

Une journée type, c’est 10% de théorie et 90% de pratique. Elle commence par l’explication
de nouveaux éléments de syntaxe d’un langage, d’une bonne pratique ou d’une technologie
particulière. Puis les candidats réalisent un exercice immédiatement en rapport afin d’obtenir
par eux-mêmes un résultat concret, tangible et motivant. L’apprentissage se poursuit avec des
projets plus importants durant plusieurs jours et intégrant de plus en plus d’enseignements
déjà vus, mélangés à des nouveaux. En se servant de plusieurs technologies simultanément,
les candidats découvrent alors véritablement le fonctionnement du web et des sites et
applications qu’ils utilisent au quotidien. Les journées durent 7 heures et sont donc intensives
pour les candidats.

En fin de formation, vous aurez une attestation signée de la société FivePoints.

Merci pour votre confiance, et au plaisir de vous avoir parmi nous.

Cordialement, Equipe FivePoints

FiveP The Talent Pool : Devenez un véritable développeur web en 3 semaine !
HTML, CSS, Angular, Express, NodeJs, MongoDB,
Gestion de carrière, Communication et attitude Professionnelle, Aptitude au travail d'équipe, Méthode Agile,
Préparation de CV et d'entretiens.
 Partie 1 : Communication et attitude Professionnelle

Objectifs :

1. Développer sa confiance, son estime, son écoute et son influence

2. Devenir apte à participer activement aux discussions et aux réunions
professionnelles
3. Savoir adopter une attitude appropriée aux situations professionnelles

1. Se présenter et faire connaissances

a. Savoir se présenter de façon professionnelle
b. Faire connaissance avec ses interlocuteurs
c. Développer sa capacité à maitriser et transmettre une bonne image de soi
2. Améliorer son aisance de contact en milieu professionnel
a. Adopter la bonne attitude pour créer et entretenir les relations
b. Surmonter ses peurs et sa timidité au quotidien
3. Savoir parler et agir de manière professionnelle
a. Être ponctuel et éviter les retards
b. Savoir formuler des salutations, des remerciements et des excuses
c. Savoir comment s'adresser à un supérieur hiérarchique ou à un client
d. Respecter un code vestimentaire professionnel
e. Utiliser le bon champ lexical, vocabulaire

4. Présenter clairement ses idées et ses opinions

a. Transmettre une idée avec précision et concision
b. Présenter des informations dans un ordre logique
c. Présenter une opinion et faire preuve d'initiative
d. Savoir quand et comment exprimer un désaccord
5. Savoir présenter en milieu professionnel
a. Préparer sa présentation
b. Connaitre son public
c. Maitriser les techniques de base
6. Raviver son enthousiasme
a. Se motiver pour un discours auto-directif
b. Gérer les moments de doute
c. Savoir moduler le ton de la voix ou le style d'écriture

FiveP The Talent Pool : Devenez un véritable développeur web en 3 semaine !

HTML, CSS, Angular, Express, NodeJs, MongoDB,
Gestion de carrière, Communication et attitude Professionnelle, Aptitude au travail d'équipe, Méthode Agile,
Préparation de CV et d'entretiens.
 Partie 2 : Les méthodes Agiles

Les méthodes Agiles permettent de mieux maîtriser les projets informatiques sous les angles
délais, coûts et résultats. Elles préconisent le travail itératif et une communication régulière
entre les acteurs.
Comprendre les principes de l'approche Agile :
✓ Découvrir l'origine du mouvement Agile et comprendre ses valeurs.

✓ Les différentes méthodes Agiles et leurs intérêts.

Appréhender les bénéfices des méthodes Agiles :

✓ Distinguer les avantages et les inconvénients de l'approche Agile.

✓ Savoir quand appliquer une méthode Agile ou une méthode classique.

Conduire un projet Agile avec la méthode SCRUM :

✓ Comprendre l'approche itérative et incrémentale en Sprints.

✓ Identifier le Product Owner et le Scrum Master, leurs rôle et responsabilités.

✓ Définir le Backlog produit et les user stories.

✓ Poker planning & sprint release.

✓ Process : stand-ups et retrospectives

✓ Mesurer l'avancement via le Burndown chart.

Se perfectionner en Agile :
✓ Utiliser des outils collaboratifs supportant la méthode Agile.

✓ Découvrir d'autres domaines d'activités utilisant les méthodes Agile.

✓ Trouver les ressources en ligne pour progresser sur les méthodes Agiles.

FiveP The Talent Pool : Devenez un véritable développeur web en 3 semaine !

HTML, CSS, Angular, Express, NodeJs, MongoDB,
Gestion de carrière, Communication et attitude Professionnelle, Aptitude au travail d'équipe, Méthode Agile,
Préparation de CV et d'entretiens.
 Partie 3 : Intégration et web design

Mots-clés: HTML, CSS, Bootstrap, responsive, mobile first, semantic, boilerplate, grid, flexbox,
web design, meta tags.

Objectifs : Construction de sites web en utilisant les langages HTML, CSS et Bootstrap.

Les candidats apprendront notamment :

Partie1 – notions fondamentales
✓ À créer un document HTML et manipuler les balises fondamentales du langage
✓ À comprendre le modèle de boîte et le positionnement du contenu en CSS
✓ À utiliser les balises selon leur sens sémantique et améliorer le référencement
✓ Maintriser les liens entre le HTML & CSS, et créer des feuilles de styles maintenables
✓ À construire un site web fluide et adaptif à tout type d’écran y compris mobile
✓ À créer des formulaires de saisie et présenter des données sous la forme de tableaux
✓ À ajouter du contenu audio et vidéo en HTML

Partie2 - notion avancées

✓ Création d’animations graphiques sur tout ou partie d’une page avec le CSS
✓ Création de sprites CSS afin d’enrichir graphiquement une page
✓ L’importance de la typographie et les possibilités offertes par le HTML et le CSS
✓ Construction d’interfaces complexes fonctionnant partout y compris sur mobile

FiveP The Talent Pool : Devenez un véritable développeur web en 3 semaine !

HTML, CSS, Angular, Express, NodeJs, MongoDB,
Gestion de carrière, Communication et attitude Professionnelle, Aptitude au travail d'équipe, Méthode Agile,
Préparation de CV et d'entretiens.
 Partie 4 : JavaScript
Objectif: maitriser le langage incontournable du web dynamique, c-à-d, Javascript.
Mots-clés: http, dom, jquery, data, localStorage, serialization, json, constructeur
Liste des projets : clonage des interfaces des pages web des applications existant.

Partie 1 – les fondamentaux:

✓ Les variables/constantes, nombres et opérateurs arithmétiques.
✓ Affichage, récupération et manipulation de texte avec les chaînes de caractères.
✓ Les types de données complexes : tableaux et objets.
✓ Les différentes façons de manipuler un tableau de données avec les piles et les files.
✓ Exécuter du code conditionnel grâce aux booléens.
✓ Exécuter du code répétitif grâce aux boucles.
✓ Organiser son code grâce aux fonctions, regrouper ses fonctions en librairies.
✓ Découvrir la programmation orientée objets : création de classes, de méthodes et de
propriétés
✓ Syntaxe avancée de création de fonctions, les fonctions anonymes

Partie 2 – JavaScript pour des sites dynamiques: Comprendre l’interaction entre le HTML, le
CSS et le JavaScript ainsi que les possibilités avancées du JavaScript:
✓ Manipuler un document HTML grâce au Document Object Model (DOM)
✓ Gérer les évènements du navigateur, notamment ceux déclenchés par l’utilisateur
✓ Récupérer des données de formulaire en JavaScript, modifier les classes CSS d’une
balise HTML
✓ Stocker des données accessibles en JavaScript à l’intérieur d’un document HTML
✓ Stocker des données persistantes ou temporaires à l’intérieur du navigateur
✓ Découvrir comment convertir une donnée complexe en une donnée simple et
inversement
✓ Utiliser jQuery : simplifier la gestion des évènements et la manipulation du DOM

FiveP The Talent Pool : Devenez un véritable développeur web en 3 semaine !

HTML, CSS, Angular, Express, NodeJs, MongoDB,
Gestion de carrière, Communication et attitude Professionnelle, Aptitude au travail d'équipe, Méthode Agile,
Préparation de CV et d'entretiens.
 Partie 5 : Nodejs et bases de données
Objectif: maitriser le langage JavaScript pour le back-end -> grâce à Node.js
Mots-clés : web, server, nodejs, commonjs, npm, json, typescript, expressjs, MongoDB
Liste des projets : Système des réservations en ligne, gestionnaire des taches, Scoreboarding

Partie 1 – les fondamentaux

✓ Comprendre l’intérêt de la programmation en Node.js
✓ Connaître les modules Commonjs utilisé par Node.js, la syntaxe d’EcmaScript et la
compilation vers JavaScript.
✓ Découper et organiser le code JavaScript en multiples fichiers pouvant être inclus selon
les besoins
✓ Maitriser http requests et Expressjs (communiquer avec le navigateur)
✓ Approfondir la programmation orientée objets et organiser son code avec Typescript

Partie 2 : Node.js et les bases de données NoSQL MongoDB.

✓ Savoir utiliser MongoDB Compass afin de gérer une base de données
✓ Modéliser puis créer soi-même une base de données de A à Z
✓ Manipuler les bases de données : insertion, modification, lecture et suppression
✓ Calculer des données en utilisant des fonctions prédéfinie dans les API de MongoDB
✓ Se connecter à une base de données MongoDB en NodeJS
✓ Construire et organiser une application NodeJS & MongoDB

FiveP The Talent Pool : Devenez un véritable développeur web en 3 semaine !

HTML, CSS, Angular, Express, NodeJs, MongoDB,
Gestion de carrière, Communication et attitude Professionnelle, Aptitude au travail d'équipe, Méthode Agile,
Préparation de CV et d'entretiens.
 Partie 6 : Site web A-Z, programme avancée

Objectif : construire des applications de A à Z utilisant tous les langages HTML, CSS, JavaScript,
NodeJS et MongoDB.

Maitrises des subtilités du développement web :

✓ Gérer les erreurs en mode orientée objets : les exceptions.
✓ Créer et gérer des mots de passes sécurisés et des comptes utilisateurs.
✓ Authentifier des utilisateurs grâce aux sessions et aux cookies.
✓ Envoyer des requêtes HTTP en JavaScript vers du code en NodeJS.
✓ Paginer les données en provenance d’une base ayant beaucoup de contenu.
✓ Se connecter à un service web pour consommer des données.
✓ Comprendre ce qu’est une API.
✓ Valider des formulaires HTML en JavaScript

FiveP The Talent Pool : Devenez un véritable développeur web en 3 semaine !

HTML, CSS, Angular, Express, NodeJs, MongoDB,
Gestion de carrière, Communication et attitude Professionnelle, Aptitude au travail d'équipe, Méthode Agile,
Préparation de CV et d'entretiens.
 Partie 7 : Front-end moderne avec Angular
Objectif : Présentation des Frameworks Angular. Développement d’applications front-end
avec ces frameworks.

Présentation du framework Angular:

✓ Angular, positionnement : notamment face à jQuery.Intégration.

✓ Compatibilité, versions, documentation.

✓ Fonctionnalités et principes généraux : directives, compilateur HTML.

✓ Expressions, data-Binding bidirectionnel et filtres.

✓ Préparation d'une maquette HTML pour développer avec Angular Contrôleurs et

gestion des scopes

✓ Création et utilisation des contrôleurs. Gestion du contexte, la variable $scope.

Propagation des événements. API et dirty Checking. Traitement et validation des
formulaires.

✓ Injection de dépendance.

Définition des routes : Routing. API ($routeProvider) et le "deep linking". Historique et accès
aux paramètres de l'URL. Utilisation de $location et $routeParams. Modes Hashbang et
HTML5.

Fonctionnalité de données, echange Serveur :

✓ API ($provide, $injector). Création de provider.

✓ Les méthodes : Service, Factory, Provider, Value.

✓ Requête Ajax avec le service $http. Intégration REST avec le service $resource.
WebSockets & API Promise.

✓ Intégration avec Node.js.

✓ Intégration REST avec Node.js.

✓ Intégration des tests automatisés

FiveP The Talent Pool : Devenez un véritable développeur web en 3 semaine !

HTML, CSS, Angular, Express, NodeJs, MongoDB,
Gestion de carrière, Communication et attitude Professionnelle, Aptitude au travail d'équipe, Méthode Agile,
Préparation de CV et d'entretiens.