Web Development Fundamentals

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.

Web Development Fundamentals

Ce cours fait partie de Microsoft JavaScript Starter Kit Certificat Professionnel

Instructeur : Microsoft

Inclus avec Coursera Plus

5 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Débutant

Expérience recommandée

3 semaines à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

5 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Débutant

Expérience recommandée

3 semaines à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

Compétences que vous acquerrez

Catégorie : Hypertext Markup Language (HTML)
Catégorie : HTML and CSS
Catégorie : Data Storage
Catégorie : Web Applications
Catégorie : Cascading Style Sheets (CSS)
Catégorie : Web Development
Catégorie : Javascript
Catégorie : Data Management
Catégorie : Responsive Web Design
Catégorie : Front-End Web Development
Catégorie : Event-Driven Programming
Catégorie : UI Components

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

14 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise en Mobile and Web Development

Ce cours fait partie de la Microsoft JavaScript Starter Kit Certificat Professionnel

Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à ce Certificat Professionnel.

Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable auprès de Microsoft

Il y a 5 modules dans ce cours

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.

Inclus

6 vidéos2 lectures3 devoirs6 laboratoires non notés3 plugins

6 vidéosTotal 27 minutes

Introduction to Web Development Fundamentals Course2 minutesPrévisualiser le module
HTML in Modern Web Development7 minutes
Introducing the To-Do List Web Application Final Course Project2 minutes
Becoming a Front End Developer4 minutes
Semantic HTML5 minutes
Web Form Design5 minutes

2 lecturesTotal 35 minutes

Course Syllabus10 minutes
Podcast Module Overview25 minutes

3 devoirsTotal 60 minutes

Practice Quiz: HTML Fundamentals15 minutes
Practice Quiz: Semantic HTML Implementation15 minutes
Graded Quiz: Forms and Validation30 minutes

6 laboratoires non notésTotal 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

3 pluginsTotal 45 minutes

HTML Structure Analysis15 minutes
Accessibility and SEO Strategy15 minutes
Form UX and Validation15 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.

Inclus

3 vidéos1 lecture3 devoirs6 laboratoires non notés3 plugins

3 vidéosTotal 14 minutes

CSS Basics5 minutesPrévisualiser le module
Layout and Box Model4 minutes
Responsive Design in Production5 minutes

1 lectureTotal 25 minutes

Podcast Module Overview25 minutes

3 devoirsTotal 60 minutes

Practice Quiz: CSS Fundamentals15 minutes
Practice Quiz: Layout Implementation15 minutes
Graded Quiz: Responsive Implementation30 minutes

6 laboratoires non notésTotal 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

3 pluginsTotal 45 minutes

CSS Architecture Strategy15 minutes
Layout Problem-Solving15 minutes
Responsive Strategy15 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.

Inclus

3 vidéos1 lecture3 devoirs6 laboratoires non notés3 plugins

3 vidéosTotal 15 minutes

DOM in Web Applications5 minutesPrévisualiser le module
Dynamic Content Creation5 minutes
Professional DOM Updates4 minutes

1 lectureTotal 15 minutes

Podcast Module Overview15 minutes

3 devoirsTotal 60 minutes

Practice Quiz: DOM Fundamentals15 minutes
Practice Quiz: Element Creation15 minutes
Graded Quiz: Element Modification30 minutes

6 laboratoires non notésTotal 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

3 pluginsTotal 45 minutes

DOM Traversal Strategies15 minutes
Content Generation Strategy15 minutes
Update Strategy Optimization15 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.

Inclus

3 vidéos1 lecture3 devoirs6 laboratoires non notés3 plugins

3 vidéosTotal 14 minutes

Events in Professional Applications4 minutesPrévisualiser le module
Professional Form Processing5 minutes
Event Delegation in Production4 minutes

1 lectureTotal 20 minutes

Podcast Module Overview20 minutes

3 devoirsTotal 60 minutes

Practice Quiz: Event Fundamentals15 minutes
Practice Quiz: Form Event Processing15 minutes
Graded Quiz: Event Delegation Implementation30 minutes

6 laboratoires non notésTotal 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

3 pluginsTotal 45 minutes

Event Architecture Design15 minutes
Form Interaction Strategies15 minutes
Delegation Strategy Optimization15 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.

Inclus

2 vidéos2 lectures2 devoirs1 devoir de programmation2 laboratoires non notés2 plugins

2 vidéosTotal 16 minutes

Security in Web Forms7 minutesPrévisualiser le module
Data Management in Web Applications9 minutes

2 lecturesTotal 43 minutes

Understanding Data Management in Web Applications30 minutes
Podcast Module Overview13 minutes

2 devoirsTotal 60 minutes

Practice Quiz: Form Security Implementation30 minutes
Graded Quiz: Data Management Implementation30 minutes

1 devoir de programmationTotal 60 minutes

To-Do List Data Integration60 minutes

2 laboratoires non notésTotal 80 minutes

Form Security Implementation30 minutes
To-Do List Security Enhancement50 minutes

2 pluginsTotal 30 minutes

Security Strategy Analysis15 minutes
Data Management Strategy15 minutes

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

Microsoft

219 Cours1 543 613 apprenants

Offert par

Microsoft

En savoir plus sur Mobile and Web Development

Microsoft
Introduction to JavaScript Programming
Cours
Microsoft
JavaScript Data and Applications
Cours
Microsoft
JavaScript Development Tools and React
Cours
Microsoft
JavaScript Career Launch and Capstone
Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux Questions

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.

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. If you only want to read and view the course content, you can audit the course for free.

If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy.