Ce cours fait partie de la Spécialisation JavaScript for Beginners

4.8
étoiles
38 évaluations

William Mead

4 180 déjà inscrits

Offert par

Spécialisation JavaScript for BeginnersUniversité de Californie à Davis

À propos de ce cours

13 496 consultations récentes

This course builds on the skills from the previous course and goes further into managing and manipulating data with JavaScript. You will learn methods for validating and handling data provided by users or coming from an external data source. This course includes a challenge in the form of a seat reservation system, as well as a project that pulls data in from an external data source.
The course objectives include validation basics in JavaScript and jQuery; jQuery form validation plugin features; arrow functions; asynchronous functions; and the JavaScript event loop.

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Certificat partageable

Obtenez un Certificat lorsque vous terminez

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.

Cours 4 sur 4 dans le

Spécialisation JavaScript for Beginners

Niveau débutant

Approx. 19 heures pour terminer

Anglais

Votre entreprise pourrait-elle bénéficier de la formation des employés à des compétences recherchées ?

Essayez Coursera pour les affaires

Dates limites flexibles

Réinitialisez les dates limites selon votre disponibilité.

Certificat partageable

Obtenez un Certificat lorsque vous terminez

100 % en ligne

Commencez dès maintenant et apprenez aux horaires qui vous conviennent.

Cours 4 sur 4 dans le

Spécialisation JavaScript for Beginners

Niveau débutant

Approx. 19 heures pour terminer

Anglais

Votre entreprise pourrait-elle bénéficier de la formation des employés à des compétences recherchées ?

Essayez Coursera pour les affaires

Enseignant

Évaluation de l'enseignant

4,91/5 (12 évaluations)

William Mead

Offert par

Université de Californie à Davis

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

En savoir plus sur Coursera pour les affaires

Programme de cours : ce que vous apprendrez dans ce cours

Semaine

Semaine 1

4 heures pour terminer

Getting Started & Collecting and Validating Data From Users

In this module, you will be able to review and create HTML form elements, in preparation for doing form validation. You will be introduced to basic form validation and be able to discuss the differences between server side and client side validation, as well as the purpose of each type. You will be able to explore some of the advanced features available in the jQuery validation plugin, and take full control of the way information is presented to users.

4 heures pour terminer

20 vidéos (Total 122 min), 7 lectures, 1 quiz

20 vidéos

Welcome to this Course!55s

Module Introduction33s

Introduction to HTML Forms7 min

Adding a Label5 min

Radio Button Input Types5 min

Using the Checkboxes Input Types8 min

Using Textarea Elements6 min

Styling Your Form4 min

Introduction to Basics of Form Validation5 min

Processing the Form7 min

Backend Validation with PHP6 min

Plain JavaScript Validation - HTML10 min

jQuery Form Validation5 min

jQuery Validator Plugin - Part 111 min

jQuery Validator Plugin - Part 24 min

Introduction to Advanced Form Validation4 min

Starting the Script7 min

Checking the Phone Number5 min

Adding Messages5 min

Styling Your Form6 min

7 lectures

A Note From UC Davis10 min

Start Files: Basic Form HTML10 min

PDF of Presentation10 min

Start Files: Basic Form Examples10 min

PDF of Presentation10 min

Start Files: Advanced Validation10 min

PDF of Presentation10 min

1 exercice pour s'entraîner

Module 1 Quiz30 min

Semaine

Semaine 2

3 heures pour terminer

A Deeper Dive Into JavaScript

In this module, you will be introduced to the concept of prototypical inheritance in JavaScript, and be able to demonstrate how it affects objects. You will be able to take a deeper look at arrow functions as an alternative to traditional function expression syntax. You will be able to convert function expressions into arrow functions when appropriate. You will be introduced to a larger scripting project with more functionality and complexity, which you will be able to start in the next module.

3 heures pour terminer

10 vidéos (Total 53 min), 5 lectures, 1 quiz

10 vidéos

Module Introduction47s

Introduction to Prototypes & Inheritance4 min

iPhone Example4 min

Overriding Inheritance6 min

Another Inheritance Example8 min

hasOwnProperty()3 min

Introduction to Arrow Functions6 min

Parameters and Arrow Functions7 min

Constructor Function Expression5 min

Seat Reservation Program Introduction6 min

5 lectures

PDF of Presentation10 min

Arrow Function Challenges30 min

Start Files: Seat Reservation - Part 110 min

PDF of Presentation10 min

1 exercice pour s'entraîner

Module 2 Quiz30 min

Semaine

Semaine 3

5 heures pour terminer

Seat Reservation Program

In this module, you will given a possible solution to the challenge presented to you in the previous module. You will be able to refactor code using best practices and fix final bugs in the application. You will be able to create a general function for getting data from the seatReservations object and use DOM manipulation techniques and logical flow control structures to update the necessary elements on the web page. You will be able to use JavaScript to create 300 unique objects following a specific naming pattern and be able to demonstrate refactoring code and DRY principles in programming. You will be able to solve possible errors the user may encounter when reserving seats and be able to display and hide the seat reservation form. You will be able to add data to an object based on user selection in the interface and practice DOM manipulation techniques.

5 heures pour terminer

30 vidéos (Total 160 min), 8 lectures, 1 quiz

30 vidéos

Module Introduction42s

Introduction to Creating the Seats4 min

The Left Section6 min

The Right Section5 min

The Middle Section4 min

Figuring Out Variables4 min

Adding Switch Statements8 min

Adding the Loop and HTML8 min

Using an Arrow Function5 min

The reservedSeats Object5 min

Affecting the DOM4 min

With IIFE Closure3 min

Adding an Array3 min

Two Pieces Needed4 min

Getting the Seat ID4 min

Getting the Index3 min

Adding the If Statement3 min

The Finished Function6 min

Adding the Form HTML4 min

Open and Close Form Event Handlers6 min

manageConfirmForm Function5 min

Updating the Else Statement5 min

Fixing Bugs on the Form5 min

Fixing More Bugs3 min

Additional Condition Statement5 min

Setting Up the Final Steps6 min

Back to the Object4 min

Adding Each Record6 min

Clean Up8 min

Final Fixes9 min

8 lectures

Start Files: Seat Reservation - Part 110 min

PDF of Presentation10 min

Start Files: Index HTML10 min

PDF of Presentation10 min

Start Files: Styles CSS10 min

PDF of Presentation10 min

1 exercice pour s'entraîner

Module 3 Quiz30 min

Semaine

Semaine 4

7 heures pour terminer

Working with Data Asynchronously in JavaScript

In this module, you will be introduced to asynchronous JavaScript and explore methods for retrieving data asynchronously. You will be able to explore the way JavaScript handles events in more detail and be able to use methods in JavaScript to both send and receive data from a server file, and build a usable contact form for a website. You will be introduced to third party APIs and be able to use asynchronous methods for retrieving and displaying information from these APIs. You'll also be able to explore ways the data coming from third party APIs can be manipulated. You will also have the chance to work on an Honors project (if you desire).

7 heures pour terminer

43 vidéos (Total 237 min), 12 lectures, 2 quiz

43 vidéos

Module Introduction38s

Introduction to Asynchronous JavaScript6 min

Example: XMLHttpRequest - getData();4 min

Example: XMLHttpRequest - useResponse();4 min

jQuery to the Rescue5 min

The Fetch API and Promises - getData();5 min

The Fetch API and Promises - response.text;4 min

Async and Await Keywords5 min

Working with JSON Data5 min

Example 5: OutputHTML Function4 min

Example 6: Async and Await with JSON4 min

Introduction to JavaScript Event Loop6 min

Example 35 min

Examples 4 & 56 min

Example 6: setTimeout3 min

Creating a Basic jQuery Version4 min

Loading and Validating Form Data5 min

Sending the Data8 min

Async / Await Version6 min

Getting the Data5 min

Creating a Contact Me Form7 min

Working with Error Messages7 min

The sendData() Function5 min

Updated displayMessage() Function7 min

Course Summary1 min

Introduction to Third Party APIs6 min

Starting Your Project4 min

Creating the Card4 min

The Whole Function and Sorting Function6 min

Adding a Form4 min

setSort() Function4 min

Running and Changing the Sort6 min

Fixing the Current Flow7 min

One More Thing4 min

Getting Started and Updating createCard Function5 min

Helper Function and People Card7 min

Testing the People Card6 min

Click Handlers, Alerts, and Variables5 min

Data Promise and Update Create Card7 min

Looking At Locations6 min

Dealing With Errors5 min

Species and Vehicle Cards5 min

Fixing the Sort4 min

12 lectures

Start Files: Asynchronou JS Examples10 min

Additional Resource10 min

PDF of Presentation10 min

Start Files: JavaScript Event Loop10 min

PDF of Presentation10 min

Start Files: Contact Form Project10 min

PDF of Presentation10 min

Start Files: Studio Ghibli - Part 110 min

Additional Resources10 min

Start Files: Studio Ghibli - Part 210 min

Additional Resources10 min

PDF of Presentations10 min

2 exercices pour s'entraîner

Module 4 Quiz30 min

Honor's Quiz30 min

Avis

4.8

12 avis

5 stars
78,94 %
4 stars
21,05 %

Meilleurs avis pour DATA MANIPULATION IN JAVASCRIPT

par TS29 oct. 2021

The course is easy to follow. The instructor also shows how the code is written using both jQuery and plain vanilla JS. In a nutshell, highly recommended for beginner.

par ML9 oct. 2022

Excellent class; be sure to copy and test the code yourself to fully appreciate and learn the material.

par ND7 mai 2022

It needs a lot of practice to grab the concepts, very fast-paced for a beginner!

Voir tous les avis

À propos du Spécialisation JavaScript for Beginners

Foire Aux Questions

Quand aurai-je accès aux vidéos de cours et aux devoirs ?
L’accès à des vidéos de cours et des devoirs dépend de votre type d’inscription. Si vous suivez un cours en mode auditeur libre, vous pourrez voir la plupart des contenus de cours gratuitement. Pour accéder aux devoirs notés et obtenir un certificat, vous devrez acheter une expérience de certificat, pendant ou après avoir assister au cours en tant qu’auditeur libre. Si vous ne visualisez pas l’option auditeur libre :
Il est possible que le cours ne propose pas d’option auditeur libre. Vous pouvez en revanche accéder à un essai gratuit ou faire une demande d'aide financière.
Le cours propose peut-être « Cours complet, aucun certificat » à la place. Cette option vous permet de voir tous les contenus de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cependant, vous ne pourrez pas acheter une expérience de certificat.
À quoi ai-je droit si je m'abonne à cette Spécialisation ?
Lorsque vous vous inscrivez au cours, vous bénéficiez d'un accès à tous les cours de la Spécialisation, et vous obtenez un Certificat lorsque vous avez réussi. Votre Certificat électronique est alors ajouté à votre page Accomplissements. À partir de cette page, vous pouvez imprimer votre Certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez seulement lire et visualiser le contenu du cours, vous pouvez accéder gratuitement au cours en tant qu'auditeur libre.
Une aide financière est-elle possible ?
Oui. Dans certains programmes d’apprentissage, vous pouvez demander une aide financière ou une bourse d’études si vous ne pouvez pas payer les frais d’inscription. Si une aide financière ou une bourse d’études est disponible pour le programme d’apprentissage choisi, vous trouverez un lien pour faire une demande sur la page de description.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

D'autres questions ? Visitez le Centre d'Aide pour les Étudiants.

Développez les compétences de vos employés, obtenez des résultats commerciaux

Découvrez Coursera pour les affaires

Data Manipulation in JavaScript

À propos de ce cours

Enseignant

William Mead

Offert par

Université de Californie à Davis

Programme de cours : ce que vous apprendrez dans ce cours

Getting Started & Collecting and Validating Data From Users

A Deeper Dive Into JavaScript

Seat Reservation Program

Working with Data Asynchronously in JavaScript

Avis

Meilleurs avis pour DATA MANIPULATION IN JAVASCRIPT

À propos du Spécialisation JavaScript for Beginners

Foire Aux Questions

Commencez ou faites progresser votre carrière

Cours et certifications populaires

Collections et articles populaires

Obtenez un diplôme ou un certificat en ligne

Coursera

Communauté

Plus

Data Manipulation in JavaScript

À propos de ce cours

Enseignant

William Mead

Offert par

Université de Californie à Davis

Programme de cours : ce que vous apprendrez dans ce cours

Getting Started & Collecting and Validating Data From Users

A Deeper Dive Into JavaScript

Seat Reservation Program

Working with Data Asynchronously in JavaScript

Avis

Meilleurs avis pour DATA MANIPULATION IN JAVASCRIPT

À propos du Spécialisation JavaScript for Beginners

Foire Aux Questions

Coursera Footer

Commencez ou faites progresser votre carrière

Cours et certifications populaires

Collections et articles populaires

Obtenez un diplôme ou un certificat en ligne

Coursera

Communauté

Plus