Développeur JavaScript Fullstack - cours 59 200 RUB. de l'Université d'Innopolis, formation 4 mois
Miscellanea / / November 27, 2023
Vous maîtriserez le cycle complet de création de site internet et deviendrez un spécialiste universel. Avec ces connaissances, vous pouvez augmenter votre salaire en tant que développeur Fullstack ou créer des sites Web en tant qu'indépendant.
Vous apprendrez à créer des interfaces interactives complexes et à travailler avec des frameworks, à améliorer vos soft skills, obtenez des conseils d'experts pour l'évolution de carrière afin que vous puissiez entreprendre des projets coûteux et savoir où aller plus loin. La formation se déroule sous forme de webinaires en direct avec un enseignant et de consultations de groupe avec un mentor.
— L'ensemble du processus de création d'une application depuis l'étape de conception et de mise en page jusqu'à la sortie de la première version de travail ;
— Technique de développement Micro Frontend.
— Vous disposerez de votre propre application MVP, que vous développerez en équipe sous la direction d'un enseignant ;
— Vous comprendrez les composants backend et frontend du produit, et serez également capable de concevoir et de programmer de manière indépendante une application Web.
JE. Introduction. Boîte à outils, git, configuration du projet
Dans le premier bloc, nous fournirons à tous les participants au cours un ensemble d'outils nécessaires pour progresser dans les sujets. Des consultations d'installation individuelles auront lieu, au cours desquelles nous déterminerons des objectifs individuels pour le cours, en fonction de votre expérience de développement personnel. Grâce à ce bloc, vous apprendrez à configurer indépendamment l'assemblage d'une application SPA avec n'importe quel préprocesseur CSS à l'aide de webpack. Et obtenez également une compréhension de base du langage Typescript et des fonctionnalités de sa configuration et de son utilisation.
— Dans la première leçon, nous vous montrerons l'ensemble d'outils nécessaires, comment les installer et les configurer. Vous apprendrez à configurer un projet React à partir de zéro.
— Familiarisez-vous avec les bases du langage Typescript et ses différences avec JavaScript.
II. Réagir
Durant le deuxième bloc, des équipes seront constituées, les consultations basculeront en réunions d'équipe. Lors de telles réunions, nous déciderons du projet, formerons un ensemble de fonctionnalités, qui seront notre objectif pour le cours. Vous développerez des mises en page et à la fin du bloc, vous aurez disposé toutes les pages du projet d'équipe dans React.
— Faisons connaissance avec l'histoire de l'émergence des frameworks Web, discutons des avantages et des inconvénients de React et commençons à développer les premiers composants de React.
— Étudions les bonnes pratiques pour organiser la structure d'une application React. Passons aux détails du rendu des composants React. Commençons par utiliser l'approche CSS-IN-JS moderne pour styliser les composants React en fonction de composants stylisés.
— Apprenons à travailler correctement avec les principaux composants des composants React - Props et State, ce qui contribuera à ajouter de la flexibilité aux composants. Voyons la méthode correcte pour interagir avec les éléments DOM des composants React.
— Continuons à étudier l'API React, examinons les moyens d'interagir avec les composants enfants et apprenons à éviter le problème des accessoires sans fin utilisant le contexte. Jetons un coup d'œil à une approche alternative pour étendre les capacités d'un composant React.
— Analysons le cycle de vie d'un composant, comprenons comment l'implémenter, ce qui nous permettra d'enrichir les composants avec de nouveaux types de logique.
— Comprenons comment React a pu s'éloigner complètement des composants de classe vers des composants fonctionnels en utilisant le nouveau modèle Hooks. Faisons connaissance avec les hooks de base de React.
— Nous découvrirons exactement comment fonctionne la commutation entre les pages sans recharger, et implémenterons également React-Router dans le travail.
— Apprenons à développer des applications React multilingues.
— Voyons comment introduire de la flexibilité dans le style de l'interface, en travaillant avec des thèmes (par exemple, clair/sombre), en travaillant avec des icônes et des animations en utilisant Lotty comme exemple.
III. Nodejs
Dans cette étape, vous implémenterez votre serveur dans Node.js à l'aide de la bibliothèque Express.js. Implémentation d'une API pour un projet d'équipe. Apprenez à travailler dans le programme facteur. Apprenez les bases de l'utilisation d'une image Docker en utilisant l'exemple d'utilisation de la base de données Mongodb.
— Introduction à Node.js, son historique et les bases du gestionnaire de packages.
— Découvrez comment Node.js fonctionne avec les fichiers, comment les modules sont créés et publiés et familiarisez-vous avec les fonctionnalités de ce processus.
— Apprenez à créer un serveur sur Node.js à l'aide du framework Express.js.
— Poursuite de l'étude des fonctionnalités du serveur sur Express.js.
IV. Redux
Après avoir terminé ce bloc, vous comprendrez comment l'interaction avec l'API backend se produit dans une application React moderne. Apprenez à développer et à administrer des stub stubs pour le développement local, apprenez à créer une application microfrontend configurable pour fonctionner avec un vrai serveur.
— Pour acquérir une compréhension approfondie du fonctionnement du gestionnaire d'état Redux, écrivons notre propre version et comprenons les bases de l'utilisation de Redux.
— Voyons en pratique comment et pourquoi Redux est utilisé sous sa forme classique.
— Maîtriser l'utilisation et comprendre le concept des sélecteurs avec et sans crochets.
— Sur la base des connaissances antérieures, envisageons une utilisation plus moderne de Redux grâce à la bibliothèque @reduxjs/toolkit.
— Comprenons les subtilités du travail avec le serveur et la place de Redux dans ce processus.
V. Plaisanter
Dans ce bloc, nous explorerons comment et pourquoi tester une application Web. Vous apprendrez comment tester votre application et augmenter la couverture de vos tests de code jusqu'à la norme industrielle de 80 %. Vous apprendrez les principes des tests d'applications en utilisant la bibliothèque Jest comme exemple.
— Voyons pourquoi vous devez écrire des tests et comment le faire rapidement et efficacement.
— Maîtrisez la configuration du framework de test Jest à partir de zéro.
— Suite du sujet précédent en mettant l'accent sur les tests unitaires.
— Vous verrez comment ajouter des tests d'interface utilisateur au projet.
VI. Demande d'une seule page
Dans ce bloc, nous explorerons les technologies qui seront utilisées dans toutes les applications Web modernes et qui deviendront disponibles après la suppression du support d'Internet Explorer. Cela s'est produit le 15 juin 2022.
— Faisons connaissance avec l'idée d'une application d'une seule page.
— Découvrons comment écrire votre propre bibliothèque de composants.
— Maîtrisons le multithreading sur Node.js.
— Écrivons un chat sur une socket Web. Vous le piraterez de vos propres mains en classe et apprendrez également à vous défendre contre de telles attaques.
— Voyons comment créer votre propre chat vidéo pour deux.
— Faisons connaissance avec les bases de la configuration d'un serveur sur Nginx et de l'équilibrage. Nous apprendrons également comment connecter les moteurs de recherche avec notre application SPA.
Défense du projet final