Data Manipulation in JavaScript
Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Data Manipulation in JavaScript
This course is part of JavaScript for Beginners Specialization
Instructor: William Mead
7,401 already enrolled
Included with
69 reviews
69 reviews
Skills you'll gain
Tools you'll learn
Details to know
5 assignments
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate
There are 4 modules in this course
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.
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.
What's included
20 videos7 readings1 assignment2 discussion prompts
20 videos•Total 122 minutes
- Welcome to this Course!•1 minute
- Module Introduction•1 minute
- Introduction to HTML Forms•7 minutes
- Adding a Label•6 minutes
- Radio Button Input Types•6 minutes
- Using the Checkboxes Input Types•8 minutes
- Using Textarea Elements•7 minutes
- Styling Your Form•5 minutes
- Introduction to Basics of Form Validation•6 minutes
- Processing the Form•8 minutes
- Backend Validation with PHP•6 minutes
- Plain JavaScript Validation - HTML•11 minutes
- jQuery Form Validation•6 minutes
- jQuery Validator Plugin - Part 1•12 minutes
- jQuery Validator Plugin - Part 2•4 minutes
- Introduction to Advanced Form Validation•5 minutes
- Starting the Script•7 minutes
- Checking the Phone Number•6 minutes
- Adding Messages•5 minutes
- Styling Your Form•7 minutes
7 readings•Total 70 minutes
- A Note From UC Davis•10 minutes
- Start Files: Basic Form HTML•10 minutes
- PDF of Presentation•10 minutes
- Start Files: Basic Form Examples•10 minutes
- PDF of Presentation•10 minutes
- Start Files: Advanced Validation•10 minutes
- PDF of Presentation•10 minutes
1 assignment•Total 30 minutes
- Module 1 Quiz•30 minutes
2 discussion prompts•Total 20 minutes
- Learning Goals•10 minutes
- Module 1 Reflection•10 minutes
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.
What's included
10 videos5 readings1 assignment1 discussion prompt
10 videos•Total 53 minutes
- Module Introduction•1 minute
- Introduction to Prototypes & Inheritance•5 minutes
- iPhone Example•5 minutes
- Overriding Inheritance•6 minutes
- Another Inheritance Example•9 minutes
- hasOwnProperty()•3 minutes
- Introduction to Arrow Functions•7 minutes
- Parameters and Arrow Functions•7 minutes
- Constructor Function Expression•5 minutes
- Seat Reservation Program Introduction•6 minutes
5 readings•Total 70 minutes
- PDF of Presentation•10 minutes
- PDF of Presentation•10 minutes
- Arrow Function Challenges•30 minutes
- Start Files: Seat Reservation - Part 1•10 minutes
- PDF of Presentation•10 minutes
1 assignment•Total 30 minutes
- Module 2 Quiz•30 minutes
1 discussion prompt•Total 10 minutes
- Module 2 Reflection•10 minutes
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.
What's included
30 videos8 readings1 assignment1 discussion prompt
30 videos•Total 160 minutes
- Module Introduction•1 minute
- Introduction to Creating the Seats•5 minutes
- The Left Section•6 minutes
- The Right Section•6 minutes
- The Middle Section•4 minutes
- Figuring Out Variables•5 minutes
- Adding Switch Statements•8 minutes
- Adding the Loop and HTML•9 minutes
- Using an Arrow Function•6 minutes
- The reservedSeats Object•5 minutes
- Affecting the DOM•5 minutes
- With IIFE Closure•4 minutes
- Adding an Array•3 minutes
- Two Pieces Needed•5 minutes
- Getting the Seat ID•5 minutes
- Getting the Index•4 minutes
- Adding the If Statement•3 minutes
- The Finished Function•6 minutes
- Adding the Form HTML•4 minutes
- Open and Close Form Event Handlers•7 minutes
- manageConfirmForm Function•6 minutes
- Updating the Else Statement•6 minutes
- Fixing Bugs on the Form•6 minutes
- Fixing More Bugs•3 minutes
- Additional Condition Statement•5 minutes
- Setting Up the Final Steps•6 minutes
- Back to the Object•4 minutes
- Adding Each Record•6 minutes
- Clean Up•8 minutes
- Final Fixes•9 minutes
8 readings•Total 80 minutes
- Start Files: Seat Reservation - Part 1•10 minutes
- PDF of Presentation•10 minutes
- PDF of Presentation•10 minutes
- PDF of Presentation•10 minutes
- Start Files: Index HTML•10 minutes
- PDF of Presentation•10 minutes
- Start Files: Styles CSS•10 minutes
- PDF of Presentation•10 minutes
1 assignment•Total 30 minutes
- Module 3 Quiz•30 minutes
1 discussion prompt•Total 10 minutes
- Module 3 Reflection•10 minutes
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).
What's included
43 videos12 readings2 assignments2 discussion prompts
43 videos•Total 237 minutes
- Module Introduction•1 minute
- Introduction to Asynchronous JavaScript•7 minutes
- Example: XMLHttpRequest - getData();•5 minutes
- Example: XMLHttpRequest - useResponse();•5 minutes
- jQuery to the Rescue•6 minutes
- The Fetch API and Promises - getData();•6 minutes
- The Fetch API and Promises - response.text;•4 minutes
- Async and Await Keywords•5 minutes
- Working with JSON Data•6 minutes
- Example 5: OutputHTML Function•5 minutes
- Example 6: Async and Await with JSON•5 minutes
- Introduction to JavaScript Event Loop•6 minutes
- Example 3•6 minutes
- Examples 4 & 5•7 minutes
- Example 6: setTimeout•3 minutes
- Creating a Basic jQuery Version•5 minutes
- Loading and Validating Form Data•6 minutes
- Sending the Data•9 minutes
- Async / Await Version•6 minutes
- Getting the Data•6 minutes
- Creating a Contact Me Form•8 minutes
- Working with Error Messages•7 minutes
- The sendData() Function•6 minutes
- Updated displayMessage() Function•7 minutes
- Course Summary•1 minute
- Introduction to Third Party APIs•6 minutes
- Starting Your Project•5 minutes
- Creating the Card•4 minutes
- The Whole Function and Sorting Function•6 minutes
- Adding a Form•5 minutes
- setSort() Function•5 minutes
- Running and Changing the Sort•7 minutes
- Fixing the Current Flow•8 minutes
- One More Thing•5 minutes
- Getting Started and Updating createCard Function•5 minutes
- Helper Function and People Card•7 minutes
- Testing the People Card•6 minutes
- Click Handlers, Alerts, and Variables•6 minutes
- Data Promise and Update Create Card•7 minutes
- Looking At Locations•6 minutes
- Dealing With Errors•5 minutes
- Species and Vehicle Cards•6 minutes
- Fixing the Sort•4 minutes
12 readings•Total 120 minutes
- Start Files: Asynchronou JS Examples•10 minutes
- Additional Resource•10 minutes
- PDF of Presentation•10 minutes
- Start Files: JavaScript Event Loop•10 minutes
- PDF of Presentation•10 minutes
- Start Files: Contact Form Project•10 minutes
- PDF of Presentation•10 minutes
- Start Files: Studio Ghibli - Part 1•10 minutes
- Additional Resources•10 minutes
- Start Files: Studio Ghibli - Part 2•10 minutes
- Additional Resources•10 minutes
- PDF of Presentations•10 minutes
2 assignments•Total 60 minutes
- Module 4 Quiz•30 minutes
- Honor's Quiz•30 minutes
2 discussion prompts•Total 20 minutes
- Module 4 Reflection•10 minutes
- Self-Reflection•10 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Instructor
Offered by
Explore more from Mobile and Web Development
- Status: Free TrialM
Microsoft
Course
Guided Project
- Status: Free Trial
Course
Why people choose Coursera for their career
Learner reviews
- 5 stars
81.15%
- 4 stars
17.39%
- 3 stars
1.44%
- 2 stars
0%
- 1 star
0%
Showing 3 of 69
Reviewed on Jan 4, 2024
I thought I know javascript before learning this course
Reviewed on Jul 24, 2022
Just amazing like every course in this specialization, If you accept the challenges and get the most out of each module, I assure you that you will advance considerably as a javascript programmer.
Reviewed on May 7, 2022
It needs a lot of practice to grab the concepts, very fast-paced for a beginner!
Frequently asked questions
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. 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.
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.
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
Financial aid available,