- Видео 38
- Просмотров 8 701
Yvan NGOUDJOU
Франция
Добавлен 27 июл 2022
Construisez une Application de Chat Vidéo Angular en 1h avec Easy-call-js ! (Live Coding)
🚀 Construisez une Application de Chat Vidéo en 1h avec Angular et Easy-call-js !
Dans ce live coding, je vous montre étape par étape comment :
1️⃣ Initialiser un projet Angular et configurer Firebase.
2️⃣ Intégrer la librairie open-source **Easy-call-js** pour des appels vidéo multipoint.
3️⃣ Simuler des utilisateurs avec des identifiants spécifiques et tester en local sur le même réseau.
4️⃣ Déployer une solution fonctionnelle, sans besoin de connaissance préalable en Firebase ou WebRTC.
Pas besoin d'être un expert en WebRTC !
Easy-call-js simplifie tout, même pour les développeurs débutants.
➡️ Vous pouvez également intégrer votre propre serveur de signalisation si vous ne souhaitez pas u...
Dans ce live coding, je vous montre étape par étape comment :
1️⃣ Initialiser un projet Angular et configurer Firebase.
2️⃣ Intégrer la librairie open-source **Easy-call-js** pour des appels vidéo multipoint.
3️⃣ Simuler des utilisateurs avec des identifiants spécifiques et tester en local sur le même réseau.
4️⃣ Déployer une solution fonctionnelle, sans besoin de connaissance préalable en Firebase ou WebRTC.
Pas besoin d'être un expert en WebRTC !
Easy-call-js simplifie tout, même pour les développeurs débutants.
➡️ Vous pouvez également intégrer votre propre serveur de signalisation si vous ne souhaitez pas u...
Просмотров: 143
Видео
Comprendre Les principes SOLID par l’exemple : le sigle O
Просмотров 76Месяц назад
Les principes SOLID sont un ensemble de règles qui permettent d’écrire un code facilement extensible et maintenable. Dans la vidéo d’aujourd’hui nous parlons de la deuxième lettre de cet acronyme notamment le O.
Quelles approches de Versionning pour mon code source : Gitflow vs Trunc based development (TBD)
Просмотров 72 месяца назад
Gitflow vs Trunc based development
![[LIVECODING] comprendre Les Signals en Angular part. 01](http://i.ytimg.com/vi/DuWt3mH_WWA/mqdefault.jpg)
[LIVECODING] comprendre Les Signals en Angular part. 01
Просмотров 1093 месяца назад
Dans cette vidéo, je te présente un cas d'utilisation des signals dans lesquelles, on met à jour une liste d'élément en fonction des filtres sélectionnés. Cet exemple nous permet d'appréhender la puissance de ce concept, mais aussi les subtilités d'implémentations. Bon visionnage
KMER IT à 2 ans
Просмотров 693 месяца назад
Pour les deux ans de KMER IT, nous revenons sur: - Les objectifs - Le bilan - Les perspectives KMER IT est le plus grand rassemblement des Ingénieurs Camerounais dans la diaspora qui exercent dans l'IT
La sécurité applicative avec oauth2 et oidc: Part 1
Просмотров 1145 месяцев назад
Dans cette série de vidéo qui débute sur la sécurité applicative, il sera question de revenir en détail sur les notions d'authentification et d'autorisation en implémentant divers type de Grant pour les protocoles OAUTH2 et OIDC. Tu souhaites savoir comment sécuriser tes applications en respectant les standards ? Cette vidéo est faite pour toi! N'oublie pas de t'abonner et faire un Like pour ne...
![[Live CODING] comment faire L' Architecture Hexagonale avec Angular](http://i.ytimg.com/vi/nZcQS-AnPjU/mqdefault.jpg)
[Live CODING] comment faire L' Architecture Hexagonale avec Angular
Просмотров 3106 месяцев назад
Dans ce Live coding, nous partons d'un dossier vide et nous implémentons une architecture hexagonale avec trois module: - un module core qui contient nos règles de haut niveau - un module twitter pour le provider d'authentification twitter et - un module dédié à la vue qui lui manipule les deux autres modules afin d'injecter le bon provider. La première partie est disponible ici: ruclips.net/vi...
A quoi servent réellement les interfaces en programmation
Просмотров 916 месяцев назад
On entend souvent dire: "En programmation il faut coder des Abstractions et pas des implémentations". - Que veut réellement dire cette phrase - Pourquoi ne pas coder directement des classes concrètes - Quel peut être le rôle des interfaces Dans cette vidéo je t'explique tout au travers d'une analogie anecdotique
Comment L' identité numérique va t elle sauver l'Afrique (3 minutes pour en parler)
Просмотров 906 месяцев назад
Aujourd'hui près de 500 millions de personnes en Afrique n'ont pas d'identité ! Ce qui a pour conséquence des limitations sur l'accès aux services vitaux. Comment les états Africains peuvent résoudre ce souci ? En parlons pendant ces 3 minutes #identiténumerique #identité
L' Architecture Hexagonale côté front end avec Angular pour la vue
Просмотров 1 тыс.7 месяцев назад
L' Architecture Hexagonale côté front end avec Angular pour la vue
Comment Angular 17 améliore les performances applicatives
Просмотров 425Год назад
Comment Angular 17 améliore les performances applicatives
Révisons les threads java par la pratique (part.1)
Просмотров 193Год назад
Révisons les threads java par la pratique (part.1)
Quelles Avancées majeures en Angular (part.1)
Просмотров 1,4 тыс.Год назад
Quelles Avancées majeures en Angular (part.1)
Les 5 raisons pour lesquelles je t'invite à participer à MKUTANO: la conférence Africaine IT
Просмотров 148Год назад
Les 5 raisons pour lesquelles je t'invite à participer à MKUTANO: la conférence Africaine IT
Les Pattern Architecturaux les plus utilisés actuellement
Просмотров 174Год назад
Les Pattern Architecturaux les plus utilisés actuellement
Entretien avec Jordy sur la MKUTANO.ORG
Просмотров 239Год назад
Entretien avec Jordy sur la MKUTANO.ORG
Comment faire du lazy load dans le contexte des composants standalone
Просмотров 154Год назад
Comment faire du lazy load dans le contexte des composants standalone
Comment optimiser Le lazy loading en Angular
Просмотров 122Год назад
Comment optimiser Le lazy loading en Angular
Comment fonctionne l'injection de dépendance en Angular
Просмотров 104Год назад
Comment fonctionne l'injection de dépendance en Angular
Comment La projection de contenu permet de faire une arborescence en angular
Просмотров 108Год назад
Comment La projection de contenu permet de faire une arborescence en angular
révisons en 5 minutes 001: Les variables d'environnement en Java et leur application
Просмотров 1262 года назад
révisons en 5 minutes 001: Les variables d'environnement en Java et leur application
LES SERVICES ET L' OBJET SUBJECT DE RXJS EN ANGULAR
Просмотров 842 года назад
LES SERVICES ET L' OBJET SUBJECT DE RXJS EN ANGULAR
echange de données du composant fils vers le composant parent part.2
Просмотров 402 года назад
echange de données du composant fils vers le composant parent part.2
echange de données entre composant part. 1
Просмотров 1812 года назад
echange de données entre composant part. 1
Parlons des concepts du web et des architectures
Просмотров 982 года назад
Parlons des concepts du web et des architectures
Merci Yvan. C'est intéressant, j'ai déroulé le tuto jusqu'à la fin, je n'ai pas pu avoir deux streaming en même temps, juste celui du user 1111.
Merci pour ton message 🙂et surtout pour les tests de easy-call-js En fait lance le projet avec la commande : ng serve -host 0.0.0.0 -ssl true Et ensuite utilise l’adresse IP publique du serveur sur ton réseau pour accéder sur la machine principale : IP_LOCAL:4200?userId=1111 Puis sur l’autre machine qui doit être connectée au même réseau : IP_LOCAL:4200?userId=2222 Les deux machines doivent être connectées au même réseau et IP_Local doit être l’adresse publique de ton serveur sur le réseau
N’hésite pas au besoin à cloner le projet sur Github et à y regarder davantage le readme
Bravo
Merci Achille
Bravo Yvan pour cette lib interessante. Je sais bien combien de temps et d’énergie que t’as mets la-dessus pour arriver à ce stade.
Merci pour ton retour le Bachir
Excellente vidéo de la part d'un dev MS.
Joli TIPS
Merci bien pour ce bel entretien enrichissant.
Beau interview tres instructif merci William pour ce partage
Bonne initiative mon Boss
BEAUCOUP DE COURAGE FRANGIN❤
J'aime son commentaire sur le sujet Crowdstrike et windows
Please give me your email
Hello there I like your content very much. Your content is very good but I noticed how your RUclips channel is not getting any views and subscribers are very less and due to some problem you are like this your channel needs some update then your views subscribers will increase. If you want to increase subscriber views then we can increase your channel subscriber if you need any help let me know. I will wait for your reply.
Your RUclips videos are amazing. I really like it. I am a new subscriber to your channel. Can I talk with you?
thanks for the compliment. yes we can exchange
waohh cool je me frotte au js actuellement pour en suite continuer avec nodejs et avoir un statut DEV BACK
Courage Samuel
@@yvanngoudjou9578 Merci j'espère atteindre ton niveau
Merci pour la vidéo. L'architecture hexagonale est un sujet qu'on n'ose pas trop aborder coté front
vous etes le meilleur. premier commentaire
Merci pour l’estime que vous me portez. Ça fait plaisir ! Mais il y en a plus meilleur que moi
cool bro suis un novice et j'aime bien suivre tes videos
Merci et courage à toi !
Cool, Merci Yvan. F-X
Je t’en prie
Salut Yvan ! C'est cool de parler de tes projets Penses-tu pouvoir intégrer dans tes vidéos, des visuels de l'architecture que tu décris pour les gens qui sont plutôt visuels comme moi ?
Si vous aviez travailler sur un système d'architecture feature first et non Layout first, cela ne nécessitait pas de parcourir tout l'app. Feature first est ce système qui permet d#ajouter, retirer ou ajuster une nouvelle fonctionnalité sans touches d'autres fonctionnalité. Elle est un peu complexe et abstraite mais tres flexible et modulable pour des projet évolutive. Essayer d'en savoir un peu plus sur le sujet
vivement le live coding
Merci de venir à tous ceux qui n'ont besoin et beaucoup de courage
Merci Lucie
Un expert qui parle
Merci le meilleur DevRel de sa génération
J'attends le live coding avec impatience...
Reste connecté Brice 😊
Merci Yvan pour cette expérience. Il y'a des entreprises qui exigent une connaissance de cette architecture pour être recruté.
Merci Eric pour ton retour pertinent
Well done guy.
Je suis un codeur ☝️
Développeur
bien le merci grand...je te suis depuis le cameroun....
Paroles de sagesse!
beau travail
Thanks
Super exemple
Mmmmmhhh😮😮😮
Bon courage frère
Merci beaucoup pour le partage. Très bonne présentation. Si vous pouvez rajouter des slides et des exemples précis sur l'utilisation de ces patterns là.
Merci pour ton retour
Stp pour les prochaines vidéos peux rattacher les images à ta présentation.Bonne présentation
Merci pour ton retour
merci mr yvan
merci
Quand Yvan parle, on écoute 👍🏻
merci
La sagesse caméronienne en personne :). Bonne continuation mon frère
grand prof
Cool, merci.
Super 💡
Simple et édifiant. Nice move Yvan
Merci pour ce tutoriel, j’ai appris avec toi de nouvelle notions avancées sur Angular. Quelle version d’Angular as-tu utilisé sur ce projet ?
J'ai utilisé la v14. Mais ça peut marcher avec n'importe quelle version. Merci pour ton retour
J'ai une préoccupation dans une application monolitique on peu avoir un côté front et un côté back end?
oui une application monolithique a un front end qui est la partie visible et un backend qui est la logique de l'application. ce qui rend l'application monolithique c'est le fait qu'elle soit développer un seul bloc donc toutes les fonctionnalités sont centralisées