Packt

UI et animation interactives avec 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

UI et animation interactives avec JavaScript avancé

Inclus avec Coursera Plus

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 à l'aide de HTML, CSS et JavaScript.

  • Appliquer des effets d'animation et de transition pour améliorer les interfaces web.

  • Manipulez le DOM de manière dynamique pour obtenir une interactivité en temps réel.

  • Développer des éléments web réutilisables, adaptatifs et visuellement attrayants.

Compétences que vous acquerrez

  • Catégorie : Conception
  • Catégorie : Conception interactive
  • Catégorie : Conception de sites web
  • Catégorie : Développement Web Front-End
  • Catégorie : Javascript
  • Catégorie : Conception d'interaction
  • Catégorie : Interface utilisateur (UI)
  • Catégorie : Animations
  • Catégorie : Développement Web
  • Catégorie : HTML et CSS
  • Catégorie : Programmation événementielle
  • Catégorie : Conception et développement de sites web
  • Catégorie : Conception de sites web réactifs
  • Catégorie : Conception de l'interface utilisateur (UI)

Outils que vous découvrirez

  • Catégorie : Feuilles de style en cascade (CSS)
  • Catégorie : Composants de l'interface utilisateur
  • Catégorie : Applications Web
  • Catégorie : Langage de balisage hypertexte (HTML)

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

15 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 13 modules dans ce cours

Dans ce module, nous allons créer un superbe effet de vague sur les boutons qui renforce l'engagement des utilisateurs grâce à un design interactif. Vous combinerez HTML, CSS et JavaScript pour simuler des vagues partant des points de clic, afin d'apporter une touche moderne à votre interface utilisateur.

Inclus

4 vidéos2 lectures1 devoir

Dans ce module, nous allons développer une horloge numérique en temps réel qui se met à jour automatiquement. Vous apprendrez à manipuler l'heure en JavaScript, à appliquer des styles CSS pour obtenir un rendu élégant et à structurer le code HTML afin de créer une interface d'affichage de l'heure fluide.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer une galerie d'images en rotation qui présente les images de manière dynamique. Vous apprendrez à utiliser les animations CSS pour obtenir des rotations fluides, ainsi que JavaScript pour contrôler les transitions et automatiser le cycle d'affichage.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer un générateur de couleurs aléatoires qui produit des palettes de couleurs éclatantes. Vous découvrirez les fonctionnalités de génération aléatoire de JavaScript et développerez un outil visuellement captivant qui servira de source d'inspiration pour vos créations. `

Inclus

4 vidéos1 devoir

Dans ce module, nous allons développer un compteur de caractères en temps réel qui fournit un retour d'information instantané à mesure que les utilisateurs tapent. Vous intégrerez une logique JavaScript à des éléments HTML stylisés afin de suivre et d'afficher le nombre de caractères en temps réel de manière interactive.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer un composant « Statistiques de profil » qui permet de visualiser les données des utilisateurs de manière dynamique. Vous utiliserez le HTML pour la structure, le CSS pour la mise en forme et le JavaScript pour la manipulation et la visualisation des données en temps réel.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer une animation « Heart Trail » qui suit le curseur. Vous combinerez l'interactivité de JavaScript avec des techniques d'animation CSS pour offrir une expérience utilisateur agréable et captivante.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer un mini-calendrier qui affiche les mois et permet de naviguer entre eux. Vous apprendrez à calculer des dates en JavaScript et à créer une interface de calendrier élégante et fonctionnelle.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons concevoir une barre de recherche animée qui réagit de manière fluide aux interactions de l'utilisateur. Vous combinerez la mise en page HTML, les transitions CSS et les fonctionnalités JavaScript pour créer une expérience de recherche professionnelle et interactive.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer un menu de sélection des réseaux sociaux permettant aux utilisateurs de se connecter et de partager du contenu sur différentes plateformes. Vous intégrerez des icônes, des animations et des fonctionnalités interactives en JavaScript afin d'offrir une expérience utilisateur soignée.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer un générateur de mots de passe aléatoires capable de générer des mots de passe robustes et personnalisables. Vous apprendrez à utiliser les techniques de génération aléatoire et de manipulation de chaînes de caractères en JavaScript afin d'améliorer les outils de sécurité Web.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons développer un diaporama de témoignages qui présente de manière dynamique les avis des clients. Vous utiliserez le HTML, le CSS et le JavaScript pour créer une section de témoignages interactive et visuellement attrayante.

Inclus

4 vidéos1 devoir

Dans ce module, nous allons créer un compte à rebours pour le Nouvel An qui s'actualise en temps réel. Vous utiliserez les fonctions JavaScript de manipulation des dates, la mise en forme CSS et les animations pour créer un compte à rebours captivant et festif.

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