Développement d'applications Web React.js - cours 25 500 roubles. de Loft School, formation 6 semaines, date du 27 novembre 2023.

instagram viewer

Semaine 1 - Introduction à React.js

— Nous faisons connaissance avec l'équipe du cours et les camarades de classe.
— Apprentissage de JSX et du DOM virtuel dans React.
— Nous étudions l'approche composante et les méthodes de transfert de données.

Connaissance
1. Ouverture du cours (05:41)
Je réagis.js
1. Qu'est-ce que React (07:05)
2. DOM virtuel (02:46)
3. JSX (06:10)
4. Rendu avec conditions (05:11)
5. Travailler avec des listes (02:45)
6. Composants (02:41)
7. Accessoires (01:45)
8. État (06:45)
9. Événements (02:26)
10. Réagir aux outils de développement (03:58)
II React.js
1. Méthodes de cycle de vie (05:19)
2. Composants - fonctions (01:29)
3. Composant pur (02:54)
4. Événements synthétiques (01:42)
5. Travailler avec des formulaires (02:51)
6. Gestion des erreurs (01:39)
Analyse des tâches #1
1. Atelier #1 (30:36)

Semaine 2 – Modèles React.js, tests

— Nous étudions les composants, les éléments et les instances de la classe de composants.
— Nous considérons la bibliothèque Recompose, les composants d'ordre élevé et les modèles Render Props.
— Nous comprenons les avantages des tests, étudions Jest, Enzyme, Snapshots.

III Réagir
1. Introduction (01:43)
2. Types d'accessoires (10:18)
3. Contexte (05:19)
4. Réfs (05:18)
5. Portails (05:02)
6. Crochets (10:42)
IV React.js
1. Composants d'ordre élevé (HOC) - Composants d'ordre supérieur (10:33)
2. Retransmission (HOC) (04:31)
3. Modèle d'accessoires de rendu (05:25)
4. Recomposition de la bibliothèque HOK (10:32)
5. Profilage (04:02)
Essai
1. Introduction (05:06)
2. Testeur (02:51)
3. Test DSL (08:41)
4. Enzyme (06:57)
5. Instantanés (03:09)
6. Sagas de tests (05:01)
7. Bibliothèque de tests React (06:32)
Analyse des tâches #2
1. Atelier #2 (27:54)

Semaine 3 - Redux, routage

— Nous étudions le routage: le routage simple, le routage avec Switch, ainsi que le routage imbriqué.
— Se familiariser avec la bibliothèque Redux: concepts de base et concepts de Store, Actions, Réducteurs, React-redux.
— Le middleware est considéré comme un moyen de travailler avec Sideeffect.

Routage dans le navigateur
1. API d'historique (02:48)
2. Routage simple (05:39)
3. Routage depuis le commutateur (04:16)
4. Routage imbriqué (05:32)
5. Itinéraire privé (04:39)
Je reduxe
1. Introduction (04:07)
2. Magasin (05:03)
3. Actions (02:17)
4. Réducteurs (07:56)
5. Réagir-redux (03:26)
II Redux
1. Introduction (03:11)
2. CreateActions (actions redux) (09:13)
3. Intergiciel (07:54)
4. Gérer les actions (05:52)
5. Sélecteurs (06:17)
6. Resélectionner (04:49)
7. Canards (06:56)
Analyse des tâches #3
1. Atelier #3 (39:13)

Semaine 4 - Redux-saga

— Nous étudions la bibliothèque Redux-saga. Répéter les fonctions du générateur*. Apprenons à les exécuter en parallèle.
— Regardons la méthode Take. Étudions la sélection comme moyen d'obtenir des données du Store.
— Nous étudions des moyens de styliser une application React. Nous étudions les bibliothèques ClassNames, StyledComponents, BrowserList, MaterialUI.

I Redux-saga
1. Introduction (00:57)
2. Aperçu (02:08)
3. Générateurs (04:11)
4. Ajout de sagas (02:07)
5. Réagir aux actions (03:53)
6. Lancements de fonctionnalités (02:06)
II Redux-saga
1. Introduction (00:27)
2. Effectuer des effets en parallèle (03:41)
3. Prendre effet (02:45)
4. Sélectionner un effet (02:04)
5. Annuler les effets (04:05)
Travailler avec des styles
1. Introduction (01:34)
2. Styles ARC (05:21)
3. Noms de classe (06:32)
4. Composants stylés (07:11)
5. Liste des navigateurs (01:37)
6. Interface utilisateur matérielle (08:13)
Analyse des tâches #4
1. Atelier #4 (09:55)

Semaine 5 – Formulaires, CI & DI & Gestion des erreurs client

— Nous envisageons de travailler avec des formulaires utilisant les bibliothèques Formik, Redux Forms, React Final Form.
— Nous réfléchissons à des méthodes permettant d'assurer la qualité du code de production. Nous analysons des outils tels que: Husky, TravisCI, HerokuNow.
— Nous étudions un ensemble de bibliothèques utiles au développement (Storybook, RamdaJS, Axios).
— Nous envisageons TypeScript.

Travailler avec des formulaires
1. Introduction (05:07)
2. Formik (08:51)
3. Formulaire Redux (06:22)
4. Réagir au formulaire final (06:36)
Gestion des erreurs CI & DI & Client
1. Introduction (05:07)
2. Husky (02:32)
3. CI utilisant TravisCI (03:32)
4. Déployer sur Heroku (04:57)
5. Arceau de sécurité (02:00)
Un ensemble de bibliothèques utiles pour le développement
1. Livre d'histoires (05:32)
2. RamdaJS (04:47)
3. Axios (05:52)
4. Tapuscrit (09:31)
Analyse des tâches #5
1. Atelier #5 (13:17)

Semaine 6 - Travail de projet

— Nous complétons la demande et l'envoyons pour examen.

Comment trouver un emploi dans l'informatique: trucs et astuces
1. Comment trouver un emploi dans l'informatique? Recherche, entretien et période probatoire (42:21)
2. Comment trouver des commandes de travail à distance et de freelance? (20:12)
3. Premier emploi en informatique – comment se comporter? Stages, emplois officiels et travail « contre nourriture » (14:11)
4. Comment réussir la période probatoire? (27:10)
5. Comment se préparer à un entretien dans une entreprise FAANG (08:52)
6. Le processus de chargement d'une page Web (25:19)
7. Entretien avec le programmeur - tout ce que vous devez savoir (01:24:07)
8. Résoudre un problème à partir d'un entretien avec un programmeur (19:36)
9. Entretien avec un développeur frontend (01:37:17)