This course is part of the JavaScript for Beginners Specialization

4.7
stars
39 ratings

William Mead

4,485 already enrolled

Offered By

JavaScript for Beginners SpecializationUniversity of California, Davis

About this Course

11,704 recent views

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.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Course 4 of 4 in the

JavaScript for Beginners Specialization

Beginner Level

Approx. 18 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Course 4 of 4 in the

JavaScript for Beginners Specialization

Beginner Level

Approx. 18 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Instructor

Instructor rating

4.91/5 (12 Ratings)

William Mead

Offered by

University of California, Davis

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

Syllabus - What you will learn from this course

Week1

Week 1

4 hours to complete

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 hours to complete

20 videos (Total 122 min), 7 readings, 1 quiz

20 videos

Welcome to this Course!55sModule Introduction33sIntroduction to HTML Forms7mAdding a Label5mRadio Button Input Types5mUsing the Checkboxes Input Types8mUsing Textarea Elements6mStyling Your Form4mIntroduction to Basics of Form Validation5mProcessing the Form7mBackend Validation with PHP6mPlain JavaScript Validation - HTML10mjQuery Form Validation5mjQuery Validator Plugin - Part 111mjQuery Validator Plugin - Part 24mIntroduction to Advanced Form Validation4mStarting the Script7mChecking the Phone Number5mAdding Messages5mStyling Your Form6m

7 readings

A Note From UC Davis10mStart Files: Basic Form HTML10mPDF of Presentation10mStart Files: Basic Form Examples10mPDF of Presentation10mStart Files: Advanced Validation10mPDF of Presentation10m

1 practice exercise

Module 1 Quiz30m

Week2

Week 2

3 hours to complete

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 hours to complete

10 videos (Total 53 min), 5 readings, 1 quiz

10 videos

Module Introduction47sIntroduction to Prototypes & Inheritance4miPhone Example4mOverriding Inheritance6mAnother Inheritance Example8mhasOwnProperty()3mIntroduction to Arrow Functions6mParameters and Arrow Functions7mConstructor Function Expression5mSeat Reservation Program Introduction6m

5 readings

PDF of Presentation10mPDF of Presentation10mArrow Function Challenges30mStart Files: Seat Reservation - Part 110mPDF of Presentation10m

1 practice exercise

Module 2 Quiz30m

Week3

Week 3

5 hours to complete

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 hours to complete

30 videos (Total 160 min), 8 readings, 1 quiz

30 videos

Module Introduction42sIntroduction to Creating the Seats4mThe Left Section6mThe Right Section5mThe Middle Section4mFiguring Out Variables4mAdding Switch Statements8mAdding the Loop and HTML8mUsing an Arrow Function5mThe reservedSeats Object5mAffecting the DOM4mWith IIFE Closure3mAdding an Array3mTwo Pieces Needed4mGetting the Seat ID4mGetting the Index3mAdding the If Statement3mThe Finished Function6mAdding the Form HTML4mOpen and Close Form Event Handlers6mmanageConfirmForm Function5mUpdating the Else Statement5mFixing Bugs on the Form5mFixing More Bugs3mAdditional Condition Statement5mSetting Up the Final Steps6mBack to the Object4mAdding Each Record6mClean Up8mFinal Fixes9m

8 readings

Start Files: Seat Reservation - Part 110mPDF of Presentation10mPDF of Presentation10mPDF of Presentation10mStart Files: Index HTML10mPDF of Presentation10mStart Files: Styles CSS10mPDF of Presentation10m

1 practice exercise

Module 3 Quiz30m

Week4

Week 4

7 hours to complete

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 hours to complete

43 videos (Total 237 min), 12 readings, 2 quizzes

43 videos

Module Introduction38sIntroduction to Asynchronous JavaScript6mExample: XMLHttpRequest - getData();4mExample: XMLHttpRequest - useResponse();4mjQuery to the Rescue5mThe Fetch API and Promises - getData();5mThe Fetch API and Promises - response.text;4mAsync and Await Keywords5mWorking with JSON Data5mExample 5: OutputHTML Function4mExample 6: Async and Await with JSON4mIntroduction to JavaScript Event Loop6mExample 35mExamples 4 & 56mExample 6: setTimeout3mCreating a Basic jQuery Version4mLoading and Validating Form Data5mSending the Data8mAsync / Await Version6mGetting the Data5mCreating a Contact Me Form7mWorking with Error Messages7mThe sendData() Function5mUpdated displayMessage() Function7mCourse Summary1mIntroduction to Third Party APIs6mStarting Your Project4mCreating the Card4mThe Whole Function and Sorting Function6mAdding a Form4msetSort() Function4mRunning and Changing the Sort6mFixing the Current Flow7mOne More Thing4mGetting Started and Updating createCard Function5mHelper Function and People Card7mTesting the People Card6mClick Handlers, Alerts, and Variables5mData Promise and Update Create Card7mLooking At Locations6mDealing With Errors5mSpecies and Vehicle Cards5mFixing the Sort4m

12 readings

Start Files: Asynchronou JS Examples10mAdditional Resource10mPDF of Presentation10mStart Files: JavaScript Event Loop10mPDF of Presentation10mStart Files: Contact Form Project10mPDF of Presentation10mStart Files: Studio Ghibli - Part 110mAdditional Resources10mStart Files: Studio Ghibli - Part 210mAdditional Resources10mPDF of Presentations10m

2 practice exercises

Module 4 Quiz30mHonor's Quiz30m

Reviews

4.7

13 reviews

5 stars
76.92%
4 stars
20.51%
3 stars
2.56%

TOP REVIEWS FROM DATA MANIPULATION IN JAVASCRIPT

by NDMay 7, 2022

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

by MLOct 9, 2022

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

by TSOct 29, 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.

View all reviews

About the JavaScript for Beginners Specialization

Frequently Asked Questions

When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
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.

More questions? Visit the Learner Help Center.

Build employee skills, drive business results

Discover Coursera for Business

Data Manipulation in JavaScript

About this Course