VOOZH about

URL: https://www.coursera.org/learn/web-development-fundamentals

⇱ Web Development Fundamentals | Coursera


Web Development Fundamentals

Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Web Development Fundamentals

Included with

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

3 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

3 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

Build your Mobile and Web Development expertise

This course is part of the Microsoft JavaScript Starter Kit Professional Certificate
When you enroll in this course, you'll also be enrolled in this Professional Certificate.
  • 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 videosTotal 27 minutes
  • Introduction to Web Development Fundamentals Course2 minutes
  • HTML in Modern Web Development7 minutes
  • Introducing the To-Do List Web Application Final Course Project2 minutes
  • Becoming a Front End Developer5 minutes
  • Semantic HTML6 minutes
  • Web Form Design6 minutes
2 readingsTotal 35 minutes
  • Course Syllabus10 minutes
  • Podcast Module Overview25 minutes
3 assignmentsTotal 60 minutes
  • Practice Quiz: HTML Fundamentals15 minutes
  • Practice Quiz: Semantic HTML Implementation15 minutes
  • Graded Quiz: Forms and Validation30 minutes
6 ungraded labsTotal 225 minutes
  • First HTML Document30 minutes
  • To-Do List Structure45 minutes
  • Semantic Document Structure30 minutes
  • To-Do List Semantic Enhancement40 minutes
  • Interactive Form Elements30 minutes
  • To-Do List Form Implementation50 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 videosTotal 15 minutes
  • CSS Basics5 minutes
  • Layout and Box Model4 minutes
  • Responsive Design in Production5 minutes
1 readingTotal 25 minutes
  • Podcast Module Overview25 minutes
3 assignmentsTotal 60 minutes
  • Practice Quiz: CSS Fundamentals15 minutes
  • Practice Quiz: Layout Implementation15 minutes
  • Graded Quiz: Responsive Implementation30 minutes
6 ungraded labsTotal 250 minutes
  • CSS Fundamentals Practice40 minutes
  • To-Do List Styling Basics45 minutes
  • Layout Techniques Practice30 minutes
  • To-Do List Layout Implementation50 minutes
  • Responsive Techniques Practice30 minutes
  • To-Do List Responsive Implementation55 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 videosTotal 15 minutes
  • DOM in Web Applications5 minutes
  • Dynamic Content Creation5 minutes
  • Professional DOM Updates5 minutes
1 readingTotal 15 minutes
  • Podcast Module Overview15 minutes
3 assignmentsTotal 60 minutes
  • Practice Quiz: DOM Fundamentals15 minutes
  • Practice Quiz: Element Creation15 minutes
  • Graded Quiz: Element Modification30 minutes
6 ungraded labsTotal 235 minutes
  • DOM Selection Practice30 minutes
  • To-Do List DOM Integration45 minutes
  • Element Creation Practice30 minutes
  • To-Do List Task Creation50 minutes
  • Dynamic Element Modification25 minutes
  • Enhancing To Do List Task Management55 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 videosTotal 15 minutes
  • Events in Professional Applications4 minutes
  • Professional Form Processing6 minutes
  • Event Delegation in Production5 minutes
1 readingTotal 20 minutes
  • Podcast Module Overview20 minutes
3 assignmentsTotal 60 minutes
  • Practice Quiz: Event Fundamentals15 minutes
  • Practice Quiz: Form Event Processing15 minutes
  • Graded Quiz: Event Delegation Implementation30 minutes
6 ungraded labsTotal 250 minutes
  • Event Handling Fundamentals40 minutes
  • To-Do List Event Integration45 minutes
  • Form Event Practice30 minutes
  • To-Do List Form Processing50 minutes
  • Event Delegation Practice30 minutes
  • To-Do List Event Optimization55 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 videosTotal 22 minutes
  • Security in Web Forms8 minutes
  • Data Management in Web Applications9 minutes
  • Expert Project Walkthrough5 minutes
2 readingsTotal 43 minutes
  • Understanding Data Management in Web Applications30 minutes
  • Podcast Module Overview13 minutes
2 assignmentsTotal 60 minutes
  • Practice Quiz: Form Security Implementation30 minutes
  • Graded Quiz: Data Management Implementation30 minutes
1 programming assignmentTotal 60 minutes
  • To-Do List Data Integration60 minutes
2 ungraded labsTotal 80 minutes
  • Form Security Implementation30 minutes
  • To-Do List Security Enhancement50 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

346 Courses2,644,317 learners

Explore more from Mobile and Web Development

Why people choose Coursera for their career

👁 Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
👁 Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
👁 Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
👁 Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

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.

Financial aid available,