1-1 Introduction au HTML5

1-2 Utilisation de base de vscode

1-3 installation du plug-in vscode

1-4 Qu'est-ce que HTML5

1-5 Nouvelles balises HTML5

1-6 Balises audio multimédia

1-7 Balises vidéo multimédia

1-8 Nouvelle balise d'entrée HTML5

1-9 Nouveaux attributs de formulaire HTML5

1-10 Résumé HTML5

1-11 Introduction à CSS3

1-12 Sélecteur d'attribut CSS3 (en haut)

1-13 Sélecteur d'attribut CSS3 (ci-dessous)

1-14 Sélecteur de pseudo-classe structurelle CSS3 (Partie 1)

1-15 nième enfant(n)

1-16 La différence entre le nième enfant et le nième de type

1-17 Résumé du sélecteur de pseudo-classe de structure

1-18 Sélecteur de pseudo-éléments CSS3

1-19 Cas du sélecteur de pseudo-éléments

1-20 Conversion 2D : traduire

1-21 Centrer une boîte horizontalement et verticalement

1-22 Rotation de la conversion 2D

1-23 Triangle CSS3

1-24 Définir le point central de conversion

1-25 Cas du point central de rotation

1-26 Échelle de conversion 2D

1-27 Cas d'agrandissement d'image

1-28 Étui pour bouton de recherche de personnes

1-29 Méthodes d'écriture complètes et problèmes de séquence pour la conversion 2D

1-30 Résumé de la conversion 2D

1-31 Utilisation de base de l'animation CSS3

1-32 séquence d'animation

1-33 Propriétés communes des animations CSS3

1-34 Abréviation d'animation CSS3

1-35 Cas de carte thermique Big Data (Partie 1)

1-36 Cas de carte thermique Big Data (partie 2)

1-37 Les étapes de la courbe de vitesse

1-38 Grosse valise Running Bear

1-39 Comprendre la transformation 3D

1-40 traduction 3D traduire3d

1-41 perspectiveperspective

1-42 traduction

1-43 Rotation 3D

1-44 Rotation 3D rotationY

1-45 Rotation 3D

1-46 Style de transformation de rendu 3D

1-47 Étui à rabat double face

1-48 Barre de navigation 3D (en haut)

1-49 Barre de navigation 3D (ci-dessous)

1-50 Cas complet de carrousel (partie 1)

1-51 Cas complet de carrousel (partie 2)

1-52 Préfixe privé et résumé du navigateur

2-1 Introduction à la disposition du flux de développement WEB mobile

2-2 Notions de base sur les terminaux mobiles

2-3 Fenêtre

2-4 balise méta-fenêtre

2-5 rapport pixel physique/pixel physique

2-6 Graphique double

2-7 Mise à l'échelle de l'arrière-plan

2-8 Double image d'arrière-plan et découpe multi-images

2-9 Options de développement mobile

2-10 Solutions technologiques mobiles

2-11 Style spécial mobile

2-12 Sélection de technologie mobile

2-13 Disposition fluide

2-14 Travail de préparation pour la page d'accueil mobile de JD.com

2-15 paramètres du corps

2-16 disposition de l'application

2-17 remplissage du contenu de l'application

2-18 Disposition du module de recherche

2-19 Production de contenu du module de recherche

2-20 Comment créer un graphique à double sprite

2-21 Production de cartes de focus

2-22 Production de modules de jour de marque

2-23 Production du module de navigation de la barre de navigation

2-24 Module Newsletter

2-25 Fin de la page d'accueil mobile de JD.com 2

3-1 Introduction à la mise en page flexible du développement WEB mobile

3-2 Expérience de mise en page flexible

3-3 principe de disposition flexible

3-4 flex définit la direction de la broche

3-5 justifier-contenu définit la disposition des sous-éléments de l'axe principal

3-6 Si les sous-éléments flex-wrap s'enroulent

3-7 align-items définit la disposition des éléments enfants sur l'axe transversal

3-8 align-content définit la disposition des éléments enfants sur l'axe transversal

3-9 flux flexible et résumé

3-10 Utilisation des propriétés flex enfants

3-11 align-self et ordre

3-12 Travail de préparation de la page d'accueil mobile Ctrip

3-13 Analyse de la mise en page de la page d'accueil et mise en page du module de recherche

3-14 Module de recherche créé par l'utilisateur

3-15 Production de modules de recherche Production de recherche

3-16 Production de modules de focus de carte de focus

3-17 disposition de navigation locale

3-18 production de contenu de navigation locale

3-19 Utilisez le sélecteur d'attribut pour modifier l'image d'arrière-plan

3-20 disposition de l'apparence de la navigation

3-21 production de contenu de navigation

3-22 Dégradé linéaire de fond

3-23 production de modules d'entrée de sous-navigation

3-24 Production de modules d'activités populaires

3-25 Plus de production de modules de bien-être

3-26 production du module sales-bd 3

4-1 Introduction au développement WEB mobile avec mise en page adaptative

4-2 unité rem

4-3 Introduction à la syntaxe des requêtes multimédias

4-4 Décoloration de l'arrière-plan du dossier Media Query

4-5 Media query + rem réalise des changements dynamiques de taille des éléments

4-6 La requête multimédia introduit des ressources

4-7 Inconvénients du CSS

4-8 Introduction à LESS et utilisation de variables

4-9 less compiler un plug-in sans effort

4-10 moins de nidification

4-11 moins d'opération

4-12 Principe du schéma d'adaptation rem

4-13 plan d'adaptation définitif du rem

4-14 Page d'accueil de Suning production commune.moins

4-15 Style d'importation de la page d'accueil Suning

4-16 Paramètres de style de corps de la page d'accueil Suning

4-17 Disposition du module de contenu de recherche de la page d'accueil Suning

4-18 Disposition du contenu de recherche de la page d'accueil Suning

4-19 Production du module de recherche de page d'accueil Suning

4-20 Production de bannières de page d'accueil et de modules publicitaires Suning

4-21 Production de pièces de navigation sur la page d'accueil de Suning

4-22 solution d'adaptation rem 2 introduction à flexble.js

4-23 solution d'adaptation rem 2 Préparatifs préliminaires de la page d'accueil de Suning

4-24 schéma d'adaptation rem modification du style 2body

4-25 Un plug-in vscode magique cssrem

4-26 Modifier la taille de police HTML par défaut flexible

4-27 solution d'adaptation rem 2 recherche-contenu production de contenu 1

4-28 solution d'adaptation rem 2 recherche-contenu production de contenu 2

5-1 Introduction réactive au développement Web mobile

5-2 Principes de développement réactif

5-3 Conteneur de mise en page réactif

5-4 Étui de navigation réactif

5-5 Introduction à Bootstrap

5-6 Utilisation du bootstrap (partie 1)

5-7 Utilisation du bootstrap (partie 2)

5-8 Conteneur de mise en page Bootstrap

5-9 Système de grille Bootstrap

5-10 Utilisation du système de grille Bootstrap (Partie 1)

5-11 Utilisation du système de grille Bootstrap (Partie 2)

5-12 Imbrication de colonnes Bootstrap

5-13 Décalage de la colonne Bootstrap

5-14 Tri des colonnes Bootstrap

5-15 Outils réactifs Bootstrap

5-16 Analyse de la demande d'Alibaba Baixiu

5-17 Travaux préparatoires pour Ali Baixiu

5-18 Modifier la largeur maximale du conteneur

5-19 Production du logo Alibaba Baixiu

5-20 Alibaba Baixiu nav production introduit des icônes de police

5-21 Produit par Ali Baixiu News (Partie 1)

5-22 Produit par Ali Baixiu News (Partie 2)

5-23 Alibaba Baixiu publie la production de modules

5-24 Alibaba Baixiu met à part la production de modules

5-25 Production réactive du logo Alibaba Baixiu

5-26 Production réactive d'Alibaba Baixiu nav

5-27 Production réactive aux actualités d'Alibaba Baixiu

5-28 Alibaba Baixiu publie une production réactive

5-29 Résumé du développement des terminaux mobiles