• pour les personnes
  • pour les affaires
  • pour les universités
  • pour les gouvernements
Coursera
Diplômes en ligne
Carrières
Connexion
Inscrivez-vous gratuitement
Coursera
University of Michigan
Interactivité avec JavaScript
  • À propos
  • Résultats
  • Modules
  • Recommandations
  • Témoignages
  • Avis
  1. Parcourir
  2. Informatique
  3. Développement mobile et web
University of Michigan

Interactivité avec JavaScript

Ce cours fait partie de Spécialisation La conception de sites Web pour tous : Les bases du développement web et du codage

Colleen van Lent, Ph.D.
Charles Russell Severance

Instructeurs : Colleen van Lent, Ph.D.

Enseignants

Évaluations de l’enseignant

Nous avons demandé à tous les étudiants de fournir des commentaires sur nos enseignants au sujet de la qualité de leur pédagogie.

4.8 (631 évaluations)
Colleen van Lent, Ph.D.
Colleen van Lent, Ph.D.
University of Michigan
11 Cours•716 045 apprenants
Charles Russell Severance
Charles Russell Severance
University of Michigan
60 Cours•4 635 715 apprenants

223 312 déjà inscrits

Inclus avec Coursera Plus

•

En savoir plus

4 modules
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
4.7

(7,342 avis)

niveau Débutant
Aucune connaissance prérequise
Planning flexible
9 heures à compléter
Apprenez à votre propre rythme
98%
La plupart des étudiants ont apprécié ce cours

4 modules
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
4.7

(7,342 avis)

niveau Débutant
Aucune connaissance prérequise
Planning flexible
9 heures à compléter
Apprenez à votre propre rythme
98%
La plupart des étudiants ont apprécié ce cours
  • À propos
  • Résultats
  • Modules
  • Recommandations
  • Témoignages
  • Avis

Ce que vous apprendrez

  • Comprendre comment JavaScript est utilisé pour réagir aux événements de l'utilisateur.

  • Écrivez votre propre code JavaScript pour permettre à une personne d'interagir avec votre page.

  • Discutez de la manière dont JavaScript peut poser des problèmes d'accessibilité.

Compétences que vous acquerrez

  • Catégorie : structures de données
    structures de données
  • Catégorie : Feuilles de style en cascade (CSS)
    Feuilles de style en cascade (CSS)
  • Catégorie : Développement Web
    Développement Web
  • Catégorie : Interface utilisateur (UI)
    Interface utilisateur (UI)
  • Catégorie : Conception interactive
    Conception interactive
  • Catégorie : Javascript
    Javascript
  • Catégorie : Principes de programmation
    Principes de programmation
  • Catégorie : Programmation événementielle
    Programmation événementielle
  • Catégorie : Développement Web Front-End
    Développement Web Front-End
  • Catégorie : HyperText Markup Language (HTML)
    HyperText Markup Language (HTML)
  • Catégorie : Règles pour l’accessibilité des contenus Web
    Règles pour l’accessibilité des contenus Web

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

3 devoirs

Enseigné en Anglais

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

En savoir plus sur Coursera pour les affaires
 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation La conception de sites Web pour tous : Les bases du développement web et du codage
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 4 modules dans ce cours

Si vous souhaitez faire passer votre site web au niveau supérieur, la possibilité d'y intégrer de l'interactivité est indispensable. Mais l'ajout de ce type de fonctionnalités nécessite un langage de programmation plus puissant que HTML5 ou CSS3, et JavaScript peut vous apporter exactement ce dont vous avez besoin. Avec seulement une compréhension de base du langage, vous pouvez créer une page qui réagira à des événements courants tels que les chargements de page, les clics et mouvements de souris, et même les saisies au clavier.

Ce cours vous présentera les bases du langage JavaScript. Nous aborderons des concepts tels que les variables, les boucles, les fonctions et même les outils de débogage. Vous comprendrez comment le modèle d'objet du document (DOM) est utilisé par JavaScript pour identifier et modifier des parties spécifiques de votre page. Après le cours, les apprenants seront capables de réagir aux événements du DOM et de modifier dynamiquement le contenu et le style de leur page. Le cours se terminera par un projet final - la création d'un formulaire HTML5 interactif qui accepte et vérifie les entrées. Ce cours peut être complété comme troisième ou quatrième cours de la spécialisation Web Design For Everybody.

Si vous n'avez jamais utilisé de langage de programmation traditionnel, cette première semaine est cruciale. Avant de commencer le comment, nous allons parler du pourquoi, principalement pourquoi nous voulons utiliser JavaScript. La raison principale est qu'il est très facile pour JavaScript de travailler avec le DOM. Et la facilité est toujours un bon moyen de commencer. En parlant de commencer, c'est toujours plus amusant quand notre code fait quelque chose que l'on peut voir, donc nous allons passer rapidement aux différentes façons de générer des résultats. Ce ne sera pas encore tape-à-l'œil, mais ce sera un bon moyen de se familiariser avec la programmation traditionnelle. Ensuite, nous reviendrons sur les bases de l'utilisation des données par un ordinateur. Nous commençons par les variables, les expressions et les opérateurs.

Inclus

7 vidéos9 lectures1 devoir1 sujet de discussion

7 vidéos•Total 54 minutes
  • Introduction à JavaScript•4 minutes
  • DOM Review avec la programmation orientée objet•6 minutes
  • Nouvelles méthodes DOM•4 minutes
  • Sortie•13 minutes
  • Variables•9 minutes
  • Types de données•8 minutes
  • Opérateurs et expressions•8 minutes
9 lectures•Total 42 minutes
  • Syllabus du cours•10 minutes
  • Enquête préalable au cours•5 minutes
  • Ressources de cours•4 minutes
  • "Quelles sont ces échéances ?•3 minutes
  • Ressources•2 minutes
  • Le modèle objet du document (DOM)•5 minutes
  • Accéder aux méthodes du DOM•10 minutes
  • Point-virgule•1 minute
  • Essayer de créer et de déboguer votre propre sortie•2 minutes
1 devoir•Total 40 minutes
  • Quiz de la première semaine•40 minutes
1 sujet de discussion•Total 10 minutes
  • Partagez vos conseils•10 minutes

Si vous avez déjà écrit du code HTML, vous avez pris l'habitude de valider votre code en vous assurant que vous fermez toutes les balises ouvertes. Il existe d'autres règles que vous n'avez peut-être pas respectées, par exemple l'importance d'utiliser chaque attribut id une seule fois par page. C'est ce qu'on appelle écrire un code "propre". Le raisonnement et l'importance du respect de ces règles deviennent clairs lorsque nous commençons à manipuler les différents composants de votre page web en fonction des actions de la personne qui interagit avec votre page. Vous apprendrez notamment à connaître les événements JavaScript relatifs à la souris et au toucher. Les documents de cette semaine se termineront par un exemple de galerie de photos que vous pourrez créer avec moi.

Inclus

7 vidéos7 lectures1 devoir1 évaluation par les pairs1 élément d'application

7 vidéos•Total 52 minutes
  • Fonctions•7 minutes
  • Placement du code•6 minutes
  • Structure des dossiers / Organisation de votre code•5 minutes
  • Evénements•10 minutes
  • Codez avec moi : Événements•7 minutes
  • "ceci"•9 minutes
  • Devoirs : Galerie de photos interactive en JavaScript•5 minutes
7 lectures•Total 36 minutes
  • Ressources•2 minutes
  • Fonctions•3 minutes
  • Organiser votre code•3 minutes
  • Maîtriser les événements et les fonctions•10 minutes
  • Juste un petit mot avant la prochaine vidéo•3 minutes
  • L'heure des devoirs !•5 minutes
  • Introduction à la galerie Gamut•10 minutes
1 devoir•Total 30 minutes
  • Quiz de la deuxième semaine•30 minutes
1 évaluation par les pairs•Total 45 minutes
  • Galerie de photos interactive JavaScript•45 minutes
1 élément d'application•Total 10 minutes
  • Devoirs : Galerie de présentation facultative•10 minutes

Cette semaine, nous allons aborder des concepts de programmation plus complexes : les tableaux et les boucles. Les tableaux vous permettent de représenter des groupes d'informations connexes. Le bouclage apporte efficacité et flexibilité à vos programmes. En utilisant les deux, nous développerons l'exemple de la galerie de photos.

Inclus

2 vidéos5 lectures1 devoir

2 vidéos•Total 12 minutes
  • Tableaux JavaScript•7 minutes
  • Codez avec moi : Tableaux•5 minutes
5 lectures•Total 20 minutes
  • Ressources•5 minutes
  • L'aide-mémoire JavaScript•5 minutes
  • Tabindex et accessibilité•3 minutes
  • Utiliser JavaScript avec des attributs•5 minutes
  • Tableaux•2 minutes
1 devoir•Total 30 minutes
  • Quiz de révision de la troisième semaine•30 minutes

Cette semaine, il s'agit d'assembler des concepts pour faire des choses "cool". Nous nous arrêterons même un instant pour parler du compromis entre les choses cool et l'accessibilité. Le projet final de cette semaine sera une nouvelle version de votre projet de codage de la semaine 2. Vous créerez une galerie de photos interactive à partir de vos propres images et y ajouterez la fonctionnalité d'accessibilité au clavier.

Inclus

5 vidéos6 lectures1 évaluation par les pairs1 élément d'application

5 vidéos•Total 32 minutes
  • Codez avec moi : Randomiser vos images à l'aide de tableaux•8 minutes
  • Codez avec moi : Utilisation de Lightbox•9 minutes
  • Codez avec moi : Boucle dans les images•8 minutes
  • Description finale du projet•3 minutes
  • Conclusion•3 minutes
6 lectures•Total 35 minutes
  • Ressources•5 minutes
  • Écrire des boucles en JavaScript•5 minutes
  • Techniques de codage avancées•2 minutes
  • "Cool Stuff" - Ami ou ennemi ?•3 minutes
  • Description finale du projet•10 minutes
  • Enquête post-cours•10 minutes
1 évaluation par les pairs•Total 120 minutes
  • Projet final : Votre propre galerie de photos accessible•120 minutes
1 élément d'application•Total 10 minutes
  • Projet final : Galerie des soumissions facultatives•10 minutes

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.

Instructeurs

Évaluations de l’enseignant

Évaluations de l’enseignant

Nous avons demandé à tous les étudiants de fournir des commentaires sur nos enseignants au sujet de la qualité de leur pédagogie.

4.8 (631 évaluations)
Colleen van Lent, Ph.D.
Colleen van Lent, Ph.D.
University of Michigan
11 Cours•716 045 apprenants

Enseignants

Évaluations de l’enseignant

Nous avons demandé à tous les étudiants de fournir des commentaires sur nos enseignants au sujet de la qualité de leur pédagogie.

4.8 (631 évaluations)
Colleen van Lent, Ph.D.
Colleen van Lent, Ph.D.
University of Michigan
11 Cours•716 045 apprenants
Charles Russell Severance
Charles Russell Severance
University of Michigan
60 Cours•4 635 715 apprenants

Offert par

University of Michigan

Offert par

University of Michigan

La mission de l'université du Michigan est de servir les habitants du Michigan et le monde entier en occupant une place prépondérante dans la création, la communication, la préservation et l'application des connaissances, de l'art et des valeurs académiques, et en formant des dirigeants et des citoyens qui défieront le présent et enrichiront l'avenir.

En savoir plus sur Développement mobile et web

  • Statut : Essai gratuit
    Essai gratuit
    U

    University of California, Davis

    Interactivity with JavaScript and jQuery

    Cours

  • P

    Packt

    JavaScript DOM - Interactive and Dynamic Web Pages

    Cours

  • C

    Coursera Project Network

    JavaScript Essentials For Beginners

    Projet Guidé

  • Statut : Essai gratuit
    Essai gratuit
    P

    Packt

    JavaScript Fundamentals

    Cours

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.’

Avis des étudiants

4.7

7 342 avis

  • 5 stars

    75,71 %

  • 4 stars

    18,93 %

  • 3 stars

    4,15 %

  • 2 stars

    0,74 %

  • 1 star

    0,44 %

Affichage de 3 sur 7342

F
FA
5

Révisé le 29 nov. 2019

Great course, it starts from basic code and it is really helpful to get a basic idea about how JavaScript works. Again the code together videos are nice and well explained. Highly recommended.

H
HP
4

Révisé le 11 oct. 2016

Good basic learning course in javascript. Most of the students dont know even the simple basic concepts related to web design. Those can be covered in this course...Happy Coding Everybody.

L
LC
5

Révisé le 15 mars 2016

An excellent course, my JavaScript has improved greatly since I completed the requirements. Colleen is a fantastic teacher, I found the lectures to be highly informative and the assignments good fun.

Voir plus d’avis
Coursera Plus

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

En savoir plus

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

En savoir plus

Foire Aux Questions

Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.

Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la spécialisation et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.

Si vous vous êtes abonné, vous bénéficiez d'une période d'essai gratuite de 7 jours pendant laquelle vous pouvez annuler votre abonnement sans pénalité. Après cette période, nous ne remboursons pas, mais vous pouvez résilier votre abonnement à tout moment. Consultez notre politique de remboursement complète.

Oui, pour certains programmes de formation, vous pouvez demander une aide financière ou une bourse si vous n'avez pas les moyens de payer les frais d'inscription. Si une aide financière ou une bourse est disponible pour votre programme de formation, vous trouverez un lien pour postuler sur la page de description.

Plus de questions

Visitez le Centre d'Aide pour les Étudiants

Aide financière disponible,

Pied de page Coursera

Compétences techniques

  • ChatGPT
  • Codage
  • Informatique
  • Cybersécurité
  • DevOps
  • Piratage éthique
  • IA générative
  • Programmation Java
  • Python
  • Développement Web

Compétences analytiques

  • Intelligence artificielle
  • Big Data
  • Analyse de valeur et de rentabilité
  • analyse des données
  • Science des données
  • Modélisation financière
  • Apprentissage automatique
  • Microsoft Excel
  • microsoft power bi
  • SQL

Compétences professionnelles

  • Comptabilité
  • Marketing numérique
  • Commerce électronique
  • Finance
  • Google
  • Conception graphique
  • IBM
  • Marketing
  • Project Management
  • Le marketing appliqué aux réseaux sociaux

Ressources professionnelles

  • Certifications informatiques essentielles
  • Compétences à acquérir pour les hauts revenus
  • Comment obtenir un certificat PMP
  • Comment apprendre l'Intelligence artificielle (IA)
  • Certifications populaires en cybersécurité
  • Certifications appréciées en analyse des données
  • Que fait un analyste de données ?
  • Ressources pour le développement de carrière
  • Test d'aptitude professionnelle
  • Partagez votre histoire d'apprentissage Coursera

Coursera

  • À propos
  • Ce que nous proposons
  • Direction
  • Carrières
  • Catalogue
  • Coursera Plus
  • Certificats Professionnels
  • Certificats MasterTrack®
  • Diplômes
  • Pour l'entreprise
  • Pour les gouvernements
  • Pour le campus
  • Devenir un partenaire
  • Impact social
  • cours gratuits
  • Recommandations de crédits ECTS

Communauté

  • Étudiants
  • Partenaires
  • Testeurs bêta
  • Blog
  • Le podcast Coursera
  • Blog Tech

Plus

  • Presse
  • Investisseurs
  • Conditions
  • Confidentialité
  • Aide
  • Accessibilité
  • Contact
  • Articles
  • Répertoire
  • Filiales
  • Déclaration sur l’esclavage moderne
  • Ne pas vendre/partager
Apprendre partout
Télécharger dans l'App Store
Disponible sur Google Play
Logo Certified B Corporation
© 2025 Coursera Inc. Tous droits réservés.
  • Facebook Coursera
  • Linkedin Coursera
  • Twitter Coursera
  • YouTube Coursera
  • Instagram Coursera
  • TikTok Coursera
Coursera

S'inscrire

Profitez de votre temps libre pour apprendre auprès des meilleures universités et entreprises.

​
​
Entre 8 et 72 caractères
Votre mot de passe est masqué
​

ou

Vous utilisez déjà Coursera ?


Vous rencontrez des difficultés pour vous connecter ? Centre d'Aide pour les Étudiants

Ce site est protégé par reCAPTCHA Enterprise et la Politique de confidentialité Google et les Termes et Conditions s'appliquent.