Tu veux apprendre à créer des applications professionnelles comme Instagram?
Dans cette MasterClass, tu vas découvrir comment faire pour créer un clone de l’application Instagram avec Angular et Ionic!
Je te montre toutes les techniques qui te permettront de développer plus rapidement pour gagner en compétitivité et devenir un meilleur codeur.
Ce que tu vas apprendre
- Comment utiliser efficacement Ionic 5 pour concevoir des Components réutilisables
- Utiliser la Grid Ionic et créer des composants d’interfaces dynamiques et réactives pour web et mobile
- Optimiser les interactions avec le backend pour offrir une expérience utilisateur fluide et non bloquante
- Mettre en place un système de routing avec préchargement des données pour accélérer la navigation
Détails du programme
Project Architecture
- Mettre en place la structure Tabs de Ionic
- Créer les pages Feeds; Search; Profil
- Créer les services nécessaires
- Regrouper les features par Modules Angular.
Data Management
- Mettre en place un système d’authentification utilisateur
- Récupérer les donnes en provenance du backend
- Implémenter une logique de pré-chargement des données lors de la navigation
Feed Page & Search Page & Profil Page Implementation
- Créer une structure adaptative avec les element Ion Grid
- Utiliser un loading « on scroll » pour l’affichage des elements
Navigation & Actions Implementation
- Implementer la navigation par Profil utilisateur
- Implementer la navigation par photos
- Implémenter la logic « like / unlike »
Optimisation des interfaces
- Création et utilisation de « Dump Component » réutilisable pour l’affichage des images
- Implementer la logique « TrackBy » pour les boucles Angular
Camera Implementation
- Installation de Capacitor JS
- Utilisation du Plugin Natif Camera pour prendre une photo
- Enregistrer la photo dans le profil de l’utilisateur
Mise en production
- Configuration du projet pour une utilisation PWA
- Ajout des Components de Notifications et d’Installation
- Implementation des Github Actions pour automatiser le déployement sur GithubPage
- Optimisation du projet pour améliorer les résultats de performance PWA
Démo de l’application:
Niveau de difficulté
débutant à intermédiaire
Dates:
Session de Juillet 2020
- 20.07.2020 à 20h
- 22.07.2020 à 20h
- 24.07.2020 à 20h
- 27.07.2020 à 20h
- 29.07.2020 à 20h
- 31.07.2020 à 20h
- 03.08.2020 à 20h
Prochaines session en Septembre 2020
Prérequis:
– Système Shell UNIX ou Mac OS X
– NodeJS >= 12 installé
– Compte Github
– Visual Studio Code
– Base en Javascript ES6
– Base en Typescript
– Base avec Angular 9
– Base avec Ionic 5
Prix:
Le coût de cette MasterClass Ionic est de CHF 100.- en tous par participant. Ce montant devra être versé avant le début des sessions et donne accès aux vidéos live, au support de cours, au code source, au channel Slack de support et aux archives des enregistrements des vidéos.
Déroulement / Fonctionnement
La MasterClasse Ionic se déroule en ligne par épisodes vidéo live. Je te montre étape par étape, toutes les opérations à effectuer pour arriver au résultat final, un clone de l’application Instagram.
Chaque épisode live sera diffusé à 20h et durera entre 1h et 2h selon le volume du sujet abordé. Tu pourras ensuite retrouver l’enregistrement de l’épisode sur ma chaine Youtube dans une playlist privée que je te partagerai le moment voulu.
Lors de chaque épisode, j’aborde une nouvelle étape du processus de développement en t’expliquant chaque chose que je mets en place et pourquoi je le fais ainsi. Cela te permettra de reproduire plus facilement de ton côté, tous les points que je présente.
Je diffuse trois épisodes par semaine, le lundi, mercredi et vendredi. Cela te permettra d’avoir suffisamment de temps pour reproduire ce que je présente et pour que tu puisses me poser tes questions.
Un Chanel Slack est également disponible pour partager entre les participants de la MasterClass mais aussi pour que je puisse te prodiguer du support si cela est nécessaire pour que tu ne sois pas bloqué avec ton code.
Inscrit-toi maintenant:
Les inscriptions sont closes. La prochaine session aura lieu en septembre 2020.