Packt

Composants UI/UX interactifs et JavaScript avancé

Profitez de l'une de nos meilleures offres et renforcez vos compétences avec 50 % de réduction sur Coursera Plus. Économisez maintenant.

Packt

Composants UI/UX interactifs et JavaScript avancé

Inclus avec Coursera Plus

Demander à Coursera

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

1 semaine à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire

Expérience recommandée

1 semaine à compléter
à 10 heures par semaine
Planning flexible
Apprenez à votre propre rythme

Ce que vous apprendrez

  • Créez des composants d'interface utilisateur interactifs et animés avec JavaScript.

  • Appliquer des effets CSS et des transitions pour créer des interfaces utilisateur attrayantes.

  • Mettre en place le mode sombre, le défilement et les fenêtres contextuelles.

  • Récupérer et afficher des données en temps réel provenant d'API dans des projets dynamiques.

Compétences que vous acquerrez

  • Catégorie : Conception de sites web réactifs
  • Catégorie : Programmation événementielle
  • Catégorie : HTML et CSS
  • Catégorie : Conception de l'interface et de l'expérience utilisateur (UI/UX)
  • Catégorie : Animations
  • Catégorie : Interface utilisateur (UI)
  • Catégorie : Données en temps réel
  • Catégorie : Conception et développement de sites web
  • Catégorie : Conception de sites web
  • Catégorie : Conception interactive
  • Catégorie : Conception de l'interface utilisateur (UI)
  • Catégorie : Javascript
  • Catégorie : Développement Web Front-End

Outils que vous découvrirez

  • Catégorie : Persistance des données
  • Catégorie : Langage de balisage hypertexte (HTML)
  • Catégorie : Feuilles de style en cascade (CSS)
  • Catégorie : Composants de l'interface utilisateur
  • Catégorie : Interface de programmation d'applications (API)

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

12 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation "Projets pratiques avec HTML, CSS et JavaScript"
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
  • Apprenez de nouveaux concepts auprès d'experts du secteur
  • Acquérez une compréhension de base d'un sujet ou d'un outil
  • Développez des compétences professionnelles avec des projets pratiques
  • Obtenez un certificat professionnel partageable

Il y a 10 modules dans ce cours

Dans ce module, nous allons créer un système de notation par emojis qui remplace les étoiles traditionnelles par des emojis expressifs. Vous apprendrez à concevoir des éléments de notation interactifs, à les personnaliser de manière créative et à utiliser JavaScript pour rendre ces notations dynamiques et adaptatives.

Inclus

4 vidéos2 lectures1 devoir

Dans ce module, nous allons développer une barre de navigation « sticky » qui reste visible pendant le défilement afin d'améliorer la navigation. Vous combinerez la structure HTML, la mise en forme CSS et l'interactivité JavaScript pour garantir un défilement fluide et une expérience utilisateur cohérente.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer une page d'accueil à double section qui captivera les utilisateurs grâce à son interactivité. Vous apprendrez à mettre en œuvre des techniques avancées de mise en page, des transitions visuelles et des fonctionnalités JavaScript pour créer une expérience de page d'accueil moderne.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer une animation d'effet de texte automatique qui simule la saisie et la suppression automatiques de texte. Vous combinerez des techniques d'animation CSS et JavaScript pour donner vie et mouvement à vos affichages de texte.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer un effet de défilement de l'image d'arrière-plan qui modifie l'affichage en fonction du défilement de l'utilisateur. Vous découvrirez comment détecter le défilement en JavaScript et comment associer cette fonctionnalité aux transitions CSS afin d'obtenir un effet de mouvement captivant et immersif sur la page.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer une fenêtre contextuelle avec arrière-plan flou qui permet de mieux capter l'attention de l'utilisateur grâce à des superpositions élégantes. Vous apprendrez à associer la structure HTML, les effets CSS et les fonctionnalités JavaScript pour créer des fenêtres modales visuellement attrayantes.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer un bouton de basculement vers le mode sombre qui permettra aux utilisateurs de passer d'un thème clair à un thème sombre. Vous mettrez en œuvre la détection du thème, gérerez les préférences persistantes et concevrez des transitions fluides pour une personnalisation moderne de l'interface utilisateur.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer une batterie virtuelle qui donne vie à la création musicale. Vous apprendrez à intégrer la lecture de sons et l'animation à l'aide de JavaScript, tout en concevant une interface utilisateur réactive et interactive.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer une application de liste de tâches qui aidera les utilisateurs à organiser efficacement leurs tâches. Vous concevrez une interface utilisateur intuitive et utiliserez JavaScript pour gérer les tâches, en veillant à ce que les données soient stockées localement afin de garantir une utilisation à long terme.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons développer une application « Random Photos » qui récupère et affiche des images en temps réel. Vous intégrerez des API à JavaScript, gérerez le chargement asynchrone des données et concevrez une expérience de navigation fluide parmi les photos.

Inclus

4 vidéos1 lecture3 devoirs

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

Packt - Course Instructors
Packt
1 946 Cours575 115 apprenants

Offert par

Packt

En savoir plus sur Développement mobile et web

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Foire Aux Questions