Clinical Professor, School of Information
Developing and Deploying a Complete Django Web Application
What You'll Learn
- Explain and give examples of many-to-many relationships in data modeling
- Write syntactically correct JavaScript language and demonstrate debugging capabilities
- Build objects using JavaScript
- Explain basic elements of low-level jQuery
8 Modules
16 Hours
2 hrs per module (approx.)
Rating
About Developing and Deploying a Complete Django Web Application
In this final course, we'll look at the JavaScript language and how it supports the Object-Oriented pattern, with a focus on the unique aspects of JavaScript's approach to OO. We'll provide an introduction to the jQuery library, which is widely used for in-browser manipulation of the Document Object Model (DOM) and event handling. You'll also learn about JavaScript Object Notation (JSON), which is commonly used as a syntax to exchange data between code running on the server (i.e., in Django) and code running in the browser (JavaScript/jQuery). You will continue to develop your classified ads application, adding features that make use of JavaScript, JQuery, and JSON. This course assumes you have completed the first three courses in the specialization.
Skills You'll Gain
- Django (Web Framework)
- DOM Scripting
- HTML Scripting
- JavaScript OS
- JQuery
- JSON
- Object-Oriented JavaScript
- Pure JavaScript
- Web Development
What You'll Earn
- Certificate of Completion:
- Certificates of completion acknowledge knowledge acquired upon completion of a non-credit course or program.
Welcome Message
Welcome to JavaScript, jQuery, and JSON, a course focused on client-side web programming and dynamic browser-based interactions. You will learn core JavaScript concepts, including its object-oriented approach, explore jQuery for DOM manipulation and event handling, and work with JSON to exchange data between servers and browsers. This course, the final course in the Web Applications for Everybody Specialization, builds practical skills for creating interactive, data-driven web applications.
This abbreviated syllabus description was created with the help of AI tools and reviewed by staff. The full syllabus is available to those who enroll in the course.
Course Schedule
Module 1: Introduction to JavaScript
- Reading: Textbook & Course Resources
- Discussion Prompt: Your Own Application
- Reading: Help Us Learn More About You!
- Video: Welcome to the Course
- Video: JavaScript Overview
- Video: Basic JavaScript
- Video: JavaScript - Core Language Features
- Video: JavaScript - Variables and Expressions
- Video: JavaScript - Arrays and Control Structures
- Video: Code Walkthrough: JavaScript
- Video: JavaScript - Document Object Model
- Video: Code Walkthrough: Document Object Model (DOM)
- Graded Assignment: JavaScript
- Video: Bonus: Brendan Eich - Inventing JavaScript
- Video: Bonus: Office Hours Seattle, Washington
- Video: Code Walkthrough - Javascript/Profiles
- Reading: Assignment Specification: JavaScript/Profiles
- Reading: About This Section
- Reading: Installation Handouts
- Video: Installing MAMP on Macintosh
- Video: Installing MAMP on Windows10
- Video: Installing XAMPP on Windows10
- Reading: Installing LAMP On Linux
- Reading: Submitting your code to the autograder
- Video: Windows: Using NGrok with the Autograder
- Video: Macintosh: Using NGrok with the Autograder
- Graded: Auto-Grader: JavaScript / Profiles
- Graded: Peer-Grader: JavaScript / Profiles
Module 2: JavaScript Objects
- Video: JavaScript - Object Oriented Concepts
- Video: JavaScript - Building Objects
- Video: JavaScript - Object Life Cycle
- Graded Assignment: JavaScript Objects
- Video: Bonus: Office Hours Seoul, South Korea
Module 3: Using jQuery
- Video: jQuery Basics
- Video: Code Walkthrough: jQuery Basics
- Video: Forms and jQuery
- Video: Code Walkthrough: Forms and JQuery
- Practice Quiz: JQuery
- Video: Bonus: John Resig - JQuery
- Video: Bonus: Office Hours, Barcelona
- Video: Code Walkthrough: Profiles, Positions and JQuery
- Reading: Assignment Specification: Profiles, Positions and JQuery
- Graded: Auto-Grader: Profiles, Positions and jQuery
- Graded: Peer-Grader: Profiles, Positions and jQuery
Module 4: JSON – JavaScript Object Notation
- Video: JavaScript Object Notation (JSON)
- Video: JSON and jQuery
- Video: Code Walkthrough: JavaScript Object Notation
- Video: JSON Chat
- Video: Code Walkthrough: JSON Chat
- Video: Code WalkThrough - JSON CRUD
- Video: Code Walkthrough: Profile, Positions, Education, and JSON
- Reading: Assignment Specification: Profiles, Positions, and Education
- Video: Bonus Office Hours: Montreal, Quebec
- Video: Fun: Chuck Pretends he is a Travel Show (Paris)
- Reading: Post-Course Survey
- Graded: Auto-Grader: Profiles, Positions, and Education
- Graded: Peer-Grader: Profiles, Positions, and Education
Grading Policy
Course materials and assignments are self-paced and remain open throughout the course. Learners must earn an overall grade of 80% to pass and receive a certificate. Assignments in each module are worth 33.3% of your final grade.
Course content developed by U-M faculty and managed by the university. Faculty titles and affiliations are updated periodically.
Intermediate Level
This course covers come core concepts like JavaScript, JQuery, JavaScript Object Notation (JSON) and AJAX - Asunchronous interaction between the browser and the back-end. These ideas build on one another and depend on understanding HyperText Markup Language (HTML) and HyperText Transfer Protocol (HTTP).
