Les formations - Dev to be curious

Vous avez envie de vous mettre à Angular, framework Google réputé, pour faire des applications SPA.
Mais par quel bout le prendre ? Le framework vous paraît costaud à appréhender ?

Vous souhaitez en savoir plus, tout en apprenant à créer un site web professionnel ?

Vous avez envie de devenir développeuse, développeur FullStack ?!

Cette formation est faite pour vous, pour bien démarrer dans le développement web, Full Stack!

En résumé

Bienvenue dans cette formation pour apprendre à créer des applications web FullStack, avec Angular, BootStrap !

A travers la mise en place d’une application web mobile (un Selfie à Wookie), nous apprendrons à créer :

Une application web dite SPA (Programmation Orientée Composant) , professionnelle
Une application web fonctionnant sur Linux ou Windows
Une architecture logicielle propre, professionnelle et évolutive
Ce qui est couvert

Nous apprendrons plusieurs notions super fun, et essentielles pour la création de sites web professionnels :

Mettre en place une page d’accueil propre et bien pensée
La formation initiale HTML 5 : les principaux composants, la logique HTTP
L’apprentissage des bases du CSS 3 : les flex grid, la logique de grille, les animations, …
L’apprentissage des fondamentaux Angular, dans sa dernière version (pour l’instant 10-11)
Créer des pages dynamiques, branchées à API REST
Créer un site internet pensé pour les moteurs de recherche d’aujourd’hui
Apprendre et utiliser un framework css reconnu : Bootstrap
Comment déployer notre site internet, notre application mobile sur un serveur
Mettre en place des tests unitaires de votre application : côté Angular
Durant toute la formation

Chaque session vous guidera pas à pas, dans la réalisation de notre application de Selfie à Wookie.

Pour compléter l’aventure, vous aurez accès à l’ensemble des sources du projet, section après section, pour bien avancer, et ne jamais se sentir perdu-e (c’est un de mes buts premiers, en tant que votre hôte, votre formateur).

A la fin de la formation

Vous aurez réalisé une application web !

Vous aurez une application de Selfie à Wookie : Instagram n’a qu’à bien se tenir

Et surtout : vous saurez créer des sites web avec Angular, Boostrap !

Et c’est vous qui l’aurez réalisé, étape après étape, pas à pas !

Vous commencez quand ? :=)

Ce que vous allez apprendre

Découvrir le HTML
Découvrir le CSS
Découvrir le framework Twitter Bootstrap
Savoir créer une application Web avec Angular
Comprendre le B-A-Ba d’Angular
Savoir différencier SPA (Single Page Application) de MPA (Multiple Page Application)
Créer une API bouchon
Créer une SPA
Découvrir le TypeScript
Apprendre les forces et faiblesses de Javascript
Apprendre la programmation POC : Programmation Orientée Composant
Y a-t-il des exigences ou prérequis pour ce cours ?
Savoir coder
Savoir programmer
Connaître les conditions, les switchs, les for, les foreach
Connaître la POO (les bases)
Comprendre ce qu’est une classe, une interface
Savoir coder les bases du javascript

À qui ce cours s’adresse-t-il ?

développeuses backend intéressées par le web
développeurs backend intéressés par le web
développeuses javascript, web souhaitant créer des application web FullStack
développeurs javascript, web souhaitant créer des application web FullStack
développeuses souhaitant créer des applications web propres et bien architecturées
développeurs souhaitant créer des applications web propres et bien architecturées

Le programme

De la théorie aux premiers composants

• Installation / introduction Philosophie du framework Installation minimale Ecosystème
• TypeScript et ES2015 Types Classes Modules Promesses Décorateurs Outils
• Composants Définition Décorateur Vue Contrôleur Composants natifs Cycle de vie
• Tests Karma et Jasmine Injection de dépendance

RxJS et formulaires

• Reactive Programming Concept RxJS : Approche approfondie d\’un framework au coeur d\’Angular
• Services Créer un service Injection de service
• Formulaires Contrôles Validateurs Observateurs ngModel

Améliorations et mise à l\’échelle

• Service HTTP Communication avec une API Options De l\’API REST à la vue avec le pipe async
• Routeur Principe Composant de route Paramètres
• Rappels des bonnes pratiques en sécurité logicielle

Le langage C# est le langage fart de Microsoft, et fait partie des trois langages mis en avant par Microsoft (C#, C++ et F#).

Cette formation vous permettra de maîtriser les fondamentaux du langage C# et l\\’environnement de programmation Visual Studio. Au-delà du langage C#, qui reste l’objectif de base de la formation, la plateforme .NET vous sera également présentée afin de bien comprendre l\\’environnement global sur lequel peut s’appuyer le langage C#.

A l\\’issue de ces 5 jours de formation C# avec Visual Studio, vous saurez :

Utiliser un IDE pour créer vos applications dotnet core, dotnet 5.0
Développer vos applications avec C# pour ajouter toutes les fonctionnalités de votre application
Concevoir des architectures logicielles utilisant le framework dotnet
Animer vos jeux vidéos avec le langage C#
Et tester votre application !
Cette formation s\\’adresse à des développeurs et développeuses maîtrisant la programmation et les algorithmes, à minima.

Pourquoi s\\’intéresser et développer en C# ?
C# permet de développer tout type d\\’application : des applications web (asp.net, asp.net core, blazor), mais aussi des applications Windows (applications Windows 10, windows form, WPF).

Grâce à dotnet opensource, une multi-plateforme (dotnet core, dotnet 5.0, 6.0), vous pourrez développer autant sur Windows, Linux ou Mac. Et vous pourrez même créer des applications IoT !
De plus, avec Mono, et très bientôt dotnet 5.0, 6.0, il vous sera possible de développer grâce au langage C#, des applications Mobile sur iPhone et Android, grâce à Xamarin, et bientôt MAUI !
Et pour finir, si vous êtes friand·e de développement de jeux vidéos, vous pourrez utiliser Unity3D, Godot Engine, ou bien MonoGame, avec votre apprentissage du langage C# !

Projet fil rouge
Durant toute la formation, un projet fil rouge sera le guide de la formation. La théorie sera illustrée, expliquée, à travers le développement, pas à pas, du projet fil rouge.
Nous allons créer ensemble un jeu-vidéo avec C# (sans Unity3d ou bien godot engine) !

En détail de la formation

La plateforme .NET

• Principe et architecture de la plateforme .NET
• Architecture du framework .NET core
• Aperçu des différents types d\\’applications
• Structure d\\’une application .NET : notion d\\’espace de noms
• Outils et environnement de développement
• Langage de CIL : principe du langage intermédiaire, principe de la compilation JIT (Just In Time Compiler)

Mise en pratique : découverte des deux IDEs

Syntaxe de base

• Espace de nom, types énumérés
• Types de données : Common Type System, rôle de la classe de base System.Object et transtypage
• Quelles différences entre les types valeur et types référence ?
• Syntaxe de base : manipulation des tableaux, instructions de contrôle de flux…
• Méthodes à nombre d\\’arguments variable
• Surcharge d\\’opérateurs
• Notion d\\’attribut, et importance des méta-données
• Nouveautés C# 7.0, 8.0, 9.0

Mise en pratique : préparation du projet du jeu vidéo, ajout des premières méthodes

Programmation objet

• Notion de classes
• Attributs
• Visibilité : private, public, protected, internal
• Héritage
• Polymorphisme
• Ajout des interfaces
• Principe SOLID
• Qualité logicielle, organisation de code
• Notion de classe générique, de classe abstraite

Mise en pratique : ajout de vos premières classes Player, Droide, … pour commencer à animer le jeu

Utiliser les collections

• Découverte des collections : Array, ArrayList, List, Dictionary
• Parcourir une list : for, foreach, .foreach, enumeration, yield
• Découverte de LinQ : from where select, order by
• Aller plus loin avec LinQ : join, select amélioré, group by, agregat

Mise en pratique : animation des droïdes dans le jeu, grâce aux collections

Tester avec C# et dotnet

• Test Unitaire, TDD, BDD, faire la différence
• Dummy, Fake, Stub, Mock : bien les utiliser
• Framework Test, NUnit, xUnit

Mise en pratique : on a oublié une partie importante : les tests ! Concevons une partie du projet avec les test unitaires, façon TDD

Programmation événementielle

• Découverte des délégués
• Func, Action
• Découverte des événements : pattern Observer

Mise en pratique : pour éviter le découplage dans notre jeu, nous ajouterons un afficheur du jeu via les délégués et événements

Les exceptions

• A quoi sert une exception
• try catch finally
• Aller plus loin avec le pattern matching
• Générer des exceptions avec throw
• Exception custom
• Créer un code basé sur les exceptions

Mise en pratique : refactorer notre code pour ajouter les exceptions dans la partie Player et Droide

Utilisation des librairies

• Les DLLs, le COM, le COM+ : à quoi ça sert
• Utiliser une DLL locale à son PC
• Utiliser une DLL sur NuGet, découverte de NuGet
• Créer sa bibliothèque de classe
• Notion de version
• Architecture de code avec les bibliothèques de classe

Mise en pratique :
– Déportation de nos classes dans une bibliothèque de classe
– Utilisation d\\’une bibliothèque Newtonsoft par exemple

Des plus bien utiles

• Utiliser les méthodes d’extensions
• Utiliser les partials class
• Les var : bien ou mal ?

Mise en pratique : ajout d\\’une méthode d’extension à notre Player

Se connecter à une base de données

• Les classes historiques : DBConnection, DbCommand, DbAdapter
• Importance du provider, chaîne de connexion
• Arrivée d’entities framework
• Notion de context, découverte de l’ORM
• Création du context en model/class first
• Associer les tables / classes entre elles : configurer notre context
• Requêtes sur le context avec LinQ
• Ajout, modification, suppression

Mise en pratique : utilisation de SQL server et/ou MySQL pour se connecter à la base de données pour sauvegarder notre jeu

Découverte des possibilités

• Découverte succincte d’ASP.NET
• Découverte succincte de WPF

Mise en pratique :
– Création d’une application web asp.net sur une demi-journée
-Création d’une application WPF sur une demi-journée