Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]-Tutoriel vidéo en ligne gratuit-php.cn

communauté Apprendre Bibliothèque d'outils Loisirs

Français

Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

Shangyouyou est un projet de centre commercial qui applique de manière exhaustive les technologies HTML, CSS et JavaScript. Il convient aux débutants qui débutent dans le front-end pour établir une base solide et accumuler une expérience de projet. Le projet est très pratique. Non seulement il trie et intègre les connaissances de base du front-end, mais il fournit également un terrain de formation pour les applications pratiques de technologies plus courantes à l'avenir.

Élémentaire

css

html

js

23923 personne qui apprend

39heure de cours

08 hours 11 minutes 35 secondsDurée totale du cours

ise à jour

王林

Conférencier d'or

Total180 Cours Étudiants180304 Évaluation de l'instructeur5.1

有朋自远方来，虽远必诛！Plus>>

Introduction au cours Plan de cours Autres cours

Tu vas apprendre：

Shangyouyou est un projet de centre commercial qui applique de manière exhaustive les technologies HTML, CSS et JavaScript. Il convient aux débutants qui débutent dans le front-end pour établir une base solide et accumuler une expérience de projet. Le projet est très pratique. Non seulement il trie et intègre les connaissances de base du front-end, mais il fournit également un terrain de formation pour les applications pratiques de technologies plus courantes à l'avenir.

Projet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

Chapitre1 Mise en page
développer se rétracter

Section1 Description du projet
durée： 05 minutes 15 seconds

Section2 Construction de la mise en page d'enregistrement de connexion
durée： 16 minutes 17 seconds

Section3 Construction de la disposition des listes
durée： 07 minutes 14 seconds

Section4 logo et champ de recherche
durée： 07 minutes 14 seconds

Section5 Disposition de navigation par catégorie de produits
durée： 07 minutes 19 seconds

Section6 Disposition de la navigation par chemin
durée： 07 minutes 33 seconds

Section7 Rendu dynamique des données de navigation sur chemin
durée： 14 minutes 49 seconds
Chapitre2 effet loupe
développer se rétracter

Section1 Construction de la disposition en loupe à gauche
durée： 13 minutes 27 seconds

Section2 Effet de mouvement d'entrée et de sortie de la souris en forme de loupe
durée： 13 minutes 41 seconds

Section3 Déplacez la souris en forme de loupe pour réaliser l'effet de glissement des éléments du masque
durée： 16 minutes 11 seconds

Section4 Contrôle des limites pour le mouvement des éléments de masque
durée： 06 minutes 53 seconds

Section5 Le déplacement de la loupe permet d'obtenir l'effet de déplacer de grands éléments de l'image dans des proportions égales
durée： 13 minutes 33 seconds

Section6 Effet de construction de la disposition des vignettes de la loupe
durée： 12 minutes 50 seconds

Section7 Rendu dynamique des données miniatures de la loupe
durée： 09 minutes 06 seconds

Section8 Cliquez sur la vignette pour modifier l'image en une image plus petite ou plus grande.
durée： 19 minutes 15 seconds

Section9 Analyse sur le principe de l'effet carrousel d'images en cliquant sur les flèches gauche et droite des vignettes
durée： 08 minutes 09 seconds

Section10 Calculez la distance de chaque mouvement d'image et la distance de ul mouvement
durée： 17 minutes 28 seconds
Chapitre3 Produits à droite
développer se rétracter

Section1 La disposition de l'introduction détaillée de la partie supérieure du produit à droite
durée： 24 minutes 04 seconds

Section2 Une explication détaillée de la partie supérieure du produit à droite introduit le rendu dynamique des données
durée： 15 minutes 00 seconds

Section3 Construction de la disposition des paramètres du produit pour la moitié inférieure du produit à droite
durée： 10 minutes 12 seconds

Section4 Rendu dynamique des données des paramètres du produit dans la moitié inférieure du produit à droite
durée： 17 minutes 04 seconds
Chapitre4 Paramètres du produit
développer se rétracter

Section1 Cliquez sur la couleur du texte de la première ligne des paramètres du produit pour des effets exclusifs
durée： 16 minutes 22 seconds

Section2 Utiliser des fonctions de fermeture pour résoudre des problèmes variables dans les événements en boucles
durée： 18 minutes 28 seconds

Section3 Implémenter la construction de la mise en page des résultats de sélection
durée： 04 minutes 25 seconds

Section4 Cliquez sur les paramètres du produit pour ajouter dynamiquement les résultats correspondants.
durée： 18 minutes 38 seconds

Section5 Cliquez sur le bouton Supprimer pour supprimer les données de paramètres correspondantes
durée： 19 minutes 36 seconds

Section6 Fonction de changement de prix du forfait
durée： 17 minutes 32 seconds
Chapitre5 onglet centre gauche
développer se rétracter

Section1 Construction de la présentation du panier et du prix d'achat
durée： 08 minutes 57 seconds

Section2 La disposition structurelle globale de l'onglet du milieu à gauche
durée： 13 minutes 12 seconds

Section3 Construction de la disposition spécifique du contenu de l'onglet du milieu à gauche
durée： 10 minutes 05 seconds
Chapitre6 onglet central droit
développer se rétracter

Section1 Choisissez la disposition structurelle globale qui correspond au côté droit du milieu
durée： 16 minutes 54 seconds

Section2 Sélectionnez l'effet de liaison des prix du forfait lorsque la case est cochée dans la colocalisation
durée： 15 minutes 57 seconds

Section3 Création de la disposition de l'onglet du milieu à droite
durée： 13 minutes 27 seconds
Chapitre7 Barre de navigation droite
développer se rétracter

Section1 Encapsuler une fonction d'onglet public et appeler
durée： 18 minutes 38 seconds

Section2 Construction de la partie travail de la barre de navigation droite
durée： 09 minutes 56 seconds

Section3 Construction de la disposition médiane de la barre de navigation de droite
durée： 15 minutes 39 seconds

Section4 Mise en place de l'état de commutation en cliquant sur la barre de navigation de droite
durée： 11 minutes 15 seconds

王林 Conférencier Autres cours

ÉlémentaireCollection complète de questions d'entretien dans les disciplines front-end (Saison 1)

22828
Collection
ÉlémentaireBoîte flexible + pratique de mise en page réactive

8833
Collection
ÉlémentaireCréer un site Web réactif à partir de zéro : disposition en grille

17317
Collection
ÉlémentaireLe cours HTML+CSS le plus simple à comprendre en 9 jours

43832
Collection
ÉlémentaireTutoriel de base pour démarrer avec le front-end Web

236006
Collection
ÉlémentaireDéveloppement Web front-end - Guide d'admission à la programmation Zero Basic

65611
Collection
ÉlémentaireHTML5+CSS3 de base front-end de l'entrée à la maîtrise (version complète)

295382
Collection
ÉlémentaireLe dernier tutoriel CSS3 est rapide et facile à comprendre

22151
Collection
ÉlémentaireLe modèle de boîte flexible CSS3 Flex fait voler la mise en page

27990
Collection
ÉlémentaireApprenez la mise en page DIV+CSS en une journée (cinq exercices pratiques)

10842
Collection
ÉlémentaireProjet de pratique HTML5+CSS [Site officiel de Hand Knock Onmyoji]

10598
Collection
ÉlémentaireMise en page mobile : HTML5+CSS3 version avancée et améliorée

120554
Collection

Commencer à apprendre

Ce cours comprend：

08 hours 11 minutes 35 seconds regarder la vidéo à tout moment

0 télécharger les ressources

Cours populaires Derniers cours

Plus>