Bootcamp des développeurs frontend - cours 140 000 roubles. de Yandex Workshop, formation 10 mois, date 30 novembre 2023.

HTML, CSS, JavaScript: module d'introduction

Vous vous sentirez dans le rôle d'un développeur et comprendrez si vous souhaitez évoluer dans
cette direction. Apprenez la syntaxe de base HTML et CSS. Apprendre
placez des blocs sur une page Web, modifiez la police et les couleurs. Écrivez-en un simple
Programme JavaScript et rendre la page interactive.

Thème 1. Premier code 

Thème 2. Qu'est-ce que HTML et CSS

Thème 3. Propriétés CSS de base

Thème 4. Plus de CSS 

Thème 5. JavaScript. Commencer

Thème 6. JavaScript. Atterrir dans la réalité

Thème 7. À propos de la suite

20 heures

Comment se déroule la formation ?
Vous apprendrez comment fonctionnent le programme et la formation.

Passez en revue les détails de l’organisation.

Thème 1. Que se passe-t-il ensuite: le processus d'apprentissage

Thème 2. Modules, délais et plagiat

Thème 3. À propos du passage à une autre cohorte

Thème 4. Travail de projet et projets supplémentaires

Thème 5. Quelque chose à propos des compétences générales

Thème 6. Équipe de soutien

Thème 7. Communication

Thème 8. Règles

Thème 9. Que se passera-t-il à la fin

Thème 10. La connaissance est terminée. Assurons-nous de bien nous comprendre

Environ 2 heures
Module 2
HTML et CSS: mise en page, accessibilité et interactivité
Apprenez à travailler avec les polices sur le Web. Vous comprendrez comment écrire du code,
correct pour les navigateurs et les moteurs de recherche. Explorez toutes les façons
organiser le cadre de votre page. Apprenez à personnaliser les pages
pour les robots de recherche. Vous travaillerez avec de la vidéo, de l'audio et autres
éléments de page interactifs. Vous comprendrez comment et avec quels événements
CSS peut fonctionner sur la page. Comprendre quels éléments se trouvent sur la page
peut créer un langage de style. Apprenez à styliser les éléments de différentes manières
États et dans différentes situations (par exemple, en fonction de l'ordre de leur
apparence). Comprendre les principes et outils de base de la création
pages Web disponibles.

Sprint 1: Mise en page: sémantique et mise en page 

Thème 1. Répétition avant le début

Thème 2. Mise en page - suite de la conception

Thème 3. Se préparer à écrire du code

Thème 4. Fichiers dans le projet

Thème 5. Bash et Git. Les bases

Thème 6. Polices et typographie

Thème 7. Sémantique 

Thème 8. Attributs globaux

Thème 9. Disposition de la boîte flexible

Thème 10. Comment soumettre un travail de conception

Thème 11. Éléments de positionnement

Thème 12. Disposition en grille, partie 1

Thème 13. Style de code

Thème 14. Approche par composants 

Sprint 2: Mise en page: accessibilité et approches de l'organisation des styles

Thème 1. Configuration de la page et de la méta

Thème 2. Contenu externe embarqué: vidéo, iframe, API

Thème 3. Ajout de modèle de bloc

Thème 4. Pseudo-classes et pseudo-éléments

Thème 5. Disponibilité

Thème 6. Marquage de formulaire

Thème 7. Merveilleux sélecteurs 

Thème 8. Formes de style

Thème 9. Linters, formateurs, automatisation

Thème 10. BEM, atomique

Thème 11. Git et Bash avancés
6 semaines

+2 projets en portefeuille
Site d'une page "C'est pour vous"
nécessaire".

Créez votre premier
site d'une page.

Écrire des styles CSS pour
Application "Regardez par la fenêtre".

Dans ce projet, vous travaillez
je dois écrire du CSS pour
application en cours d'exécution.

Module 3 Design, aménagement adaptatif, décoration

Apprenez un ensemble de techniques qui vous permettront d'afficher correctement
pages sur différents appareils et avec différents paramètres. Préparer
graphiques pour travailler avec différents écrans. Apprenez à organiser votre code
pour créer un thème de couleurs pour le site. Trions les outils de décoration
vos pages. Dégradés, ombres, filtres, modes de fusion: c'est tout
Ici. Apprenez à utiliser des graphiques vectoriels sur des pages et
utilisez des outils interactifs intégrés au HTML.
La cerise sur le gâteau du sprint, ce sont les animations de pages.

Sprint 3: Mise en page: réactivité et graphisme

Thème 1. Approches

Thème 2. Graphiques raster

Thème 3. Variables personnalisées

Thème 4. Unités et fonctions

Thème 5. Disposition en grille, partie 2

Thème 6. Développement d'interfaces pour différents appareils

Thème 7. Automatisation du formatage et peluchage

Thème 8. Postprocesseurs

Thème 9. Git pour adultes 

Sprint 4: Aménagement: décoration, approches et outils

Thème 1. Utiliser SVG

Thème 2. Transformations et transitions 2D

Thème 3. Animations

Thème 4. Décoration

Thème 5. Transformation 3D

6. Fenêtres modales

Thème 7. Moteurs de modèles

Thème 8. Préprocesseurs

Thème 9. Bases de conception
6 semaines,

+2 projets en portefeuille
Site Web adaptatif avec différents
thèmes de couleurs « Compliqué
se concentrer."

Vous créerez un site Web réactif en
différents thèmes de couleurs,
où toutes sortes de choses sympas sont collectées
des conseils pratiques pour ne pas
perdre sa concentration.

Conseil d'humeur

Application web "Moodboard"
que vous récupérez vous-même.
Le résultat est votre personnel
feuille de route avec les états,
que vous avez visité jusqu'à présent
suivi ce cours.

Module 4 JavaScript de base

Considérez les types de données, apprenez à travailler avec des conditions, des boucles
et fonctions. Apprenez le DOM. Découvrez comment ajouter une mise en page à un projet
utiliser JavaScript et ajouter de l'interactivité à la page: créer
formulaires interactifs avec vérification des données et travail avec des
événements.

Sprint 5: Bases de JavaScript: types, bases du DOM

Thème 1. Rappelez-vous tout

Thème 2. Comment trouver des solutions aux problèmes ?

Thème 3. Primitifs. Commencer 

Thème 4. Présentation du DOM

Thème 5. Débogage de JavaScript
6 semaines

+1 projet en portefeuille

Sprint 6: JavaScript: travailler avec des données, des tableaux, des fonctions et des objets

Thème 1. Méthodes pour travailler avec des données, des conditions, des cycles 

Thème 2. Créer, ajouter et supprimer des éléments dans le DOM 

Thème 3. Tableaux

Thème 4. Les fonctions 

Thème 5. Objets

Thème 6. Travail en équipe
1 projet pédagogique

(À l'achèvement)

Module 5 JavaScript avancé

Apprenez à écrire du code modulaire et à configurer une infrastructure
applications utilisant l'outil Webpack. Complexe maître

Concepts du langage JavaScript, asynchronie et échange de données avec le serveur.
Apprenez à travailler avec les événements utilisateur et à interagir

avec le serveur. Apprenez les opérations asynchrones et synchrones, faites connaissance

avec le concept Promesse.
Sprint 7: Plongez dans JavaScript: assemblage de code, gestion des événements,
validation du formulaire et utilisation de l'API

Thème 1. Construisez le projet. Pack Web

Thème 2. Modules en JS

Thème 3. JavaScript avancé. Asynchronie

Thème 4. Gestion des événements

Thème 5. Travailler avec des formulaires

Thème 6. Validation du formulaire

Thème 7. Travailler avec l'API
3 semaines,

+1 projet en portefeuille
Mesto

Créez votre propre service Web. Comment
ça ressemble à Instagram
il y aura une page interactive
avec des photos. Tu vas y arriver
du début à la fin: d'abord tout
tape-le, puis écris-le
logique en JavaScript. Mettez-vous en œuvre ?
validation du formulaire, ajout,
supprimer des photos et des likes
pour eux. Connectez votre projet
au serveur et l'héberger
sur Internet.

Module 6 TypeScript et POO

Familiarisez-vous avec un autre concept important: l’objet
programmation orientée (POO). Apprenez les principes
développement de logiciels et travail avec l'environnement. Appliquer les techniques de POO
dans le développement d'interfaces web. En savoir plus sur la suite logique
et l'extension des fonctionnalités de JavaScript dans le langage TypeScript. Apprendre
appliquez-le dans vos projets.

Sprint 8: TypeScript et POO

Thème 1. Introduction à TypeScript

Thème 2. Programmation orientée objet

Thème 3. Bases de TypeScript

Thème 4. TypeScript avancé et POO

6 semaines

+2 projets en portefeuille
Sprint 9: La POO dans les interfaces: des concepts simples et pas seulement

Thème 1. Principes de développement de logiciels

Thème 2. Travailler avec l'environnement

Thème 3. POO dans les interfaces

Thème 4. POO dans les interfaces: suite
1 projet pédagogique (pour
achèvement)

Une page
application de boutique en ligne en TypeScript
Style POO: Développer
interface de boutique en ligne
« Stand Web » avec catalogue
marchandises, panier et
fonction de conception
commande. Réalisez tout
dans les meilleures pratiques POO
en utilisant TypeScript.

Mois du projet
Vous concevrez et rédigerez les fonctionnalités de base d'un projet
du client et un projet pédagogique.
1 mois

Interfaces du module 7 utilisant React

Explorez la bibliothèque React et son écosystème. Apprendre à créer
et structurer les projets React, créer des composants et gérer
flux de données. Apprendre une approche fonctionnelle du développement React
et apprenez à écrire du code efficace et productif à l'aide de hooks.
Sprint 10: les bases de React

Thème 1. Concept et cadres du SPA

Thème 2. ARC. Mise en place et construction du projet

Thème 3. Syntaxe JSX

Thème 4. Composants et leur cycle de vie

Thème 5. useState et useEffect

Thème 6. Réagir aux outils de développement

Thème 7. Modules d'importation, modules CSS

Thème 8. Bibliothèques de composants. Travailler en isolement. Livre d'histoires
3 semaines,

+1 projet en portefeuille
1 projet pédagogique (pour
achèvement)

Module 8 Routage et autorisation

Apprenez à travailler avec l'état global et les API à l'aide de Redux.
Créez des écrans individuels dans l'application et configurez le routage
en utilisant React-Router-Dom, y compris ceux générés dynamiquement
itinéraires. Implémentez l’autorisation avec des jetons et des itinéraires protégés.

Sprint 11: Routage et autorisation

Thème 1. État global

Thème 2. Bibliothèque Redux

Thème 3. Réagir au routeur

Thème 4. Autorisation
3 semaines,

+1 projet en portefeuille

Burger stellaire :

Écrire des applications Stellar
Burger" pour commander de la nourriture au restaurant principal
page et compte personnel,
créer un stockage Redux,
et également mettre en œuvre le routage
et autorisation.
Module 9
Test des applications React
Apprenez à accélérer les applications React, testez-les,
mettez-les en production et publiez-les sur votre propre serveur distant.

Sprint 12: Test des applications React 

Thème 1. Optimisation (accélération de l'application)

Thème 2. Test des applications React: Jest, Cypress

Thème 3. Préparation du projet pour la production
3 semaines,

+2 projets en portefeuille
1 projet pédagogique (inversé
tâche)

Burger stellaire :

Maintenant couvre le tien
application de tests unitaires,
ainsi que l'intégration
tests utilisant des bibliothèques
Blague et Cyprès.
Module parallèle
Aide à l'emploi
Le parcours professionnel comprend deux étapes: le programme d'emploi et
programmes d’accélération.

Programme d'emploi

Ici, nous vous aiderons à rassembler tout ce dont vous avez besoin pour un emploi
artefacts et acquérir les compétences nécessaires. Vous rédigerez un CV, collecterez
portfolio, rédigez une lettre de motivation. Avec notre soutien
élaborer une stratégie de recherche et préparer les entretiens.

Programme d'accélération

C'est un travail de terrain. Vous postulerez à des postes vacants, écrivez
lettres de motivation, passer des tests et passer des entretiens.
Très probablement, vous recevrez de nombreux refus et nous les analyserons ensemble
erreurs pour améliorer les résultats. Cette étape se termine lorsque vous
Vous recevez une offre d'emploi que vous acceptez. En moyenne ceci
la recherche dure de un à trois mois.

Thème 1. Marché du travail

Thème 2. Travailler dans une équipe produit

Thème 3. Opportunités de développement en développement Web

Thème 4. Fixation d’objectifs et résumé

Thème 5. Lettre de motivation et portfolio

Thème 6. Stratégies de recherche d'emploi

Thème 7. Adaptation d'artefacts

Thème 8. Réalités du marché du travail, recherche d'emploi dans la capitale et en régions

Thème 9. Entretiens

Thème 10. Préparation d'un entretien

Thème 11. Programme d'accélération actif. De la réponse à l'invitation à
travail