Front-end : Angular 11 / ReactJs |
|
Objectif:
- Maîtriser les fonctionnalités d’Angular
- Créer des applications web rapidement, pour tous les supports (mobile, tablette et bureau)
- Creer des applications Front-End avec ce framework
1. Présentation du framework Angular
- Positionnement de Angular : notamment face à jQuery.Intégration.
- Compatibilité, versions, documentation.
- Expressions, data-Binding bidirectionnel et filtres.
- Préparation d'une maquette HTML pour développer avec Angular
- Les fonctionnalités du Angular 11
- Découvrir et utiliser Angular-cli
- Étudier la structure du projet et les différents fichiers
qui le compose
- Comment créer une application Full Stack web : l’architecture
et les technologies
- Installation et Configuration des environnements
- Front-end: découvrir la structure d’un projet Angular 11
- la langage de programmation Typescript: Ts vs. Js
- L’utilisation du langage Typescript
- Angular binding: unidirectionnelle, bidirectionnelle
- Angular-cli: Création et manipulation d’un Projet
- Step-by-Step: Word Quiz
- Self-Practice: jeu de pierre-papier-ciseaux
Quiz
- Angular Components : découvrir la structure
- Découvrir les directives structurelles : NgFor, NgIf, Ng-templates
- Services : consommer des appels api
- Step-by-Step: recréer l’ Application « Weather »
- Self-Practice: recréer l’ Application « News »
- Intégrant Bootstrap avec Angular : Structurer les projets
- Css3 : les technique du responsive web design
- Utilisation de Angular Cli
- Utilisation des services et "Dependency injection"
- Création de service de données
- Comprendre le l'injecteur hiérarchique
- Injection de services dans les services
- La Navigation et les basiques de « Routing »
- Step-by-step: créer une application de Blog
- Self-Practice: créer une application basée sur un menu
- Step-by-step: créer une application d’authentification
- Angular Guard: Activer/Désactiver des Routes dynamiquement
avec Angular
- Sécuriser les components
- Installation Guard: module et création
- step-by-step: Créer une application d’authentification avec
Facebook
- Self-Practice: Créer une application TodoList avec authentification
- Self-Practice: Publier le projet Angular sur Github-Pages
Quiz
Objectif:
- Maîtriser les fonctionnalités de ReactJS
- Créer des applications web rapidement, pour tous les supports (mobile, tablette et bureau)
- Creer des applications Front-End avec ReactJs
1 .Présentation du ReactJs
- Installing environement
- Understanding NPM
- Travailler avec des composants et les réutiliser
- Sortie de contenu dynamique
- Comment React met à jour le DOM
- Manipulation React States
- Composants sans état et avec état
- Passage des références de méthode entre composants
- Ajout de liaison à deux sens
- Ajouter un style avec des feuilles de style
- Travailler avec des styles en ligne
- Travailler avec des listes et des conditions
- Styling Composants et éléments React
- Step-by-Step: Word Quiz
- Self-Practice: jeu de pierre-papier-ciseaux
Quiz
- Step-by-Step: recréer l’ Application « Weather »
- Self-Practice: recréer l’ Application « News »
- Step-by-step: créer une application de Blog
- Self-Practice: créer une application basée sur un menu
- Step-by-step: créer une application d’authentification
- step-by-step: Créer une application d’authentification avec
Facebook
- Self-Practice: Créer une application TodoList avec authentification
- Self-Practice: Publier le projetReactJs sur Github-Pages
|
|
Back-End : NodeJs / JAVA JEE et Spring |
|
Objectif :
Construire des applications de A à Z utilisant toutes les Technologies soit en:
1 . NodeJS et MongoDB, Angular 11
,ExpressJs, Mongoose, Socket.IO .
2. Angular 11 et Java JEE SPring
3. ReactJs et Java JEE SPring
1. Introduction Java fondamentaux
- Types primitifs
- Déclaration des variables
- Opérateurs
- Création de programmes simples avec mise en œuvre de variables de différents types
- Calculs avec opérateurs
Notion de Classe, objet, relations entre objets, access modifiers :
- Packages
- Classes (constructeurs, méthodes)
- La classe Object et ses méthodes
- Relations de composition, associations, héritage
- Polymorphisme
- Les classes enveloppes
- Access Modifiers
- Nonaccess Member Modifiers
- Membres static
- Classes abstraites
- Interfaces
- Overriding / Overloading
- Les énumérations
Step by Step : Création d’une application avec classes en relation d’association, de composition, d’héritagee et Mise en œuvre du polymorphisme
Les exceptions :
- Type des exceptions
- Try-catch, rôle de finally
Step by Step : Développement d'une application avec gestion d’exceptions avec try-catch-finally
String, StringBuilder et StringBuffer
- Création des objets de type String, StringBuilder, StringBuffer (Voir les constructor)
- Mutable strings: StringBuilder
- Les collections et la généricité
- List Interface
- Set Interface
- Map Interface
- Choix d’un type de collection : List, Set, Queue, Map
- Les interfaces fonctionnelles
- Introduction aux expressions Lambda
- Java Optional Class
- Time API
Step by Step : Manipulation des collections
2. Introduction base de donnée et language SQL
- Systeme de Gestion de base de donnée SGBD
- Commandes SQL
(SELECT (DISTINCT, WHERE, GROUP BY, HAVING, ORDER BY, LIMIT …)
Insertion de données : INSERT INTO
Modification de données : UPDATE
Suppression de données : DELETE
- Jointures SQL
3. Introduction Orienté Objet
- Classe
- Objet
- Les exceptions
- Héritage
1. Présentation du Node JS
- Découvrir l’architecture « Back-end »
- Les modules « Node » de « Npm »
- Découvrir le framework web « Express »
- Self-Practice: créer une application « hello word »
- Utiliser le middleware « bodyParser »
- Step-by-step: Maitriser http requests et Expressjs (communiquer avec le navigateur)
- Self-Practice: créer l’application « Upcaser »
Quiz
Mongodb: l’approche no-SQL
- Savoir utiliser MongoDB afin de gérer une base de données
- Conception d’API : Construire une interface
- Collections et documents de « Mongodb »
- Mongodb: Création des CRUD
- 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
- Utiliser des API Rest
- Obtenir des données de la base de données en utilisant Postman
- Step-by-Step: Word Quiz des Appels API
- Self-Practice: les appels API du jeu « pierre-papier-ciseaux »
Quiz
- Se connecter à une base de données MongoDB en NodeJS
- Construire et organiser une application NodeJS & MongoDB
- Mongodb ORM : Mongoose
- Installation et configuration des environnement Mongoos
- Création des modèles NoSQL avec Mongoose
- Step-by-Step: créer une application TodoList en utilisan MEAN
- Self- Practice: créer un simple Blog en utilisant MEAN
- JsonWebToken: Sécuriser l’application
- Self-Practice: créer une application d’Authentification en utilisant MEAN
1.Présentation : Java JEE et Spring
- Introduction a l’architecture N-tiers JEE
- Description du module
- Marché d’emploi
- Nommage
- Rappel Java SE (Java Standard Edition)
- C’est quoi Java EE ?
- Les spécifications Java EE
- Architecture client / serveur
- Architecture n-tiers
- Les outils (Serveur Wildfly , IDE :Eclipse/JBoss Developer Studio , Outils de build : Maeven , SGBD : Mysql)
Installation environnement
JPA (Java Persistance Api)
- Entities
- Entity Manager
- Associations : unidirectionnelle / bidirectionnelle
- CRUD : cascade-fetch-join
- JPQL
Self-Practice : Mise en œuvre d’une mini application de gestion de resource d’une entreprise (mini ERP ) en utilisant JPA
JSF ( JavaServer Faces )
- HTTP - Architecture client serveur
- Architecture n-tiers
- Servlet
- JSP(JavaServer Pages)
- JSF (JavaServer Faces)
- Vue globale
- Exemple de Structure d’une application JSF
- autocomplete dans les pages XHTML
- Exemple de template
Self-Practice : Mise en œuvre d’une application web de gestion des employees au sein d’une entreprise .
Découverte de l'API Spring
- Les beans, BeanFactory et ApplicationContext
- Mode singleton ou prototype, cycles de vie des beans
- Méthodes d'injection de dépendances
- Annotations et Autowiring
- Définition de bean abstrait, gestion de l'héritage
- Spring data
- Spring boot
- Différents types de configuration Spring, utilisation des différentes annotations
- Développement des services Rest
|
|
- Travail de groupe sur des projets en appliquant la méthodologie agile.
- Maîtrises des subtilités du développement web :
- Gérer les erreurs: les exceptions.
- livrer les données en temps réel avec le protocole Web Socket.
- Créer et gérer des mots de passe sécurisés et des comptes utilisateurs.
- Apprendre les méthodes d’authentification des utilisateurs.
- Communication entre client serveur avec le protocole HTTP.
- Se connecter à un service web pour consommer des données.
- Paginer les données en provenance d’une base ayant beaucoup de contenu.
- Validation des formulaires avec Angular Reactive Forms.
- Création d’un site web/ application : développement frontoffice et développement backoffice (dashboard), accès client un accès administrateur.
- Tester & Debugger
- Les tests unitaires en JavaScript.
- Les Frameworks JavaScript supports aux tests.
- L’automatisation des tests.
|
|
|
|