Développeur Web à partir de zéro - cours 72 900 roubles. de Brunoiam, formation 9 mois, date du 27 novembre 2023.

instagram viewer

Bloc 1 - Bases des technologies web

• Fixer des objectifs personnels pour le cours
• Types de sites, fonctionnalités
• Étapes de création d'un site Internet, principaux métiers du secteur
• Technologies réseaux et protocoles Internet: TCP/IP, HTTP, HTTPS, FTP
• Hébergement et domaine, système DNS
• Modèle client et serveur
• Le rôle du navigateur et des éditeurs de code
• Configurer votre espace de travail
• Systèmes de contrôle de versions. Git

Bloc 2 - HTML

• Introduction au HTML: concepts de balises et d'attributs
• Encodage de texte HTML
• Balises pour former du texte
• Hyperliens et adresses de fichiers
• Liens d'ancrage
• Lien pour appeler et envoyer un email
• Tableaux en HTML
• balise img et ses attributs. Règles pour publier des photos. Formats d'images: lesquels choisir

Bloc 3 - CSS

• Syntaxe CSS de base
• Principaux types de sélecteurs: identifiants, classes, pseudo-classes
• Points de spécificité et priorités des règles
• Cascade et héritage immobilier
• Sélecteur contextuel et universel
• Propriétés du texte et de la police en CSS
• Connexion de polices externes
• Couleurs HEX et RVB. Ajout d'un arrière-plan uniforme aux éléments. Image d'arrière-plan de la page, paramètres d'arrière-plan

Bloc 4 - Modèle de bloc et mise en page de la page Web

• Comprendre les éléments de bloc et en ligne
• Propriétés clés des blocs
• Comment la taille des blocs et la taille des boîtes sont-elles calculées: border-box
• Qu'est-ce qu'un modèle de bloc
• Utiliser des blocs pour créer une mise en page
• Éléments de bloc en ligne
• propriété d'affichage
• Méthodes obsolètes de construction d'une mise en page: connues, ne peuvent pas être utilisées

Bloc 5 - Mises en page multi-colonnes avec Flexbox

• Balises sémantiques pour la conception de la mise en page
• Bases de Flexbox: conteneurs et éléments
• Alignement des éléments le long de l'axe principal et transversal
• Changement d'axes et alignement vertical des éléments
• Problèmes avec l'utilisation de Flexbox

Bloc 6 - Bases des éditeurs graphiques pour les maquettistes

• Travailler avec des images: recadrage, rognage
• Économie: format, qualité, poids
• Comment connaître le code couleur
• Outils de police
• Copie du CSS terminé
• Mesurer les distances: outils, paramètres
• Effets et leur copie
• Intégration de cartes et de vidéos

Bloc 7 - Positionnement

• Types de positionnement: statique, absolu, relatif, fixe
• Caractéristiques des différents types de positionnement
• z-index et contexte de superposition
• Quand et comment utiliser le positionnement
• Exemple de menu déroulant à plusieurs niveaux
• Résoudre les problèmes de positionnement typiques

Bloc 8 - Formulaires de commentaires

• Éléments de formulaire de base: saisie, sélection, zone de texte, bouton
• État du champ et pseudo-classes
• Case à cocher Éléments de sélection, radio, sélection
• Regroupement d'éléments: champs et légende
• Styles pour le pseudo-élément d'espace réservé
• Règles de rédaction des styles pour les formulaires
• Boutons de style

Bloc 9 - Conception Web réactive et adaptative

• Concept de conception Web adaptative et réactive
• Requêtes médiatiques
• Options de fenêtre et balise de fenêtre méta
• Problèmes entre navigateurs
• Validité du code, validateurs
• Caractéristiques des sites multipages
• Règles de mise en page pour la promotion SEO

Bloc 10 - Animation utilisant HTML5 et CSS3

• Transitions fluides pour créer des effets d'animation
• Animation utilisant des images clés
• Transformation des éléments
• Ajout d'éléments d'animation de base au site 

Bloc 11 – Bases de JavaScript

• Introduction à Javascript
• Variables et types de données
• Opérateurs mathématiques et conversion de type
• Opérateurs logiques
• Branches et instructions conditionnelles
• Fonctionnalités d'interaction utilisateur intégrées

Bloc 12 - Boucles et tableaux en JavaScript

• Tableaux
• Méthodes pour travailler avec des tableaux
• boucles for et while
• Tableaux imbriqués
• Travailler avec la console

Bloc 13 - Fonctions

• Définition d'une fonction. La fonction flèche et ses différences par rapport à la fonction habituelle. Expression de fonction et déclaration de fonction.
• Zone de visibilité. Comment ça fonctionne. Environnement lexical.
• Minuteries et fermeture. Fonctions setInterval, setTimeout, clearInterval, clearTimeout. Qu'est-ce qu'une fermeture et comment peut-elle être utilisée.
• Fonctions de rappel

Bloc 14 - Objets. DOMAINE. Événements

• Objets et dictionnaires. Comment créer des objets. Le mot-clé est le suivant. Obtenir, modifier et supprimer les propriétés d'un objet. Liens vers des objets.
• Héritage des prototypes. Comment fonctionne l'héritage des propriétés et des méthodes. Concepteurs.
• Des classes. Définition des classes et avantages d'utilisation. Expansion des cours. Méthodes privées et publiques. Getters et setters. Un exemple de création d'un programme utilisant des classes et une architecture MVP.
• DOMAINE. Modèle d’objet de page et pourquoi il est nécessaire. Rechercher des éléments sur une page et les récupérer. Énumération des éléments et propriétés de base.
• Événements

Bloc 15 - Animation et effets en JavaScript

• Animations Javascript. Modification des propriétés CSS des éléments. Courbe de Bézier. Exemples d'animations.
• Rendu dans le navigateur. Propriétés optimisées. fonction requestAnimationFrame.
• Bibliothèques avec animations

Bloc 16 - Éléments interactifs

• Glissière
• Accordéon
• Info-bulle

Bloc 17 - Node.js

• Introduction à Node.js. Fonctionnalités Node.js. En bref sur les modules et leurs objectifs: fs, child_process, https.
• MNP. Commandes de base du gestionnaire de packages npm. Initialisation du projet et installation des premiers packages. structure package.json.
• Bases du Webpack. Pourquoi avons-nous besoin d’assembleurs et quelles étapes peuvent être automatisées? Config et automatisation du build du premier Webpack: minification du code, concaténation des modules et utilisation du préprocesseur SCSS.
• Préprocesseur SCSS. Avantages des préprocesseurs. Un petit aperçu des différences entre certains: SCSS, SASS, Less, post-css. Constructions de base: variables, mixins, fonctions.

Bloc 18 - Travailler avec le serveur

• API de promesse
• Contacter le serveur et la classe XMLHttpRequest
• méthode de récupération
• Bibliothèque Axios

Bloc 19 - Bases de React

• Composants et JSX
• État du composant
• Crochets
• Composants de style
• Réagir-Routeur

Unité 20 - Bases de TypeScript

• Typage statique
• Interfaces et types
• Types d'énumérations

Bloc 21 - Présentation de la feuille de route des développeurs JS

• En bref sur la façon de se développer davantage en tant que développeur et sur ce qu'il faut étudier 

Bloc 22 - Bases de la programmation PHP

• Objectif des technologies de serveur
• Serveur Web local et domaine
• Création de pages Web dynamiques
• Le concept des systèmes CMS
• Hébergement de sites Web
• Protocole FTP pour télécharger des fichiers
• Résumer et terminer le projet

Taux de bonification

Cours gratuit "Apprendre à apprendre"

Nous donnons accès à ce cours à chaque étudiant afin que la formation ne soit pas gaspillée. Le problème est que les gens n’obtiennent pas de résultats grâce à la formation. Il y a trois raisons principales:

• Il n'y a pas d'objectifs clairs. Et même ceux qui comprennent l’importance des objectifs ne le font toujours pas. Je veux changer de travail et devenir un gestionnaire de réseaux sociaux sympa - ce n'est pas un objectif, mais un désir. Avec ce réglage, le résultat sera approprié.
• Abandonner l’apprentissage à mi-parcours. Beaucoup de gens trouvent la motivation dès la première semaine. Mais il est impossible d’arriver au bout. Parce que le cerveau n’aime pas apprendre régulièrement.
• Manque de cohérence. C’est un phénomène assez courant lorsque nous nous saisissons d’une information sur un sujet choisi, que nous avançons au hasard et, par conséquent, en vain.

Pourquoi avons-nous mis en avant ces trois raisons? Parce que nous enseignons depuis 11 ans et que nous recevons les retours des étudiants. Pendant le cours, nous vous expliquons comment appliquer toutes ces précieuses connaissances dans la vie.