java_formation_m2i

Exercices et démonstrations Java et JavaScript/Angular, faits pendant la formation "Développeurs Java JEE" de Juillet à Novembre 2023 avec M2i formation Villeneuve d'Ascq.

Environnement :

• Java : JDK 20
• IDE Java : IntelliJ
• TomCat (pour Java EE)
• TypeScript : Node.js 20.9.0
• Angular 16.2.8
• IDE front : VS Code + plugin Live Server
• BDD : PostgreSQL

Contenu de la formation

Chaque partie correspond à un module étudié, dans l'ordre d'apprentissage :

1. Bases Java
2. Programmation Orientée Objet
3. JDBC/JPA/Hibernate
4. Test Driven Development
5. HTML/CSS
6. Java EE
7. Spring
8. JavaScript
9. TypeScript
10. Angular

---

Bases Java

Bases de programmation en Java.

Tout le dossier constitue un seul projet IntelliJ. Chaque fichier .java possède une fonction main() pour pouvoir être exécuté individuellement.

Pour les exercices, l'énoncé est indiqué en commentaire au-dessus de la déclaration de classe.

Contenu :

• Démos
• Exercices
  • Variables
  • Instructions
  • Tableaux

Haut de page 🔺

Programmation Orientée Objet

Utilisation de la POO et des collections en Java.

Tout le dossier constitue un seul projet IntelliJ. Chaque package est individuel et contient (minimum) une classe possédant une fonction main() pour exécuter le code associé.

Pour les exercices, l'énoncé est indiqué en commentaire au-dessus de la déclaration de la classe Main.

Contenu :

• Démos
• Exercices

Haut de page 🔺

JDBC/JPA/Hibernate

Utilisation de JDBC, JPA et Hibernate pour la gestion des données.

Tout le dossier constitue un seul projet IntelliJ. Chaque package est individuel et contient une classe possédant une fonction main() pour exécuter le code associé.

Pour les exercices, l'énoncé est indiqué dans un fichier readme présent dans le package. Certains exercices sont en plusieurs parties, chaque partie faisant l'objet d'un tag git.

Contenu :

• Démos
• Exercices
  • JDBC
  • JPA : plusieurs versions accessibles via les tags git jpa_exo_v...
  • Hibernate : plusieurs versions accessibles via les tags git hib_exo_v...

Si les exercices ne sont pas accessibles sur la branche main, passer sur la branche jpa_hibernate.

Haut de page 🔺

Test Driven Development

Initiation au TDD en Java.

Tout le dossier est un projet IntelliJ. Chaque package est individuel, et se compose d'une partie code et d'une partie test avec des noms correspondants.

Pour les exercices, l'énoncé est indiqué dans un fichier readme présent dans le package côté tests.

Contenu :

• Démos : Main | Test
• Exercices : Main | Test

Haut de page 🔺

HTML/CSS

Bases de HTML, CSS et Bootstrap.

Chaque démo ou exercice se trouve dans un dossier séparé. L'énoncé des exercices est indiqué dans un fichier readme.

Contenu :

• Démos
• Exercices

Haut de page 🔺

Java EE

Programmation Java pour le Web, avec vues en JSP.

Chaque exercice ou démo est un projet Intellij individuel. Les projets peuvent être exécutés via un serveur type TomCat.

Chaque exercice contient un fichier readme avec son énoncé.

Contenu :

• Démo
• Exercices

Haut de page 🔺

Spring

Utilisation de Spring pour le Web : thymeleaf, validation, security...

Chaque exercice ou démo est un projet Intellij individuel. Une fois exécuté, le projet est alors accessible via le navigateur à localhost:8080.

Chaque exercice contient un fichier readme avec son énoncé.

Contenu :

• Démos
• Exercices

Haut de page 🔺

JavaScript

Bases de programmation en JavaScript

Chaque dossier correspond à un "projet" (exercice ou démo) pouvant être exécuté en ouvrant le fichier index.html dans un navigateur. Chaque exercice contient un fichier readme avec son énoncé.

Contenu :

• Démos
• Exercices

Haut de page 🔺

TypeScript

Intégration du typage en vue de l'utilisation d'Angular

Chaque dossier correspond à un "projet" (exercice ou démo). Chaque exercice contient un fichier readme avec son énoncé.

L'exécution des projets nécessite à minima l'installation de Node.js pour la transpilation des fichiers TS. Pour lancer la transpilation, ouvrir un terminal à la racine du projet et exécuter la commande :

$ npx -p typescript tsc

Le projet est alors accessible en lançant live server de VS Code et en ouvrant le navigateur à localhost:5500.

Contenu :

• Démos
• Exercices

Haut de page 🔺

Angular

Utilisation d'Angular pour créer des applications front-end

Chaque dossier correspond à un "projet" (exercice ou démo). Chaque exercice contient un fichier readme avec son énoncé.

L'exécution des projets nécessite l'installation de node.js et Angular.

Pour installer Angular via node :

$ npm install -g @angular/cli

Pour exécuter le projet, ouvrir un terminal à sa racine et exécuter la commande :

$ ng serve

Le projet est alors accessible via le navigateur à localhost:4200.

Contenu :

• Démos
• Exercices

Haut de page 🔺