Plan du cours

structure du document HTML

Bases CSS 1

Bases CSS 4

Balise de texte HTML chinois 1

Balise de texte HTML chinois 2

Contrôle de texte HTML 1

Contrôle de texte HTML 2

Pourquoi apprendre le HTML en apprenant le PHP ?

Pourquoi choisir PHP comme langage de développement back-end ?

Pourquoi PHP choisit-il des projets de développement de framework ?

Quelle est l’essence des éléments, des balises et des attributs en HTML ?

Comment utiliser des étiquettes simples et doubles

Introduction aux scénarios d'utilisation des balises couramment utilisées

Introduction aux éléments de formulaire

Pratique du formulaire d'inscription à la connexion

Unités d'éléments communs en CSS

Le principe de l'héritage de style en CSS

Comment gérer les conflits de style en CSS

Sélecteurs CSS à connaître absolument (1)

Sélecteurs CSS incontournables (2)

Sélecteurs CSS incontournables (3)

Détails boîte modèle 1

Détails boîte modèle 2

Quatre scénarios courants pour l'alignement des éléments

Exemples expliquant le positionnement relatif

Exemples pour expliquer le positionnement absolu

Principe et pratique du positionnement fixe

Flotteur et flotteur clair

Conseils pour résoudre l'effondrement en hauteur du conteneur parent causé par le flottement

Mise en œuvre pratique de technologies mixtes graphiques et textuelles

Le positionnement absolu implémente une disposition à trois colonnes

Shuangfei espère réaliser une disposition à trois rangées

Holy Grail implémente une disposition à trois colonnes

Introduction aux nouveaux éléments de mise en page sémantique en HTML5

Pratique de mise en page : système de gestion backend (1)

Pratique de mise en page : système de gestion backend (2)

Layout en pratique : système de gestion backend (3)

bases de la syntaxe js (1)

bases de la syntaxe js (2)

bases de la syntaxe js (3)

bases de la syntaxe js (4)

bases de la syntaxe js (5)

Bases du déclenchement d'événements en js

Combat pratique : album photo Internet

Version optimisée de l'album photo du site Web

Utilisez js pour implémenter un boîtier de calculatrice entièrement fonctionnel

Introduction JSON et exemple de démonstration

Introduction à Ajax et propriétés et méthodes communes

Pratique Ajax : obtenir du contenu HTML

Ajax en pratique : validation de formulaire (1)

Ajax en pratique : validation de formulaire (2)

Une introduction aux bases de la manipulation du DOM

Comment obtenir un élément basé sur l'attribut id ?

Comment obtenir un élément en fonction de son attribut name ?

Comment obtenir un élément en fonction du nom de la balise ?

Attribut de nom et raccourci de nom de balise pour obtenir des éléments

Comment obtenir des éléments via l'attribut de classe ?

Comment obtenir des éléments via le sélecteur CSS ?

Comment parcourir l’arborescence des documents via les méthodes DOM ?

Comment manipuler les attributs des éléments HTML ?

Comment gérer le contenu des éléments HTML ?

Opérations de création/insertion/suppression/mise à jour de nœuds DOM

Echauffement pratique : Principe de génération de messages de chat

Combat pratique : simulation d'un système de service client en ligne intelligent (1)

Combat pratique : simulation d'un système de service client en ligne intelligent (2)

Importation jQuery et objets jQuery

Méthodes et propriétés de base couramment utilisées de jQuery

Opérations d'attribut et de contenu dans jQuery

Opérations CSS dans jQuery

Sélecteurs communs dans jQuery

Opérations DOM courantes dans jQuery

Traversée d'éléments dans jQuery

Connaissances de base en animation dans jQuery

Comment utiliser les événements de base dans jQuery

Combat pratique : Version web du gestionnaire d'album photo (1)

Combat pratique : Version web du gestionnaire d'album photo (2)

Explication approfondie et application pratique de la méthode load()

Explication détaillée de la fonction $.get() et application pratique

Une explication détaillée de la fonction $.getJSON() et de son utilisation pratique

Description détaillée de la fonction $.getScript() et du combat réel

Description détaillée de la fonction $.post() et du combat réel

Explication détaillée de la méthode ultime $.ajax() et du combat réel

Menu de liaison pratique à trois niveaux entre la province et la ville d'Ajax

Principes d'importation et de mise en page

Étapes de base et exemples de mise en page

Opérations de base et contrôle du style des tables

Formulaire vertical par défaut et opérations de groupe de contrôle

Conseils pour créer des formulaires en ligne

Création et exploitation de formulaires horizontaux

Contrôles statiques, en lecture seule et désactivés dans les formulaires

Styles prédéfinis de boutons couramment utilisés

Styles prédéfinis d’images couramment utilisés

Comment définir les couleurs de premier plan et d'arrière-plan du texte

Comment ajouter des icônes de police et des scénarios d'utilisation

Comment créer et activer des menus déroulants

Conseils pour créer des groupes de boutons et des menus déroulants fractionnés

Comment créer et utiliser le groupe de zones de saisie

Méthodes courantes de configuration de la navigation par onglets et capsules

Explication détaillée de chaque composant de la barre de navigation

Styles courants et techniques de configuration pour la pagination

Comment configurer des étiquettes et des badges et comment les utiliser

Comment installer l'écran géant et l'utiliser en pratique

Création de vignettes et analyse de scénarios d'utilisation

Comment utiliser le composant de boîte d'alerte

Scénarios d'utilisation pour les groupes de listes

Scénarios d'utilisation des panneaux et autres composants

Composition de boîte modale et compétences en configuration

Comment configurer les onglets

Plusieurs scénarios courants pour les plug-ins de boîte d'avertissement

Création de plug-ins et de menus pliables

Étapes de production détaillées des images carrousel

Élaborer sur les idées de conception MVC

Élaborer sur les idées de conception MVVM

Importation et instanciation de Vue.js

Points de montage et rendu variable

Rendu de modèle, ajout d'attributs et méthodes d'événement

Liaison bidirectionnelle des données du modèle et des variables de page

Listener : répondez aux changements en temps réel dans les variables de la page