Interactivité avec JavaScript et jQuery

Développez vos compétences avec Coursera Plus pour 239 $/an (habituellement 399 $). Économisez maintenant.

Interactivité avec JavaScript et jQuery

Ce cours fait partie de Spécialisation "JavaScript pour les débutants"

Enseigné en Français (doublage IA)

Instructeur : William Mead

7 847 déjà inscrits

Inclus avec

4 modules

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

64 avis

2 semaines à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

4 modules

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

64 avis

2 semaines à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

Compétences que vous acquerrez

Catégorie : Animations
Catégorie : Scripting
Catégorie : Event-Driven Programming
Catégorie : Scripting Languages
Catégorie : Javascript and jQuery
Catégorie : Game Design
Catégorie : Object Oriented Programming (OOP)
Catégorie : Javascript

Outils que vous découvrirez

Catégorie : jQuery
Catégorie : Web Development Tools
Catégorie : UI Components

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

5 devoirs

Enseigné en Français (doublage IA)

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 "JavaScript pour les débutants"

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

Ce cours est le troisième de notre spécialisation JavaScript pour débutants. Les scripts deviendront plus complexes et introduiront des plugins jQuery plus complexes. Vous aurez plusieurs défis à relever pour mettre en pratique vos compétences tout au long du cours. Les objectifs du cours comprennent l'identification des objets en JavaScript, la création de nouveaux objets et leur ajout de données, la manipulation d'objets par l'ajout, la modification et la suppression de données dans les objets, la manipulation du DOM sur la base des données dans les objets, l'identification et l'articulation de la façon dont plusieurs fonctions fonctionnent ensemble pour créer un programme plus complexe et l'identification des processus pour diviser des programmes plus importants en éléments plus petits et plus faciles à gérer.

Dans ce module, vous serez initié aux plugins jQuery et serez en mesure de présenter les avantages et les défis associés à l'utilisation des plugins jQuery. Vous serez également en mesure de reconnaître les erreurs courantes à éviter lors de l'utilisation des plugins jQuery. Vous découvrirez le plugin Flexslider jQuery et serez en mesure de l'utiliser pour construire des sliders d'images basiques et plus avancés.

Inclus

13 vidéos4 lectures1 devoir2 sujets de discussion

13 vidéos Total 71 minutes

Bienvenue dans ce cours ! 1 minute
Introduction au module 1 minute
Introduction aux plugins jQuery 4 minutes
Utilisation des plugins et étapes essentielles 4 minutes
Les pièges et les erreurs des débutants 9 minutes
FlexSlider : Un plugin jQuery 7 minutes
À propos de la version simplifiée 6 minutes
Ajouter des balises et connecter le slider 8 minutes
Règles FlexSlider 7 minutes
Contrôles supplémentaires 8 minutes
FlexSlider avancé 4 minutes
Style supplémentaire 6 minutes
Style de l'ATC 8 minutes

4 lectures Total 40 minutes

Une note de l'UC Davis 10 minutes
PDF de la présentation 10 minutes
Fichiers de démarrage : jQuery Plugins & Flexslider 10 minutes
PDF de la présentation 10 minutes

1 devoir Total 30 minutes

Quiz du module 1 30 minutes

2 sujets de discussion Total 20 minutes

Objectifs d'apprentissage 10 minutes
Module 1 Réflexion 10 minutes

Dans ce module, vous serez en mesure d'utiliser jQuery pour créer un effet de défilement fluide pour la navigation dans la page, ainsi que de développer un script, en utilisant jQuery, qui garde une trace des positions de défilement sur la page.Vous serez en mesure de comparer et de contraster le script de défilement fluide dans la page et le script de suivi des positions créé en utilisant jQuery avec un script créé en utilisant du simple JavaScript. Vous serez en mesure de construire une page web à l'aide de HTML et CSS qui combinera certains des différents scripts créés dans ce cours. Vous serez en mesure de combiner certains des différents scripts et plugins jQuery explorés dans ce cours dans la page web Scription à travers une série de défis.

Inclus

39 vidéos8 lectures2 devoirs2 sujets de discussion

39 vidéos Total 227 minutes

Introduction au module 1 minute
Introduction au défilement lisse avec jQuery 4 minutes
Création d'un gestionnaire de clics 5 minutes
Ajouter l'animation 7 minutes
Ajoutez un peu de souplesse et une fonction de rappel 4 minutes
Mise en évidence des éléments 5 minutes
Introduction au suivi de l'emplacement des pages 8 minutes
Le cœur du problème 6 minutes
Stratégie 8 minutes
Ajout de PageTop et d'instructions If 6 minutes
Écrire l'instruction Else/If - Partie 1 4 minutes
Écrire l'instruction Else/If - Partie 2 6 minutes
Questions relatives aux cas limites 5 minutes
Redimensionnement de vos fenêtres 6 minutes
Remise à zéro du compteur 5 minutes
resetPagePosition Fonction 9 minutes
Révision de l'ensemble du texte 6 minutes
Introduction aux effets de défilement avec JS 6 minutes
Atteindre la cible - Partie 1 5 minutes
Atteindre la cible - Partie 2 5 minutes
Polyfill à défilement lisse 5 minutes
Vérification de la charge 7 minutes
Top Posts 6 minutes
Ajouter un récepteur d'événements 6 minutes
Les conditionnels magiques 6 minutes
Modifier le lien suivant 6 minutes
Fonction de redimensionnement 5 minutes
Finalisation du scénario 10 minutes
Introduction au site de description 6 minutes
En-tête HTML 5 minutes
Prix HTML 6 minutes
Début du stylisme 7 minutes
Un style qui s'attache à l'ensemble de la page 5 minutes
Style du curseur 5 minutes
Styles de tarification 4 minutes
Styles de tablettes 7 minutes
Requête média pour une largeur de 1020 pixels 5 minutes
Requête média pour une largeur de 1200 pixels 6 minutes
Site de description : Construire des éléments interactifs Défis 10 minutes

8 lectures Total 110 minutes

Fichiers de démarrage : Défilement fluide avec jQuery 10 minutes
PDF de la présentation 10 minutes
PDF de la présentation 10 minutes
Fichiers de démarrage : Défilement fluide avec JavaScript 10 minutes
PDF de la présentation 10 minutes
Fichiers de démarrage : Site de description 40 minutes
Scription Version finie 10 minutes
PDF des présentations 10 minutes

2 devoirs Total 60 minutes

Quiz du module 2 30 minutes
Quiz d'honneur 30 minutes

2 sujets de discussion Total 20 minutes

Module 2 Réflexion 10 minutes
Soutien par les pairs 10 minutes

Dans ce module, vous serez initié à l'objet littéral et pourrez démontrer certaines des façons de manipuler des données à l'intérieur d'objets. Vous serez en mesure de développer de bonnes habitudes et des processus qui vous aideront à réfléchir à la manière de résoudre un problème de programmation, y compris la décomposition d'un problème en éléments plus petits.

Inclus

11 vidéos4 lectures1 devoir1 sujet de discussion

11 vidéos Total 56 minutes

Introduction au module 1 minute
Introduction aux objets et aux données en JS 6 minutes
Les objets peuvent contenir des tableaux et d'autres objets 5 minutes
Fonctions à l'intérieur d'objets Méthodes égales 6 minutes
Assembler des objets et des fonctions 5 minutes
Formats de données - XML 4 minutes
Fichier d'exemple 7 minutes
Introduction au jeu Pig Dice 6 minutes
Jouez au jeu du cochon 5 minutes
Version 1 4 minutes
Autres versions 7 minutes

4 lectures Total 40 minutes

Fichiers de démarrage : Travailler avec des objets en JavaScript 10 minutes
PDF des présentations 10 minutes
Diagrammes du jeu Pig Dice 10 minutes
PDF des présentations 10 minutes

1 devoir Total 30 minutes

Quiz du module 3 30 minutes

1 sujet de discussion Total 10 minutes

Module 3 Réflexion 10 minutes

En construisant ce jeu dans le cadre de ce module, vous pourrez mettre en pratique le JavaScript que vous avez déjà appris tout en construisant un script avec plus de fonctions et de complexité. Vous pourrez ensuite étendre le script de nombreuses manières créatives.

Inclus

15 vidéos2 lectures1 devoir2 sujets de discussion

15 vidéos Total 90 minutes

Introduction au module 1 minute
Introduction au jeu du cochon 7 minutes
Commencer le jeu 8 minutes
Préparer le virage 7 minutes
Lancer les dés 10 minutes
Test du lancer de dés 5 minutes
Ajoutez les instructions de sélection 4 minutes
L'œil du serpent ! 7 minutes
Un "1" a été obtenu 5 minutes
La déclaration Else 7 minutes
Vérification de la victoire 6 minutes
Afficher le score actuel 9 minutes
Nettoyage final 8 minutes
Prolonger le jeu 6 minutes
Résumé du cours 1 minute

2 lectures Total 20 minutes

Fichiers de départ : Jeu du cochon 10 minutes
PDF de la présentation 10 minutes

1 devoir Total 30 minutes

Quiz du module 4 30 minutes

2 sujets de discussion Total 20 minutes

Module 4 Réflexion 10 minutes
Auto-réflexion 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.

Instructeur

Évaluations de l’enseignant

(28 évaluations)

William Mead

University of California, Davis

8 Cours 326 866 apprenants

Offert par

University of California, Davis

En savoir plus sur Développement mobile et web

University of Michigan
Interactivity with JavaScript
Cours
Board Infinity
JavaScript for Web Development
Cours
Scrimba
Advanced JavaScript 3: Objects, Collections, Functions
Cours
Packt
JavaScript Fundamentals & The DOM
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

5 stars
82,81 %
4 stars
12,50 %
3 stars
4,68 %
2 stars
0 %
1 star
0 %

Affichage de 3 sur 64

Révisé le 16 août 2022

The course material is superb. It was nice learning from such an amazing course Instructor. Thumbs Up.

Révisé le 15 août 2022

Mr. Mead has obviously put a great deal of thought and experience into this course.I have learned a great deal more than I expected to learn.

Révisé le 5 août 2024

I gave full stars to the lecture as I can see his kindness and encouragement to the beginner ... On the other hand, this course is needed to update...

Voir plus d’avis

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.

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

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.

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 de demande sur la page de description.