Web Development Fundamentals
Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Web Development Fundamentals
This course is part of Microsoft JavaScript Starter Kit Professional Certificate
Instructor: Microsoft
Included with
Recommended experience
Recommended experience
Skills you'll gain
Tools you'll learn
Details to know
See how employees at top companies are mastering in-demand skills
Build your Mobile and Web Development 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 from Microsoft
There are 5 modules in this course
Welcome to Web Development Fundamentals, the second course in the JavaScript Starter Kit Professional Certificate program.
This course will introduce you to the essential technologies for modern web development, teaching you how to create professional, responsive websites using HTML, CSS, and DOM manipulation with JavaScript. By the end of this course, you will be able to: - Create professional web page structures using semantic HTML elements and accessibility best practices - Implement responsive web designs using CSS properties and layout techniques that work across all device sizes - Develop dynamic web content using DOM manipulation and event handling to create interactive user experiences - Design and implement secure data management systems with proper form validation and XSS prevention - Build a complete To-Do List web application that demonstrates mastery of HTML, CSS, and JavaScript integration For the final project in this course, you will progressively develop a fully functional To-Do List web application that combines all web development fundamentals into a portfolio-ready project. You'll create semantic HTML structures, implement responsive CSS designs, build interactive features using DOM manipulation, handle user events and form submissions, and manage data persistence using browser storage. Throughout the development process, you'll learn to follow professional web standards, implement accessibility best practices, and create secure, user-friendly web applications that demonstrate real-world development skills. To succeed in this course, you should have programming experience with JavaScript variables, functions, control flow, and basic data structures. Familiarity with basic computer concepts and comfort using a web browser are also required. The course uses an online development environment, so you can start building web applications immediately.
Master the building blocks of web development by learning to create well-structured, accessible web pages using HTML. You'll start with basic HTML document structure and progress to implementing semantic elements that improve both SEO and accessibility. By the end of this module, you'll build professional HTML forms with proper validation and create the complete HTML foundation for your To-Do List application, following industry standards for document organization and user experience.
What's included
6 videos2 readings3 assignments6 ungraded labs
6 videos•Total 27 minutes
- Introduction to Web Development Fundamentals Course•2 minutes
- HTML in Modern Web Development•7 minutes
- Introducing the To-Do List Web Application Final Course Project•2 minutes
- Becoming a Front End Developer•5 minutes
- Semantic HTML•6 minutes
- Web Form Design•6 minutes
2 readings•Total 35 minutes
- Course Syllabus•10 minutes
- Podcast Module Overview•25 minutes
3 assignments•Total 60 minutes
- Practice Quiz: HTML Fundamentals•15 minutes
- Practice Quiz: Semantic HTML Implementation•15 minutes
- Graded Quiz: Forms and Validation•30 minutes
6 ungraded labs•Total 225 minutes
- First HTML Document•30 minutes
- To-Do List Structure•45 minutes
- Semantic Document Structure•30 minutes
- To-Do List Semantic Enhancement•40 minutes
- Interactive Form Elements•30 minutes
- To-Do List Form Implementation•50 minutes
Transform your HTML structures into visually appealing, professional websites using CSS styling and layout techniques. You'll learn to apply colors, typography, and spacing using the CSS box model, then advance to creating responsive designs that work seamlessly across all device sizes. This module culminates in implementing a complete visual design system for your To-Do List application, ensuring it looks professional on desktop, tablet, and mobile devices.
What's included
3 videos1 reading3 assignments6 ungraded labs
3 videos•Total 15 minutes
- CSS Basics•5 minutes
- Layout and Box Model•4 minutes
- Responsive Design in Production•5 minutes
1 reading•Total 25 minutes
- Podcast Module Overview•25 minutes
3 assignments•Total 60 minutes
- Practice Quiz: CSS Fundamentals•15 minutes
- Practice Quiz: Layout Implementation•15 minutes
- Graded Quiz: Responsive Implementation•30 minutes
6 ungraded labs•Total 250 minutes
- CSS Fundamentals Practice•40 minutes
- To-Do List Styling Basics•45 minutes
- Layout Techniques Practice•30 minutes
- To-Do List Layout Implementation•50 minutes
- Responsive Techniques Practice•30 minutes
- To-Do List Responsive Implementation•55 minutes
Bring your web pages to life by learning to manipulate HTML elements dynamically using JavaScript and the Document Object Model (DOM). You'll master selecting, modifying, and creating elements programmatically to update content without page refreshes. By the end of this module, you'll implement dynamic task creation and management features in your To-Do List application, creating the interactive foundation that modern web applications require.
What's included
3 videos1 reading3 assignments6 ungraded labs
3 videos•Total 15 minutes
- DOM in Web Applications•5 minutes
- Dynamic Content Creation•5 minutes
- Professional DOM Updates•5 minutes
1 reading•Total 15 minutes
- Podcast Module Overview•15 minutes
3 assignments•Total 60 minutes
- Practice Quiz: DOM Fundamentals•15 minutes
- Practice Quiz: Element Creation•15 minutes
- Graded Quiz: Element Modification•30 minutes
6 ungraded labs•Total 235 minutes
- DOM Selection Practice•30 minutes
- To-Do List DOM Integration•45 minutes
- Element Creation Practice•30 minutes
- To-Do List Task Creation•50 minutes
- Dynamic Element Modification•25 minutes
- Enhancing To Do List Task Management•55 minutes
Create engaging user experiences by implementing event-driven programming that responds to user actions like clicks, form submissions, and keyboard input. You'll learn to handle various event types efficiently and implement event delegation patterns for optimal performance. This module enables you to build a fully interactive To-Do List application where users can add, edit, complete, and manage tasks through intuitive interface interactions.
What's included
3 videos1 reading3 assignments6 ungraded labs
3 videos•Total 15 minutes
- Events in Professional Applications•4 minutes
- Professional Form Processing•6 minutes
- Event Delegation in Production•5 minutes
1 reading•Total 20 minutes
- Podcast Module Overview•20 minutes
3 assignments•Total 60 minutes
- Practice Quiz: Event Fundamentals•15 minutes
- Practice Quiz: Form Event Processing•15 minutes
- Graded Quiz: Event Delegation Implementation•30 minutes
6 ungraded labs•Total 250 minutes
- Event Handling Fundamentals•40 minutes
- To-Do List Event Integration•45 minutes
- Form Event Practice•30 minutes
- To-Do List Form Processing•50 minutes
- Event Delegation Practice•30 minutes
- To-Do List Event Optimization•55 minutes
Complete your web application by implementing secure data management and persistence using browser storage technologies. You'll learn to validate user input, prevent security vulnerabilities like XSS attacks, and store application data locally so users don't lose their work. By the end of this module, your To-Do List application will be a fully functional, secure web application that maintains user data across browser sessions and follows professional security best practices.
What's included
3 videos2 readings2 assignments1 programming assignment2 ungraded labs
3 videos•Total 22 minutes
- Security in Web Forms•8 minutes
- Data Management in Web Applications•9 minutes
- Expert Project Walkthrough•5 minutes
2 readings•Total 43 minutes
- Understanding Data Management in Web Applications•30 minutes
- Podcast Module Overview•13 minutes
2 assignments•Total 60 minutes
- Practice Quiz: Form Security Implementation•30 minutes
- Graded Quiz: Data Management Implementation•30 minutes
1 programming assignment•Total 60 minutes
- To-Do List Data Integration•60 minutes
2 ungraded labs•Total 80 minutes
- Form Security Implementation•30 minutes
- To-Do List Security Enhancement•50 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
Explore more from Mobile and Web Development
- Status: Free Trial
Course
- Status: PreviewI
Illinois Tech
Course
- Status: Free Trial
Course
- Status: PreviewB
Birla Institute of Technology & Science, Pilani
Course
Why people choose Coursera for their career
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 Certificate, 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.
More questions
Financial aid available,
