Apprendre à Cloner Twitch Avec React En Ligne | Skilleos

Multimédia Technologie & Programmation Développement web Cloner Twitch avec React

Améliorer ses compétences React

M'abonner

Notre expert

Enzo Ustariz

Détails du contenu

• 3h30

• 34 chapitres

• 4.4 (5 avis)

• 310 apprenants

• Tous niveaux

• 33 vidéos

• 1 annexe

• 1 quiz

M'inscrire

Au programme de cette ressource en ligne

Dans cette formation nous allons cloner le célèbre site de streaming Twitch avec React. Ce genre de projets est vraiment formateur et permet de passer au niveau supérieur lorsqu'on étudie un Framework JavaScript. Ce projet va vous donner confiance, et c'est également un bon exemple à mettre sur son portfolio. Dans cette formation nous allons utiliser des paradigmes et des outils autour de l'univers de React. Lire plus

Introduction

Se familiariser avec le projet et le code source

Introduction, découverte du projet 03:51 Fichiers sources et éditeur 02:15

Création du clone de Twitch

Coder une application web avec React (récupérer le code source et utiliser React Router et les React Hooks)

19,90€ / mois Sans engagement.

• Des contenus en ligne pour tout le monde.
• Accès illimité, 24h/24, 7j/7.
• Disponible sur ordinateur, tablette, smartphone.
• Le meilleur apprentissage : prise de note, mode examen, certificat...

M'abonner Ou profitez de Skilleos gratuitement Demandez à votre CSE de vous offrir Skilleos

Notre expert

Enzo Ustariz

• 2 356 apprenants

• 8 ressources

Enzo Ustariz, connu sur Youtube sous le pseudo "Le Designer du Web", est également le créateur de l'École du Web. Développeur Web depuis plus de 6 ans, il s'est rendu compte du manque de contenu et de formations sur internet. Il décida alors d'apprendre à créer des animations avec JavaScript, créer des sites et des applications web avec React, ou gérer une base de données avec Firebase. Tous ses cours sont proposés dans le but d'aider un maximum de personnes à gagner du temps sur leurs apprentissages et trouver rapidement leurs places dans le monde professionnel. En apprendre plus sur Enzo Ustariz

Avis des apprenants sur cette ressource

4,4 sur 5 5 avis YE Youssef E. Excellent ! Lire plus il y a environ 1 an RV Romain V. Très bien ! Lire plus il y a environ 2 ans GF Guyard F. Bien ! Lire plus il y a plus de 2 ans Afficher d’autres commentaires

Pourquoi suivre cette ressource ?

Vous voulez développez vos talents avec React et gagnez en expérience ? Nous allons cloner ensemble le célèbre site Twitch. Lire plus

Notre expert

Enzo Ustariz

Détails du contenu

• 3h30

• 34 chapitres

• 4.4 (5 avis)

• 310 apprenants

• Tous niveaux

• 33 vidéos

• 1 annexe

• 1 quiz

M'inscrire

Les apprenants ayant suivi cette ressource de Développement web s'intéressent aussi

Créer son site internet avec Jekyll et Jamstack par Christophe Vouaux Jekyll est un outil de création et de développement de site Internet. Grâce à cet outil et à son utilisation avec des projets gratuits, n’importe qui peut créer un site Internet rapidement avec la Jamstack et le mettre à disposition des internautes. Vous apprendrez à créer puis mettre en ligne gratuitement un site Internet complet, dans le détail des opérations Jekyll et Jamstack. Grâce aux nombreux exemples et quiz, vous maîtriserez bientôt les rudiments de la création d’un site, performant, sécurisé, à moindre coût et avec une très bonne évolutivité grâce à la Jamstack ! Un projet complet pas à pas complète cet apprentissage et vous aidera à vous familiariser avec les outils mis à votre disposition. N'hésitez plus et créez votre site avec Jekyll et Jamstack ! 4h05 54 chapitres Découvrir la ressource Créer son site internet avec Jekyll et Jamstack par Christophe Vouaux 4h05 Grid & Flexbox : le CSS moderne par Carl Brison Apprenez à développer des pages web responsive en utilisant les dernières technologies CSS, à savoir Grid et Flexbox. Découvrez la technologie Grid qui permet de réaliser une grille CSS virtuelle afin d'élaborer des pages web complexes et entièrement responsive. Découvrez également une technologie complémentaire à Grid, la technologie FlexBox. Cette technologie CSS permet de rendre flexible toute sorte d'éléments HTML et ainsi de les positionner très facilement au sein d'une page web. 4h51 62 chapitres 4.9 (70 avis) Découvrir la ressource Grid & Flexbox : le CSS moderne par Carl Brison 4h51 4.9 (70 avis) PHP : La classe PDO par Carl Brison La classe PDO va vous permettre de communiquer avec n’importe quelle base de données (MySQL, SQLite, PostgreSQL, Oracle…) rendant ainsi votre site dynamique. Vous apprendrez à préparer des requêtes SQL en vue de les exécuter. Vous verrez également comment sécuriser au mieux les données qui devront être insérées dans les tables de votre base de données. Vous apprendrez à utiliser la classe PDO pour les 4 familles de requêtes SQL : insertion, modification, suppression et lecture de données. 3h39 46 chapitres 4.9 (26 avis) Découvrir la ressource PHP : La classe PDO par Carl Brison 3h39 4.9 (26 avis) VueJS et Firestore : Créer une Single Page Application par Samir Medjdoub Dans ce cours VueJS et Firestore en ligne, afin de faire communiquer votre Front VueJS avec votre Backend Firestore, vous verrez en détail comment créer une DAL (Data Access Layer) qui vous permettra de coupler faiblement votre Front avec votre Backend. Beaucoup d'astuces de pro seront dévoilées, qui vous permettront de développer rapidement vos applications VueJS, notamment grâce à Vue CLI 3 et aux snippets de "Vue VS Code Snippets" que vous utiliserez tout au long de ce cours. Cerise sur le gâteau, vous découvrirez comment implémenter une fonctionnalité d' "edit in place" qui permettra à vos utilisateurs d'éditer de façon conviviale du contenu. 2h55 22 chapitres 4.9 (14 avis) Découvrir la ressource VueJS et Firestore : Créer une Single Page Application par Samir Medjdoub 2h55 4.9 (14 avis) Introduction à jQuery par John Taieb jQuery est une bibliothèque Javascript qui permet de réaliser rapidement et facilement des applications dynamiques. Au fil des vidéos et grâce à de la mise en pratique sur un projet concret, notre expert John Taieb vous montre pas à pas comment améliorer la fluidité et le confort de vos utilisateurs lorsqu'ils parcourent votre site. 3h27 20 chapitres 4.9 (9 avis) Découvrir la ressource Introduction à jQuery par John Taieb 3h27 4.9 (9 avis) React JS par Anthony Welc Guidé par Anthony Welc, vous apprendrez à utiliser React JS, une bibliothèque open source de Java. Que vous soyez débutant ou confirmé, vous saurez ainsi créer des applications et pages web efficacement. A travers divers exercices, vous saurez manipuler des listes, les fichiers, les conditions ainsi que les fonctionnalités avancées ! 8h01 93 chapitres 4.8 (43 avis) Découvrir la ressource React JS par Anthony Welc 8h01 4.8 (43 avis) Django : les Fondamentaux par Robin Penea Il existe de nombreuses manières de créer un site web par soi-même. Grâce à des codes différents comme HTML, CSS ou encore JavaScript, mais aussi des frameworks divers et variés. Certains outils demandent plus de temps d'apprentissage que d'autres. C'est pourquoi ce cours va vous apprendre à créer un site web avec Django, un framework puissant et open source qui fonctionne avec le langage de code Python. Accompagné de votre expert Robin Penea, ingénieur software depuis plus de 10 ans, vous apprendrez à maîtriser les fondamentaux de Django à travers de la théorie et des exercices concrets pour finalement être capable de concevoir une application et créer un blog à partir de rien. Pour commencer, vous apprendrez à installer votre environnement de travail et chaque fichier nécessaire selon votre système d'exploitation (Windows, macOS et Linux). Vous comprendrez les interactions entre les acteurs du web et concevrez vos premiers projets d'application avec le framework Django. Vous saurez configurer des URLS et afficher les données des utilisateurs. Vous serez aussi en capacité de personnaliser le site administrateur (admin) de votre site et prendrez en main l'outil Bootstrap pour réaliser le design de votre site ou application. Enfin, votre professeur Robin Penea vous guidera dans la conception d'une application de blog, en passant de la création de la structure avec Bootstrap, à la réalisation de votre première page à propos, en passant par la conception d'une barre de navigation. Vous saurez créer en toute autonomie des sites web fonctionnels avec du langage informatique Python. Après avoir visionné l'intégralité de ce cours pour apprendre à créer un site web avec Django, vous obtiendrez un certificat de suivi attestant que vous savez développer de vous-même un site web complet et fonctionnel avec le framework Django. Alors à votre code, prêt ? Codez ! 8h03 89 chapitres 4.7 (17 avis) Découvrir la ressource Django : les Fondamentaux par Robin Penea 8h03 4.7 (17 avis) NodeJS : Développer une API REST avec Express JS et MySQL par Simon Dieny Notre expert Simon Dieny est ingénieur logiciel et ancien formateur professionnel sur les technologies JavaScript, un langage de programmation pour le Web. Il vous accompagnera dans ce parcours et vous délivra la méthode pour créer une API REST sur NodeJS qui soit fonctionnelle et déployable sur une application Web et mobile. L'objectif est que vous soyez capable de développer vos propres structures de manière autonome. Pour cela, vous serez amené à installer des logiciels : NodeJS, Express JS, Insomnia, l'ORM Sequelize, XAMPP, Git, Heroku CLI et un éditeur de code de votre choix optimisé pour JavaScript. Puis, pour exploiter la puissance du code JavaScript côté serveur au maximum, il vous sera indispensable d'apprendre à créer un ensemble de routes d'Express JS et une base de données SQL, ainsi que de développer et combiner des middlewares d'Express JS. Vous serez aussi formé à sécuriser votre programme avec des jetons JWS. Vous gérerez l'authentification de chaque client avec JWT et formaterez des réponses HTTP de qualité en format JSON pour simplifier l'utilisation de l'interface pour le client. Avec MySQL et Express JS, créer une API REST avec un environnement JavaScript backend ne sera plus un projet de programmation JavaScript backend lointain et irréalisable. En suivant ce cours orienté pour les débutants, vous pourrez ajouter votre premier projet backend à votre portfolio et certifier vos compétences en la matière. N'hésitez plus, lancez-vous dans ce parcours et développez vos services web API REST avec NodeJS ! 7h51 134 chapitres 4.7 (14 avis) Découvrir la ressource NodeJS : Développer une API REST avec Express JS et MySQL par Simon Dieny 7h51 4.7 (14 avis) Vue JS 3 par Samir Medjdoub Pour un développeur d'applications web ou d'interface utilisateur, le choix du framework est très important. Ainsi, dans ce cours en ligne, le développeur Samir Medjdoub vous apprendra à utiliser Vue JS 3, un framework JavaScript open-source. Après une introduction à la création d'une application Vue JS 3, vous apprendrez à créer et à gérer des formulaires Vue JS 3, notamment en apprenant à binder des références et des tags HTML. Ensuite, vous apprendrez à afficher une collection, à utiliser le lifecycle hook et à créer un système de recherche et de filtres. Vous apprendrez également à valider un formulaire, à supprimer une tâche, puis, avant de terminer ce cours avec une conclusion, à modifier une tâche notamment en créant des composants modaux. Ainsi, après avoir suivi ce cours, vous saurez utiliser le framework JavaScript Vue JS 3. Alors, n'attendez plus pour apprendre à faire une bonne utilisation de ce framework et commencez le développement d'applications web et d'interface utilisateur en toute simplicité. 3h30 25 chapitres 4.7 (19 avis) Découvrir la ressource Vue JS 3 par Samir Medjdoub 3h30 4.7 (19 avis) Les WebComponents par Samir Medjdoub Ce cours en ligne sur les WebComponents vous permettra rapidement prendre en main les standards permettant de créer nativement des components. Ainsi, créer des balises HTML personnalisées grâce aux WebComponents sera un vrai jeu d'enfants, et vous bénéficierez d'une réutilisabilité et de performances bien meilleures. Toutefois, avant d'utiliser des surcouches au dessus des WebComponents, il est judicieux de prendre en main les quatre standards que sont Custom elements, Shadow DOM, HTML templates et HTML Imports. 3h30 37 chapitres 4.7 (13 avis) Découvrir la ressource Les WebComponents par Samir Medjdoub 3h30 4.7 (13 avis) Multimédia

Autres thématiques Multimédia qui pourraient vous intéresser

Investissement Bureautique & Productivité Efficacité au quotidien Informatique pour débutants Logiciels & Applications Technologie & Programmation Insertion sociale M'inscrire