7 meilleurs tutoriels gratuits pour apprendre à réagir et à créer des applications Web

En ce moment, non seulement React est au sommet de sa popularité, mais sa popularité s'accélère. En ce qui concerne le développement Web JavaScript, la programmation par rapport au développement Web: quelle est la différence? Programmation vs développement Web: quelle est la différence? Vous pensez peut-être que les programmeurs d'applications et les développeurs Web font le même travail, mais c'est loin de la vérité. Voici les principales différences entre les programmeurs et les développeurs Web. En savoir plus, React est l’un des cadres les plus faciles à apprendre et l’un des plus efficaces pour un développement rapide et robuste.

Donc, si vous avez décidé de l'apprendre, félicitez-vous: vous avez fait un choix judicieux..

Le seul problème est que les cours React les plus intéressants ont un prix élevé. Par exemple, le cours très apprécié de React for Beginners coûte 89 dollars (version de base) et 127 $ (version principale). Les cours gratuits sont rarement aussi complets et utiles - mais nous en avons trouvé plusieurs qui sont excellents et qui vous permettront de démarrer du bon pied Qu'est-ce qui fait un didacticiel de programmation? Qu'est-ce qui fait un bon tutoriel de programmation? Tous les tutoriels de programmation ne sont pas égaux. Certains profitent à vous et d'autres finissent par perdre votre temps. Voici ce qu’il faut rechercher dans un tutoriel de programmation de qualité. Lire la suite .

1. Cours de formation de base de React Training

Tyler McGinnis est un développeur et instructeur bien connu de React qui enseigne et écrit sur React depuis des années. Il a actuellement quatre cours disponibles sur React Training, dont le premier est totalement gratuit et sert de point d’entrée pour les autres..

Fondements de la réaction est divisé en 32 leçons vidéo qui totalisent trois heures complètes d’éducation. Vous apprendrez tout ce dont vous avez besoin pour installer une application React de base (par exemple, l'écosystème React, NPM, Babel et Webpack), les concepts de base et le cycle de vie qui pilotent les applications React, comment écrire correctement des composants et transmettre des données. autour.

C'est dense. C'est informatif. C'est l'introduction parfaite, et le fait que McGinnis l'offre gratuitement est assez impressionnant. Cela devrait être votre premier arrêt lorsque vous apprendrez à réagir.

Site Internet - Cours sur les principes de réaction

2. Pirater avec Réagir

Pirater avec Réagir est un ebook totalement gratuit, d'une couverture à l'autre, si vous lisez la version Web uniquement. Vous pouvez obtenir une version téléchargeable au format PDF, EPUB ou MOBI au prix de 10 $ si vous préférez l'emporter avec vous et apprendre en mode hors connexion. Quoi qu'il en soit, c'est une excellente ressource pour les débutants qui n'aiment pas les vidéos.

Il commence au tout début et explique les concepts de base tels que JSX, ses composants et ses accessoires, et tient votre main tout en passant à des sujets intermédiaires tels que les états, le routage, les tests, le lintage, etc. Il est écrit dans ES6, du début à la fin, et vous apprendrez les meilleures pratiques, y compris Babel, Webpack et ESLint..

Fera-t-il de vous un expert de React? Non, mais ça volonté vous mettre suffisamment à l'aise pour être confiant et continuer à apprendre. À tout le moins, vous en saurez plus qu'assez sur React pour décider de dépenser de l'argent sur un cours supérieur avancé ailleurs.

Site Internet - Pirater avec Réagir

3. Le didacticiel officiel de React

On pourrait penser que le didacticiel officiel devrait être le premier endroit à regarder pour apprendre à réagir, mais je l'ai personnellement trouvé un peu trop vite pour les débutants complets - cela supposait beaucoup plus de connaissances que la plupart des débutants. C'est parfait si vous avez déjà utilisé un autre framework Web JavaScript..

Cela étant dit, le tutoriel officiel de React C'est fantastique une fois que vous avez appris les concepts de base de React et que vous avez du mal à les mettre en pratique. Il vous guide dans la création d'une application Web tic-tac-toe n'utilisant que des composants, des accessoires et un état. Il comble le fossé entre la théorie abstraite et l'application pratique.

Je recommande également de vérifier le documentation officielle de React, ce qui explique chaque partie de React avec une quantité surprenante de détails. En particulier, le Penser en réaction page est comme un mini-tutoriel sur la compréhension des idiomes qui animent React. Ne craignez pas de vous référer à la documentation de React à chaque fois que vous apprenez et créez vos propres applications..

Site Internet - Le didacticiel officiel de React et la pensée en réaction

4. Cours de base sur la réaction d'Egghead

Intellectuel offre des dizaines de cours (des centaines de leçons) sur divers sujets liés au développement Web: JavaScript, Angular, React, RxJS, Node, TypeScript, etc. React est le troisième sujet le plus important du site. Bien que la plupart des cours soient destinés aux utilisateurs Premium, il y en a cinq disponibles gratuitement:

• Commencer à utiliser React pour créer des applications Web
• Ajouter le routage aux applications React à l'aide de React Router v4
• Débuter avec Redux
• Construire des applications de réaction avec Redux idiomatique
• Gérer l'état complexe dans React Apps avec MobX

Les deux premiers sont les plus importants, mais vous voudrez probablement tous les prendre à un moment donné (de manière optimale dans l'ordre indiqué). Les cours supposent que vous connaissez déjà le JavaScript, alors consultez les cours JavaScript de Egghead si vous ne maîtrisez pas encore bien la langue. 7 astuces utiles pour maîtriser un nouveau langage de programmation 7 astuces utiles pour maîtriser un nouveau langage de programmation Vous pouvez vous sentir dépassé. apprendre à coder. Vous oublierez probablement les choses aussi vite que vous les apprendrez. Ces conseils peuvent vous aider à mieux conserver toutes ces nouvelles informations. Lire la suite .

Notez que les cours premium sont également très bons et qu'ils valent la peine d'être visionnés si vous pouvez vous permettre l'abonnement Pro: 40 $ par mois ou 200 $ par an..

Site Internet - Cours de base sur la réaction d'Egghead

5. apprendre à réagir et redux avec cabine

Bien que Redux ne fasse pas partie du framework React principal, ils sont si souvent utilisés ensemble que vous devriez vraiment l'apprendre. Et même si vous finissez par vous éloigner de Redux, vous pouvez prendre les concepts avec vous et les appliquer à tout ce que vous utiliserez à sa place..

Cabine est une série de tutoriels en 10 parties qui vous apprendra comment créer une application de réseau social simplifiée: installer Node / React / Webpack, comprendre le fonctionnement de React, incorporer Redux, traiter les fonctionnalités de réseau social telles que les flux et les notifications, le traitement des images et des filtres comme Instagram, et plus encore.

La dernière partie est un aperçu de “les meilleures pratiques” cela vous enseigne non seulement le moyen le plus efficace d'utiliser et d'organiser React / Redux, mais également les erreurs courantes à éviter, la conception d'une application évolutive et l'utilisation d'outils tiers pour faciliter votre processus de développement..

Site Internet - Apprendre à réagir et redux avec cabine

6. Cours React de LearnCode Academy

Au cours des dernières années, Académie LearnCode s'est distingué comme l'un des meilleurs canaux de programmation sur YouTube Les 17 meilleurs didacticiels sur la programmation YouTube Les 17 meilleurs didacticiels sur la programmation YouTube Dans cet article, nous souhaitons vous présenter certaines des meilleures séries de programmation YouTube que nous avons trouvées. Tous ces éléments sont suffisants pour vous familiariser avec la programmation. Lire la suite . Il s’est spécialisé dans le développement Web et couvre toutes sortes de sujets, allant de HTML, CSS, JavaScript à des frameworks spécifiques tels que Angular et React. Et tout est gratuit.

Le cours est divisé en trois sections: huit vidéos sur les concepts de base de React, six vidéos sur l'utilisation de Flux pour l'architecture de données et sept vidéos sur l'utilisation de Redux pour gérer l'état. Tout cela est fait en utilisant des pratiques à jour, y compris ES6 et Webpack.

Notez que ce cours n'est pas exhaustif et que Flux et Redux sont des concepts avancés qui ne font pas partie du cadre de base de React. Nous vous recommandons donc d'utiliser ce cours comme moyen de revisiter et de cimenter les concepts appris dans les cours ci-dessus..

Site Internet - Cours React de l'Académie LearnCode

7. La convention React

Certains programmeurs préfèrent coder par convention, c’est-à-dire s’en tenir à un certain ensemble de décisions de conception (“conventions”) de projet en projet pour minimiser la complexité et accélérer le processus de développement, en particulier au début des nouveaux projets. Cet ebook en ligne vise à présenter un type de convention que les développeurs de React peuvent suivre..

Avant de vous lancer, cependant, vous devriez déjà être familiarisé avec ES6, être à l'aise avec le cadre React et comprendre les bases de Redux. Cet ebook n'est pas pour les débutants en soi. C'est plutôt utile pour les intermédiaires qui se sentent dépassés et qui ne savent pas comment transformer leurs connaissances de React / Redux en applications Web à partir de zéro..

Le tutoriel commence par un projet de kit de démarrage et vous montre comment le modifier. En suivant cette convention dans les projets futurs, vous ne perdrez pas de temps à tout recréer.

Site Internet - La convention React

Alors vous avez appris à réagir: maintenant?

Avec ces tutoriels à votre actif, vous devriez être suffisamment informé pour commencer à créer vos propres applications Web avec React. À ce stade, tout ce qui reste à faire est de pratiquer, pratiquer, pratiquer. Et ce qui est particulièrement intéressant, c’est que vous pouvez utiliser ultérieurement React Native pour créer des applications mobiles. Pour créer une application Android, vous devez apprendre ces 7 langages de programmation. Pour créer une application Android, vous devez apprendre ces 7 langages de programmation. Le langage de programmation le mieux adapté créer des applications Android? Cela dépend de votre historique de programmation et des langues avec lesquelles vous vous sentez le plus à l'aise. Heureusement, vous avez des options. Lire la suite - mais ne vous avancez pas. Restez fidèle aux applications Web jusqu'à ce que vous soyez confiant.

Comme la route sera difficile, nous vous recommandons de consulter notre article sur l’apprentissage de la programmation sans stress. Comment apprendre à programmer sans stresser Comment apprendre à programmer sans stresser Peut-être avez-vous décidé de poursuivre la programmation, que ce soit carrière ou juste comme passe-temps. Génial! Mais peut-être que vous commencez à vous sentir dépassé. Pas si bien. Voici de l'aide pour faciliter votre voyage. Lire la suite . Ce n'est pas parce que vous luttez que vous n'êtes pas fait pour être programmeur. 6 Signes que vous n'êtes pas censé être programmeur. 6 Signes que vous n'êtes pas censé être programmeur. Tout le monde n'est pas fait pour être un programmeur. programmeur. Si vous n'êtes pas complètement sûr d'être censé être un programmeur, voici quelques signes qui peuvent vous orienter dans la bonne direction. Lire la suite !

Pour plus d’apprentissage, consultez les meilleurs cours qui valent la peine d’être payés sur Coursera 11 Meilleurs sites de cours de programmation informatique en ligne gratuits 11 Meilleurs sites de cours de programmation informatique en ligne gratuits Ces jours-ci, vous pouvez devenir un maître codeur sans acquérir un diplôme traditionnel en informatique. Où vous trouvez toutes ces excellentes ressources d'apprentissage, demandez-vous? Excellente question. Continuez à lire et nous vous montrerons. Lire la suite .

Espérons que ces tutoriels gratuits ont aidé! Si vous connaissez d'autres ressources gratuites de React que nous avons manquées, veuillez nous en informer dans un commentaire ci-dessous..

Crédit d'image: guteksk7 via Shutterstock.com

En savoir plus sur: Cours en ligne, Programmation.