React - Créer Son Propre WhatsApp Web / 9 Puissants Secrets
.MP4, AVC, 1280x720, 30 fps | Français, AAC, 2 Ch | 13h 22m | 6.91 GB
Instructor: Julien Kisoni

Avec Des Technologies Pratiques, Épatantes et Simples comme Meteor, React Hooks, TypeScript et Styled Component

Ce que vous apprendrez

Créer ton propre Réseau Social
Créer ton propre WhatsApp
Construire ton propre réseau social avec système de messagerie instantanée, upload de photos, recherche utilisateurs, système d'authentification etc.
Écrire de façon simple et rapide du code pour implémenter la communication en temps réel grâce à Meteor.
Faire Fonctionner ensembles Meteor, React et TypeScript et faire la différence entre les 3

Prérequis

HTML & CSS (Surtout Les FlexBox)
Javascript & ES6
React (les Composants, le JSX, le State, les Props, rendu conditionnel etc...)
Installer des logiciels PC et/ou Mac
Les ressources nécessaires pour apprendre React Hooks, Meteor, TypeScript et Styled Components vous seront fournies dans cette formation.

Description

Ça fait longtemps que tu chercher à créer un ton Réseau Social mais tu ne sais pas par où commencer ?

Eh ben dans cette formation je te montre comment faire en créant une copie de WhatsApp Web. Et après avoir fait le tour je t'assure qu'à l'heure actuelle cette formation est la seule qui traite du sujet en Français (sur Udemy).

Sais-tu qu'actuellement la version officielle de WhastApp Web est construite avec React et Styled Component ?

React est un framework JavaScript open source maintenue par Facebook. Il permet de créer des applications Web monopage (single page application), via la création de composants.

Styled-component est une librairie javascript qui te permet de gagner en productivité et de faciliter la création de composants visuels (UI components) React en écrivant du code css dans un fichier javascript.

Tu as surement déjà entendu dire que pour progresser en tant que développeur (programmeur) tu devais t'entrainer sur des projets réels et essayer de cloner (reproduire), avec tes propres codes, les applications qui te plaisent.

C'est comme ça que je me suis lancé dans la folle idée de cloner WhatsApp Web avec React et Styled Component. J'ai été rapidement butté à un problème... Avec React et Styled Component coté Front-end c'était le top mais le problème est que WhatsApp est un système de messagerie instantanée, ce qui veut dire que les messages doivent arriver en temps réel. Chose qui n'est pas simple à implémenter avec du javascript (socket) quand on veut créer une application de l'envergure de WhastApp.

C'est alors que j'ai pensé à Meteor qui est en bref un Framework Javascript FullStack qui te permet de créer des applications en temps réels. C'était pour moi un challenge, et une fois que j'ai réussie j'étais tellement heureux que je me suis dit de partager cela avec la communauté francophone.

Voilà pourquoi j'ai créé cette formation qui te permettra de créer une copie de WhatsApp Web avec tes propres codes. Tu pourras même t'inspirer de cela afin de créer ta propre version de WhatsApp.

Cette formation te permettra de :

Créer une copie (un clone) de WhatsApp web, ce qui te permettra d'impressionner les recruteurs pour obtenir le job de tes rêves ;

D'utiliser React et Meteor ensembles ce qui te permettra de créer des applications web avec communication en temps réel ;

De te familiariser avec React Hooks et Styled Components ce qui te permettra de créer des web designs flexibles et dynamiques pour créer ton propre réseau social ;

De coder en TypeScript à la place du JavaScript basique lorsque tu travailles avec React et Meteor, ce qui te permettra d'ajouter une touche de sécurité lorsque tu programmes ;

D'utiliser les publications/souscription et les Méthodes dans Meteor afin de sécuriser ton application ;

D'utiliser Tracker et withTracker pour mettre en place la programmation réactive, ce qui te permettra d'implémenter le temps réel en moins de 20 secondes pour toute ton application ;

De filtrer les collections Meteor, ce qui te permettra par exemple d'implémenter un système de recherche d'utilisateur ;

D'utiliser le paquet Meteor ostrio:file, ce qui te permettra de mettre en place pour ton application un système d'upload de fichiers (images) ;

De maitriser useState et useEffect ce qui te permettra de créer des champs contrôlés et de mettre à jour le DOM de façon réactive ;

D'utiliser styled components pour apporter du style à tes composants ce qui te permettra de créer des styles dynamiques et des thèmes ;

D'utiliser la librairie javascript moment pour créer et manipuler des dates ce qui te permettra de manipuler et de gérer plus facilement les timezones et les formats de date en fonction de tes besoins ;

D'utiliser le Composant Moment mis à notre disposition par react-moment, ce qui te permettra d'afficher les dates qui ont été créer à partir de la librairie moment ;

D'utiliser le react-flip-move ce qui te permettra en 3 clics d'animer tes listes à chaque fois qu'un élément est ajouté ou supprimé. Afin d'enrichir ton design pour avoir un look professionnel ;

D'utiliser react-fontawesome ce qui te permettra d'afficher des icons FontAwesome dans un composant React ;

« Que ferais-tu si tu n'avais pas peur ? » Mark Zuckerberg

Alors n'attends plus, clique sur le bouton et inscris-toi maintenant et on se retrouve de l'autre côté pour commencer. Bienvenue dans cette formation React.

P.S.: Si tu as déjà les bases, commence directement par l'introduction (Section 4).

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

Développeur Web React qui veut créer Son Propre Réseau Social avec Messagerie Instantanée



Download link:
Kod:
rapidgator_net:
https://rapidgator.net/file/534c82fafec84b5f07e2dba49af97136/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part1.rar.html
https://rapidgator.net/file/569848594018abaa93bb163c44b5d4b4/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part2.rar.html
https://rapidgator.net/file/54ffa2ef9381b44a481a46296975f559/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part3.rar.html
https://rapidgator.net/file/907de4da4deba0405b7915a7496cadc3/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part4.rar.html
https://rapidgator.net/file/16c9539b5f68bd802c6c399c1d69e741/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part5.rar.html
https://rapidgator.net/file/d99e261ddc28bd013cf4e7f225a799c9/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part6.rar.html
https://rapidgator.net/file/342ce11b9a5e499ed5019c3b7f999f86/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part7.rar.html
https://rapidgator.net/file/4e5f1814be9dc764985c23dd3bf65a4c/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part8.rar.html

nitroflare_com:
https://nitroflare.com/view/C02CAE4E8369E61/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part1.rar
https://nitroflare.com/view/6BA757AE03B1F04/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part2.rar
https://nitroflare.com/view/904572951283687/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part3.rar
https://nitroflare.com/view/F35EA29F030D01E/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part4.rar
https://nitroflare.com/view/7B9136A06ECB0BD/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part5.rar
https://nitroflare.com/view/35C855B80918EEE/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part6.rar
https://nitroflare.com/view/C751DC21F8896A2/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part7.rar
https://nitroflare.com/view/70492FD0B6235D4/cm6zc.React..Crer.Son.Propre.WhatsApp.Web..9.Puissants.Secrets.part8.rar
Links are Interchangeable - No Password - Single Extraction