{"product_id":"138706","title":"Animation Web interactive pour les développeurs front-end ","description":"\u003ccenter\u003e\u003cdiv style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/tmgdisk01.cafe24.com\/images\/vs\/4172\/sv\/3jXPCfBVw5Yn7JvnxyrZ4eLVrTVTBH.png?v=1765066996\" style=\"max-width:100%;max-height:10px\"\u003e\u003c\/div\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\u003ccenter\u003e\n\n\u003cdiv style=\"width:95%\"\u003e\n\n\u003cdiv style=\"text-align:center;font-size:30px;font-weight:bolder;line-height:1.6em\"\u003e Animation Web interactive pour les développeurs front-end \u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"border-bottom:1px;border-bottom-style:dotted;border-color:;padding-bottom:20px\"\u003e\u003ccenter\u003e\u003ctable align=\"center\" width=\"100%\"\u003e\u003ctbody style=\"border:0px\"\u003e\n\n\u003ctr\u003e\u003ctd align=\"center\" style=\"line-height:1.2em;text-align:center;font-size:18px;color:black;font-weight:bold;padding-bottom:20px;\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\n\u003ctr\u003e\u003ctd style=\"text-align:center\"\u003e\u003cimg src=\"https:\/\/image.yes24.com\/goods\/148062602\/XL\" style=\"max-width:100%;height:auto\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/center\u003e\u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"width:95%;{split_style6}padding-top:20px;padding-bottom:20px\"\u003e\n\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003e Description \u003c\/div\u003e\n\n\u003cdiv style=\"text-align:left;word-break:break-all;font-size:14px;line-height:1.6em;\"\u003e\n\n\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eIntroduction au livre\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e \u003cb\u003eDes développeurs web aux designers,\u003cbr\u003e Un guide pratique d'utilisation interactive du Web pour tous !\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e « Interactive Web Animation for Front-End Developers » est l'un des livres de développement web les plus pratiques disponibles.\u003cbr\u003e En mettant en œuvre des effets d'animation réellement utilisés, vous pouvez acquérir des connaissances techniques ainsi que des méthodes de mise en œuvre.\u003cbr\u003e De plus, le livre se concentre sur l'expérience utilisateur (UX) et explique comment appliquer des animations et améliorer l'expérience utilisateur. \u003cbr\u003eCe contenu est très utile et précieux non seulement pour les développeurs web, mais aussi pour les concepteurs UX, les designers, les planificateurs et tous ceux qui créent des services web.\u003cbr\u003e\u003cbr\u003e Ce livre est principalement divisé en 12 chapitres.\u003cbr\u003e Les chapitres 1 à 5 couvrent les concepts de base du HTML, du CSS et du JavaScript avant de passer à la pratique du développement web interactif.\u003cbr\u003e Plus précisément, le chapitre 1 traite de la mise en place d'un environnement pour le développement web front-end, le chapitre 2 traite des concepts HTML de base, le chapitre 3 traite des concepts CSS de base et le chapitre 4 traite des connaissances supplémentaires pour le web interactif.\u003cbr\u003e Le chapitre 5 complète les concepts de base de JavaScript, et à partir du chapitre 6, nous mettrons en œuvre et pratiquerons diverses applications Web interactives utilisées dans le travail réel.\u003cbr\u003e À partir du chapitre 11, vous apprendrez à créer du contenu web interactif avancé et des jeux web en utilisant le framework React et la bibliothèque Three.js. \u003cbr\u003eGrâce à une approche pratique, vous pouvez immédiatement appliquer le code finalisé à votre portfolio, ce qui rend ce livre idéal pour les lecteurs souhaitant comprendre le développement web interactif.\u003cbr\u003e\n\n\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cul\u003e\u003cli\u003e Vous pouvez consulter un aperçu du contenu du livre.\u003cbr\u003e \u003cspan\u003eAperçu\u003c\/span\u003e\n\n\u003c\/li\u003e\u003c\/ul\u003e\u003c\/div\u003e\n\u003c\/div\u003e \",\"\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eindice\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e Chapitre 1 : Développement front-end web : Préparation de votre environnement de travail\u003cbr\u003e Intégration individuelle au développement front-end\u003cbr\u003e 1-2 Configuration de votre environnement de travail - navigateur, Node.js\u003cbr\u003e 1-3 Configuration de l'environnement de travail - IDE\u003cbr\u003e 1-4 Configuration de votre environnement de travail - Installation et configuration des extensions VS Code\u003cbr\u003e\u003cbr\u003e Chapitre 2 : Apprendre la grammaire HTML\u003cbr\u003e 2-1 HTML (Hyper Text Markup Language)\u003cbr\u003e 2-2 La balise 〈meta〉 et son fonctionnement dans les navigateurs\u003cbr\u003e 2-3 Types d'éléments HTML et débogage HTML\u003cbr\u003e 2-4 Apprendre les éléments HTML de base couramment utilisés\u003cbr\u003e\u003cbr\u003e Chapitre 3 : Apprendre la grammaire CSS\u003cbr\u003e 3-1 Fichiers CSS et paramètres de base\u003cbr\u003e 3-2 Utilisation des sélecteurs CSS\u003cbr\u003e Mise en page CSS 3-3\u003cbr\u003e 3-4 Utilisation des ressources des pages Web\u003cbr\u003e\u003cbr\u003e Chapitre 4 : Ajout d’interfaces utilisateur et d’expérience utilisateur au Web\u003cbr\u003e 4-1 Qu'est-ce que le Web interactif ? \u003cbr\u003e4-2 Dévoiler progressivement la disposition\u003cbr\u003e Animation de la liste de cartes 4-3\u003cbr\u003e 4-4 Utilisation du SVG\u003cbr\u003e 4-5 Site Web Responsive\u003cbr\u003e\u003cbr\u003e Chapitre 5 : Apprendre la grammaire JavaScript\u003cbr\u003e 5-1 Création d'un fichier JavaScript\u003cbr\u003e 5-2 Configuration de JavaScript\u003cbr\u003e 5-3 Utilisation du DOM JavaScript\u003cbr\u003e 5-4 Événements JavaScript\u003cbr\u003e 5-5 Fonctions JavaScript\u003cbr\u003e 5-6 Traitement asynchrone\u003cbr\u003e\u003cbr\u003e Chapitre 6 : Création d’une interface utilisateur de chargement de carte réactive\u003cbr\u003e 6-1 Mise en page réactive des cartes et interface utilisateur de type spinner\u003cbr\u003e 6-2 Interface utilisateur de chargement SVG\u003cbr\u003e 6-3 Interface utilisateur squelette\u003cbr\u003e\u003cbr\u003e Chapitre 7 : Connexion interactive attrayante\u003cbr\u003e 7-1 Modèle de formulaire de connexion\u003cbr\u003e 7-2 Mise en œuvre d'un œil qui suit le champ de saisie\u003cbr\u003e\u003cbr\u003e Chapitre 8 : Tableaux de bord adaptatifs utilisant une mise en page en grille et une interface utilisateur dynamique\u003cbr\u003e 8-1 Création d'un tableau de bord à l'aide d'une grille\u003cbr\u003e 8-2 Création d'une interface utilisateur de type carte et d'une interface utilisateur de type liste avec un seul fichier HTML\u003cbr\u003e 8-3 Création d'un menu mobile (position fixe)\u003cbr\u003e 8-4 Mode sombre et mode clair\u003cbr\u003e Mise en œuvre de la fonctionnalité 8-5 Like\u003cbr\u003e 8-6 Sauvegarde de l'état lors de la fermeture d'une page web\u003cbr\u003e 8-7 Création d'une fonction de recherche\u003cbr\u003e \u003cbr\u003eChapitre 9 : Créer une page de destination qui convertit les pages\u003cbr\u003e 9-1 Balisage optimisé pour le référencement naturel\u003cbr\u003e 9-2 Animation pleine page utilisant le défilement avec alignement et la chronologie d'animation\u003cbr\u003e 9-3 Minimiser le travail lié aux requêtes média pour les environnements réactifs\u003cbr\u003e 9-4 Utilisation du mot-clé @supports pour les navigateurs non pris en charge\u003cbr\u003e 9-5 Gestion des thèmes avec setProperty en JavaScript\u003cbr\u003e 9-6 Gestion d'état à l'aide de proxys et d'observateurs\u003cbr\u003e 9-7 Fonction de retour arrière, optimisation du rendu et exposition fluide du contenu\u003cbr\u003e\u003cbr\u003e Chapitre 10 : Application météorologique utilisant des API externes\u003cbr\u003e 10-1 Qu'est-ce qu'une API REST ?\u003cbr\u003e 10-2 Émission de la clé API\u003cbr\u003e 10-3 Argumentaire relatif à l'application météorologique\u003cbr\u003e Style d'application météo 10-4\u003cbr\u003e 10-5 Apprendre la grammaire JavaScript\u003cbr\u003e 10-6 Obtenir et afficher les informations météorologiques\u003cbr\u003e 10-7 Changer les unités météorologiques\u003cbr\u003e 10-8 Créez un effet de transition vidéo basé sur la météo\u003cbr\u003e 10-9 Création d'une fonction de recherche météo\u003cbr\u003e\u003cbr\u003e Chapitre 11 Rotation du beignet le long du rouleau (R3F)\u003cbr\u003e 11-1 React et Three.js\u003cbr\u003e 11-2 Configuration d'un environnement de développement React avec Vite \u003cbr\u003e11-3 Configuration d'un environnement de développement Three.js à l'aide de R3F\u003cbr\u003e 11-4 Création d'une boîte qui pivote en fonction du défilement\u003cbr\u003e 11-5 Application de la bibliothèque GSAP\u003cbr\u003e 11-6 Création d'un donut qui tourne avec le défilement\u003cbr\u003e 11-7 Création d'une page de destination en forme de donut défilant\u003cbr\u003e\u003cbr\u003e Chapitre 12 : Création de jeux Web avec WebGL\u003cbr\u003e 12-1 Création d'un projet de jeu et configuration des paramètres de base\u003cbr\u003e 12-2 Chargement de personnages 3D à l'aide de useGLTF\u003cbr\u003e 12-3 Création d'un éclairage d'ambiance et directionnel\u003cbr\u003e 12-4 Configuration de la position et du mouvement de la caméra\u003cbr\u003e 12-5 Création d'un sol à l'aide de TextureLoader\u003cbr\u003e Application de réglage de la taille des caractères et d'animation 12-6\u003cbr\u003e 12-7 Mise en œuvre du déplacement du personnage par interaction à la souris\u003cbr\u003e Mise en œuvre des sauts de caractères avec des interactions clavier 12-8\u003cbr\u003e Mise en œuvre de l'exposition au ballon de football à travers l'événement 12-9\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e \",\"\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eImage détaillée\u003c\/b\u003e \u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg src=\"https:\/\/image.yes24.com\/momo\/TopCate5388\/MidCate007\/538763036.png\" border=\"0\" alt=\"Image détaillée 1\"\u003e\u003c\/div\u003e\u003c\/div\u003e \",\"\u003cdiv\u003e\u003ch5\u003e \u003cb\u003eAvis de l'éditeur\u003c\/b\u003e\n\u003c\/h5\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e Nous vous aiderons à vous préparer minutieusement au développement front-end web.\u003cbr\u003e Nous vous enseignerons la grammaire HTML, CSS et JavaScript que vous devez connaître avant d'apprendre sérieusement le développement front-end. \u003cbr\u003eAinsi, même ceux qui ne connaissent rien au web peuvent commencer par ce livre.\u003cbr\u003e\u003cbr\u003e Mise en œuvre d'une interface utilisateur de site web\u003cbr\u003e Ce livre ne se contente pas d'apprendre la grammaire ; il vous enseigne les concepts de l'animation en mettant en œuvre des composants d'interface utilisateur fréquemment utilisés, tels que les écrans de chargement, les listes de cartes et les mises en page réactives, qui sont réellement appliqués aux sites web.\u003cbr\u003e\u003cbr\u003e Créez des expériences web interactives qui réagissent au comportement des utilisateurs.\u003cbr\u003e Vous apprendrez diverses techniques pour créer des pages web dynamiques qui captivent les utilisateurs, comme l'affichage naturel du contenu en fonction de la position de défilement et des animations qui se déclenchent lorsque certains éléments apparaissent à l'écran.\u003cbr\u003e\u003cbr\u003e Mise en œuvre de fonctionnalités d'animation liées aux données\u003cbr\u003e Nous créons des applications web qui relient des données en temps réel, telles que des API météorologiques et des API sur les particules fines, et dont l'interface utilisateur change en fonction des informations météorologiques ou environnementales actuelles. \u003cbr\u003eVous pouvez vous exercer à la conception d'interfaces utilisateur qui prend en compte à la fois le traitement fonctionnel des données et les réponses visuelles, développant ainsi un sens de la planification des services.\u003cbr\u003e\u003cbr\u003e Assistance pédagogique via les cours de l'auteur sur YouTube, GitHub, etc.\u003cbr\u003e Veuillez vous entraîner minutieusement avec le livre en suivant les cours magistraux de l'auteur sur la chaîne YouTube de Youngjin.com dédiée aux cours d'informatique.\u003cbr\u003e Chaîne YouTube Youngjin.com IT : https:\/\/www.youtube.com\/@IT-Youngjin\u003cbr\u003e Adresse GitHub : https:\/\/github.com\/Youngjin-com\/interactive_web\u003cbr\u003e\u003cbr\u003e Apprenez les fondamentaux et la structure des interfaces web, créez des interfaces utilisateur web complètes et mettez en œuvre des expériences web interactives et centrées sur l'utilisateur.\u003cbr\u003e\u003cbr\u003e \u003cb\u003e【 Public cible 】\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e - Les développeurs débutants et juniors qui ne sont pas familiarisés avec la mise en œuvre d'animations d'interface utilisateur\u003cbr\u003e - Les concepteurs et planificateurs web qui souhaitent approfondir leurs connaissances en matière d'interface utilisateur et d'expérience utilisateur (UI\/UX).\u003cbr\u003e - Les candidats qui souhaitent ajouter un projet de qualité à leur portfolio\u003cbr\u003e\u003cbr\u003e \u003cb\u003eNote de l'auteur\u003c\/b\u003e\u003cbr\u003e\u003cbr\u003e Nous sommes désormais entrés dans l'ère de l'IA. \u003cbr\u003eNous nous trouvons à un tournant décisif, où l'intelligence artificielle remplace rapidement les métiers humains et où nous nous dirigeons vers un avenir inédit.\u003cbr\u003e À l'heure actuelle, on peut se demander s'il est encore nécessaire d'apprendre les fondamentaux du développement front-end. L'IA peut écrire du code, suggérer des conceptions et même contribuer à la mise en œuvre de services entiers.\u003cbr\u003e\u003cbr\u003e Cependant, j'ose affirmer dans cet ouvrage que certaines valeurs fondamentales du développement front-end demeureront inchangées, voire deviendront encore plus importantes à l'ère de l'IA. L'IA n'est qu'un outil, et il nous incombe, en tant que développeurs humains, de l'utiliser pour offrir la meilleure expérience possible aux utilisateurs.\u003cbr\u003e La capacité à comprendre avec précision l'intention d'un planificateur, à traduire la vision d'un concepteur en code, et à identifier et à améliorer même les inconvénients subtils pour l'utilisateur est un domaine que l'IA ne peut pas facilement surpasser.\u003cbr\u003e \u003cbr\u003eCe livre va bien au-delà du simple assemblage de code et vise à vous faire découvrir le côté ludique et créatif inhérent au développement front-end web.\u003cbr\u003e Plutôt que des théories complexes, nous l'avons structuré de manière conviviale et intuitive afin que vous puissiez acquérir une expérience pratique et des connaissances approfondies tout en créant un véritable site web.\u003cbr\u003e\u003cbr\u003e Dans le chapitre 1, vous construirez un environnement de travail solide pour le développement, et dans les chapitres 2 et 3, vous apprendrez la grammaire du HTML, la base du web, et du CSS, qui l'embellit.\u003cbr\u003e Au chapitre 4, vous apprendrez à intégrer des éléments d'interface utilisateur\/d'expérience utilisateur qui améliorent l'expérience utilisateur sur le Web, et au chapitre 5, vous explorerez la syntaxe JavaScript qui rend le Web dynamique.\u003cbr\u003e\u003cbr\u003e Et sur la base de toutes ces connaissances, nous allons créer un projet concret en commençant par le chapitre 6. \u003cbr\u003eVous découvrirez le plaisir du développement front-end en implémentant divers composants web que vous retrouverez dans des services réels, notamment des mises en page de cartes réactives, des connexions interactives, des tableaux de bord dynamiques et des pages d'accueil de transition de page.\u003cbr\u003e Au-delà de cela, une multitude de projets n'attendent que de stimuler votre imagination, allant des applications météorologiques utilisant des API externes, aux interactions de défilement, en passant même par les jeux Web utilisant WebGL.\u003cbr\u003e\u003cbr\u003e J’espère sincèrement que grâce à ce livre, vous irez au-delà de la simple acquisition de compétences et deviendrez un développeur front-end capable de mettre en œuvre librement vos propres idées sur le web et d’apporter de la valeur aux utilisateurs.\u003cbr\u003e\n\n\u003c\/div\u003e\n\u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e \"]\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cdiv style=\"width:95%;padding-top:20px;padding-bottom:20px\"\u003e\n\n\u003cdiv style=\"text-align:left;font-size:16px;font-weight:bold;padding-bottom:20px\"\u003e SPÉCIFICATIONS DES PRODUITS \u003c\/div\u003e\n\n\u003cdiv style=\"text-align:left;font-size:14px;line-height:1.6em;\"\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eDate d'émission :\u003c\/strong\u003e 1er juillet 2025\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e \u003cstrong\u003eNombre de pages, poids, dimensions :\u003c\/strong\u003e 816 pages | 1 662 g | 189 × 257 × 32 mm\u003c\/div\u003e\n\n\u003cdiv style=\"width:100%;margin-bottom:5px;line-height:1.6em;font-size:14px\"\u003e - \u003cstrong\u003eISBN13 :\u003c\/strong\u003e 9788931479393 \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003ccenter\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003ccenter\u003e\u003ctable\u003e\u003ctr\u003e\u003ctd style=\"height:10px\"\u003e\u003c\/td\u003e\u003c\/tr\u003e\u003c\/table\u003e\u003c\/center\u003e\n\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003c\/center\u003e\n\n\n\u003c\/center\u003e","brand":"LIBRAIRIE COREENNE","offers":[{"title":"Default Title","offer_id":43893275492394,"sku":"138706","price":58.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2750\/5962\/files\/075ab68cba8b99c6bacf2a8c1a46aa36.jpg?v=1765395224","url":"https:\/\/librairie.coreenne.fr\/products\/138706","provider":"LIBRAIRIE COREENNE","version":"1.0","type":"link"}