Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]

• Chapitre1 environnement de développement
• 1-1 Installer l'éditeur VScode
• 1-2 Installer Chrome Google Chrome
• 1-3 Installation et utilisation du plug-in universel VScode
• 1-4 Démarquage VScode et paramètres de police
• 1-5 règles de grammaire de démarque
• 1-6 Bases du HTTP
• 1-7 Analyse des termes courants dans le développement Web
• 1-8 structure du document HTML
• 1-9 Étiquette simple et double étiquette
• 1-10 Affichage pratique des pages front-end
• Chapitre2 Configuration de l'environnement de développement et balises HTML courantes
• 2-1 Utilisation du plug-in Live Server
• 2-2 Relation entre le client et le serveur local
• 2-3 Rédiger des documents de démarque
• 2-4 icône de fichier personnalisé vscode
• 2-5 Laissez le code voler – Syntaxe Emmet
• 2-6 attributs communs HTML et attributs par défaut
• 2-7 attributs d'événement HTML et attributs personnalisés
• 2-8 Balises sémantiques de mise en page couramment utilisées
• Chapitre3 Introduction aux balises HTML courantes
• 3-1 Balise Image-Link-List
• 3-2 Implémenter des listes de graphiques et de textes et la navigation
• 3-3 Explication détaillée des tableaux HTML
• 3-4 Formulaire moyen d'interaction de données
• 3-5 Soumission du formulaire HTTP POST
• 3-6 Masquer et afficher la boîte de mot de passe du formulaire
• 3-7 bouton radio
• 3-8 case à cochercase à cocher
• 3-9 Menu déroulant Contrôle de formulaire
• 3-10 type de bouton de formulaire
• 3-11 L'élément iframe en ligne charge la carte Baidu
• 3-12 La balise vidéo charge la courte vidéo de Douyin
• 3-13 Une petite expérience pratique avec les frames en ligne : création d'une page d'accueil backend allégée
• Chapitre4 Sources et sélecteurs de style CSS
• 4-1 Objectifs de programmation CSS
• 4-2 Interpréter les sources de style d'élément
• 4-3 Problème de priorité de référence de style
• 4-4 héritage de style
• 4-5 Explication complète des sélecteurs de base
• 4-6 sélecteur de niveau
• 4-7 Analyse détaillée du poids des sélecteurs
• Chapitre5 Décrire en détail les pseudo-classes, les modèles de boîtes et la mise en page réactive
• 5-1 Sélecteur de pseudo-classe structurelle
• 5-2 Paramètres du sélecteur de pseudo-classe
• 5-3 Correspondance rapide de pseudo-classe
• 5-4 Forme pseudo-classe
• 5-5 Utilisation d'icônes de police
• 5-6 Artefact de mise en page - modèle de boîte
• 5-7 unité de mise en page CSS
• 5-8 Unités de fenêtre vh-vw
• 5-9 Styles de tableaux couramment utilisés (pseudo-classes)
• Chapitre6 Requêtes média, positionnement et flex, grille
• 6-1 Requête multimédia – adaptation de la mise en page mobile
• 6-2 Éléments de positionnement et de positionnement
• 6-3 Pratique de positionnement de la boîte modale de connexion
• 6-4 disposition flexible et flexible - conteneur
• 6-5 Propriétés dans le conteneur flexible
• 6-6 propriétés de l'élément flexible
• Chapitre7 Principes de mise en page mobile et mise en page en grille
• 7-1 Fenêtre d'affichage (fenêtre de mise en page, fenêtre visuelle, fenêtre idéale)
• 7-2 Solution de mise en page mobile (rem+vw)
• 7-3 Propriétés du conteneur de grille et propriétés du projet
• 7-4 Gameplay avancé de disposition en grille
• 7-5 Grid implémente la disposition du Saint Graal
• 7-6 Composant de disposition de grille personnalisé
• 7-7 Cas pratique de disposition en grille
• Chapitre8 Environnement de développement JavaScript efficace et nouvelle base de programmation
• 8-1 Installez Node.js pour exécuter des scripts JavaScript
• 8-2 Membres dans le flux d'exécution du code et du programme
• 8-3 Réutilisation de variables (données) et de blocs de code (programmes)
• 8-4 Une brève analyse des fonctions JavaScript
• 8-5 Portée JavaScript et chaîne de portée
• 8-6 Constantes JavaScript
• 8-7 Convention de dénomination des identifiants
• Chapitre9 Décrire les fonctions et les types de données en détail
• 9-1 Comment les fonctions anonymes sont exécutées
• 9-2 Fonctions fléchées et scénarios d'utilisation
• 9-3 ...Utilisation classique des paramètres de repos
• 9-4 valeur de retour de la fonction
• 9-5 Type de données JS - tableau
• 9-6 Objet JS - encapsulation des données et des méthodes
• 9-7 Identité cachée et utilisation des fonctions JS
• Chapitre10 Contrôle de processus et littéraux de modèles
• 10-1 Contrôle de processus : branche unique et branche double
• 10-2 contrôle de processus multibranches
• 10-3 boucle de jugement de type entrée while
• 10-4 pour、pour-de、pour-dans循环
• 10-5 Une approche simplifiée des littéraux d'objet
• 10-6 Littéraux de modèle et fonctions de modèle
• Chapitre11 Fermetures/Classes et Objets/Déstructuration/Navigateur JS
• 11-1 Fermeture : la fonction partielle implémente le partitionnement des données
• 11-2 Fonction JS pure
• 11-3 Propriétés de l'accesseur JS
• 11-4 Classes et objets JS
• 11-5 Héritage de classe (extension)
• 11-6 Utilisation des propriétés d'accesseur dans les classes JS
• 11-7 Affectation de déstructuration - déstructuration de tableaux et déstructuration d'objets
• 11-8 JS dans le navigateur
• 11-9 Récupérer et manipuler des éléments DOM
• Chapitre12 Combats et événements réels du DOM
• 12-1 Récupérer les éléments du formulaire DOM
• 12-2 Parcourez l'arborescence DOM
• 12-3 Ajouter, supprimer et modifier des éléments DOM
• 12-4 Contenu de l'élément d'opération JS
• 12-5 Pratique de fonctionnement du DOM : forum de messages
• 12-6 Propriétés personnalisées : objet d'ensemble de données
• 12-7 Attribut de classe d'opération JS - objet classList
• 12-8 Ajouter et supprimer des événements
• Chapitre13 Mécanisme d'exploitation JS et API communes pour les chaînes et les tableaux
• 13-1 Bullage événementiel et délégation événementielle
• 13-2 Résumé des événements du formulaire
• 13-3 Mécanisme d'exécution JS : thread unique + boucle temporelle
• 13-4 Démo asynchrone monothread
• 13-5 API couramment utilisées dans les chaînes
• 13-6 Une collection complète d'opérations sur les tableaux js (méthodes pop, push, unshift, delete, shift)
• 13-7 Méthodes d'itération et de parcours de tableau
• 13-8 Opérations de séparation, d'inversion, d'épissage et de mise à jour des tableaux
• Chapitre14 Combat classique JS
• 14-1 JS natif en action : onglets
• 14-2 Combat pratique : calcul automatique des articles du panier
• 14-3 Publication et abonnement d'événements
• 14-4 Combat pratique : 15 lignes de code pour implémenter un graphique carrousel
• 14-5 Combat pratique : chargement paresseux
• 14-6 Combat pratique : gestionnaire d'albums Web réactif
• Chapitre15 JSON, promesse et module de bon sens
• 15-1 Explication détaillée de JSON dans JS
• 15-2 requête de données asynchrone ajax-xhr
• 15-3 La vie passée et présente de Promise
• 15-4 Statut de la promesse : en attente réalisée rejetée
• 15-5 Déclenchez différents rappels en fonction du statut de la promesse
• 15-6 Récupérer l'API
• 15-7 Développement modulaire JS
• Chapitre16 Pratique du gestionnaire d'albums photos en ligne et bases de Node
• 16-1 Notions de base sur les nœuds
• 16-2 La commande Node exécute le script js
• 16-3 Commande npm pour installer et supprimer les dépendances du projet
• 16-4 npm installe les packages de dépendances globaux
• 16-5 Règles relatives au numéro de version du package
• 16-6 Vérification et mise à jour de la version du package
• Chapitre17 Principe de fonctionnement du nœud et introduction aux modules communs
• 17-1 Installation et synchronisation du plug-in de nœud
• 17-2 Le principe sous-jacent du modèle de conception CPS à Ndoe
• 17-3 Explication détaillée de la spécification CommomJS modulaire côté Nodejs
• 17-4 Explication détaillée du module http Nodejs
• 17-5 Module de fichiers Nodejs
• 17-6 Module de chemin Nodejs
• Chapitre18 Contrôle de version distribué Git
• 18-1 Principe de mise en œuvre du contrôle de version Git
• 18-2 initialisation de l'entrepôt local git
• 18-3 processus de soumission de code git
• 18-4 restauration du fichier de paiement git
• 18-5 Configurer l'entrepôt distant associé
• 18-6 tutoriel de configuration git ssh
• 18-7 Résumé des commandes git courantes
• Chapitre19 Principes de Vue et instructions communes
• 19-1 vue crée des pages dynamiques
• 19-2 Points de montage, instances de vue, injection de données, réactivité
• 19-3 utilisation de la directive v-text v-html v-once
• 19-4 Différentes façons d'écrire des styles de liaison dynamique vue
• 19-5 vue entrée liaison retardée bidirectionnelle
• Chapitre20 Événements, rendu de liste et communication des composants
• 20-1 liaison d'événement vue
• 20-2 v-pour le rendu de liste
• 20-3 rendu conditionnel de vue
• 20-4 modificateurs de clavier vue
• 20-5 Les propriétés calculées de Vue implémentent la fonction de panier d'achat
• 20-6 surveillance des données de surveillance de vue
• 20-7 Enregistrer le composant global vue
• 20-8 Le composant enfant reçoit les données du composant parent
• 20-9 Écouter les événements des composants enfants