https://github.com/tonylapoche/workspace-angular
Ensemble de projets Angular 18.2 afin d'alimenter ma veille et mes compétences, Repos un peu fourre-tout de divers point technique vue avec mon Mentor
https://github.com/tonylapoche/workspace-angular
angular form-validation frontendmentor-challenge intellij junior-developer learning-by-doing practice-project reactive-forms template-driven-forms typescript validation
Last synced: 2 months ago
JSON representation
Ensemble de projets Angular 18.2 afin d'alimenter ma veille et mes compétences, Repos un peu fourre-tout de divers point technique vue avec mon Mentor
- Host: GitHub
- URL: https://github.com/tonylapoche/workspace-angular
- Owner: TonyLaPoche
- Created: 2024-11-19T11:56:57.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-28T12:17:48.000Z (6 months ago)
- Last Synced: 2025-03-14T13:12:43.916Z (2 months ago)
- Topics: angular, form-validation, frontendmentor-challenge, intellij, junior-developer, learning-by-doing, practice-project, reactive-forms, template-driven-forms, typescript, validation
- Language: HTML
- Homepage:
- Size: 372 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ensemble de Projets Angular 18.2
Ce dépôt regroupe une série de projets et d'exercices réalisés dans le cadre de ma veille technique et de mon apprentissage des bonnes pratiques sur **Angular 18.2**. Ce repository est un peu un fourre-tout, regroupant divers points techniques abordés avec mon Mentor, et a pour objectif de me permettre de renforcer mes compétences en développement **frontend**.
Les projets incluent des démonstrations de **formulaires réactifs**, de **validations de formulaire**, et autres bonnes pratiques Angular/TypeScript.
## Technologies utilisées
- **Angular 18.2**
- **TypeScript**
- **IntelliJ IDEA** (IDE utilisé pour le développement)
- **Reactive Forms** & **Template-Driven Forms**
- **Form Validation**
## Objectifs d'apprentissage
Ce projet a pour but de me permettre de pratiquer et d'améliorer mes compétences en :
- Maîtriser les **formulaires réactifs** (Reactive Forms) et **formulaires basés sur un template** (Template-Driven Forms)
- Implémenter des **validations de formulaires** côté client
- Améliorer mes compétences en **TypeScript** et en **Angular**
- Appliquer les principes de développement **Frontend** sur des projets concrets
- M'améliorer en tant que **développeur junior** et en apprendre davantage sur l'écosystème Angular
## Structure du projet
- **/src** : Dossier contenant les projets Angular
- **/assets** : Dossier contenant des ressources et des images pour les projets
## Installation
1. Clone ce dépôt sur ta machine locale.
```bash
git clone https://github.com/ton-utilisateur/nom-du-repository.git
```
2. Accède au dossier du projet :
```bash
cd nom-du-repository
```
3. Installe les dépendances avec npm :
```bash
npm install
```
4. Lance l'application Angular en mode développement :
```bash
ng serve
```
5. Accède à l'application sur [http://localhost:4200](http://localhost:4200)
## Projets et défis
Chaque projet inclut un ensemble de fonctionnalités et de défis à résoudre pour améliorer la compréhension des concepts Angular, comme la gestion des formulaires et des validations. Voici quelques exemples de ce qui peut être trouvé dans ce dépôt :
- **Validation des formulaires** (simple et complexe)
- **Utilisation de formulaires réactifs** avec gestion dynamique des champs
- **Développement d'une application complète** en utilisant Angular
- **Suivi d'exercices pratiques** basés sur des **Frontend Mentor Challenges**
## Technologies et outils
Les projets sont développés avec les technologies suivantes :
- **Angular 18.2** pour le développement frontend
- **TypeScript** pour la gestion des types
- **RxJS** pour la gestion des flux de données
- **Node.js** et **npm** pour la gestion des dépendances et le lancement des projets
- **IntelliJ IDEA** comme éditeur de code (mais tout autre éditeur peut être utilisé)
## Contribuer
Si tu veux contribuer à ce dépôt, n'hésite pas à soumettre des **pull requests** ou à ouvrir des **issues** pour poser des questions ou suggérer des améliorations.
## License
Ce projet est sous licence MIT. Consulte le fichier LICENSE pour plus de détails.
## Wakatime
[](https://wakatime.com/badge/user/9d5ca4bc-3c1b-4b73-948c-329a6e87bf24/project/55dcdfd8-2c94-4094-be40-0d68758e4bd9)
[Angular Practice statistique](https://wakatime.com/@TonyLaPoche/projects/pnrcqqicei?start=2024-11-13&end=2024-11-19)