К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Introduction to Web Development · LearnSpace
Назад в каталог
courseraПрограммирование

Introduction to Web Development

Курс от Microsoft
Начальный≈ 39.9 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course covers the essential building blocks of web development, including HTML, CSS, and JavaScript. You'll learn responsive design, web accessibility, and how to use Git and Microsoft Copilot to collaborate and build small web projects efficiently. By the end of this program, you will be able to… Define the basic structure and elements of HTML, syntax of CSS and JavaScript, and concepts of version control. Explain the principles of responsive design, web accessibility, DOM manipulation, asynchronous JavaScript, and integration of Git with development tools. Describe advanced CSS techniques, functions, and scope in JavaScript, collaborative development with GitHub, and the features of Microsoft Copilot. Apply HTML, CSS, and JavaScript skills with Microsoft Copilot for a small web project.

Навыки, которые вы освоите

JavascriptCascading Style Sheets (CSS)JSONHypertext Markup Language (HTML)Responsive Web DesignGitHubGit (Version Control System)Web DesignWeb DevelopmentSemantic WebWeb Content Accessibility GuidelinesWeb Development ToolsWeb Design and DevelopmentMicrosoft CopilotFront-End Web DevelopmentHTML and CSSVersion Control

Программа курса

5 модулей · 186 учебных материалов

01HTML for Web Development48 материалов

Introduction to the Course

Course Introduction: Introduction to Web DevelopmentВидеоInstructor IntroductionВидеоIntroduction to Web Development Course SyllabusЧтениеThe What’s What of the CourseВидео

Учитесь у экспертов

Microsoft

Преподаватель курса

Introduction to Web Development
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 39.9 ч

5 модулей

Язык: Английский

Субтитры: Арабский, Французский, Узбекский, Итальянский, Корейский, Немецкий, Пушту, Индонезийский, Испанский, Дари, Японский, Казахский

Часть программы вашего университета
Completing the Guided LabsВидео
Completing the Guided LabsЧтение
Microsoft Tools for Front-End DevelopmentЧтение
Introducing the AI Tool: Microsoft CopilotВидео
How to Be Successful in This ProgramВидео
Introduction to the ProjectВидео

Introduction to HTML

Introduction to HTMLВидеоHTML Elements and TagsВидеоHTML AttributesВидеоHTML Document Structure and HierarchyВидеоHTML Structure and ElementsЧтениеIntroduction to HTMLDIALOGUEPractice Quiz: Introduction to HTMLЗадание

The Role of HTML in Web Development

HTML as the Foundation of Web ContentВидеоInteraction Between HTML and CSSВидеоInteraction Between HTML and JavaScriptВидеоHTML in Web DevelopmentЧтениеPractice Quiz: The Role of HTML in Web DevelopmentЗадание

The Importance of Semantic HTML

Understanding Semantic HTMLВидеоSemantic HTML and AccessibilityВидеоImplementing Semantic HTML in Web DevelopmentВидеоSemantic HTMLЧтениеThe Importance of Semantic HTMLDIALOGUEPractice Quiz: The Importance of Semantic HTMLЗадание

Building Your First HTML Document

Structuring an HTML DocumentВидеоWorking with Forms, Tables, and ListsВидеоIntegrating Media ElementsВидеоBuilding an HTML DocumentЧтениеBuilding an HTML DocumentВидеоGuided Lab: Building an HTML DocumentPLUGINYou Try It! Building an HTML DocumentЛабораторнаяYou Try It! Building an HTML Document - Answer KeyЧтениеPractice Quiz: Building Your First HTML DocumentЗадание

Constructing a Complete Web Page with HTML

Structuring the Web PageВидеоIncorporating Text, Lists, and LinksВидеоHTML Page Walk ThroughВидеоConstructing a Complete Web Page with HTMLЧтениеCreate a Web Page with HTMLВидеоGuided Lab: Create a Web Page with HTMLPLUGIN You Try It! Create a Web Page with HTMLЛабораторнаяYou Try It! Create a Web Page with HTML - Answer KeyЧтениеPractice Quiz: Constructing a Complete Web Page with HTMLЗаданиеGraded Quiz: HTML for Web DevelopmentЗаданиеConclusion: HTML for Web DevelopmentВидео
02CSS for Web Development36 материалов

Introduction to CSS

Introduction to CSS for Web DevelopmentВидеоCSS Syntax and StructureВидеоApplying CSS to HTML DocumentsВидеоThe CSS Box ModelВидеоCSSЧтениеIntroduction to CSSDIALOGUEPractice Quiz: Introduction to CSSЗадание

Web Design with CSS

Responsive Web Design PrinciplesВидеоMedia QueriesВидеоTechniques for Creating Flexible LayoutsВидеоIntroduction to CSSЧтениеWeb Design with CSSDIALOGUEPractice Quiz: Web Design with CSSЗадание

Enhancing Web Accessibility with CSS

Introduction to Enhancing Web Accessibility with CSSВидеоUsing CSS to Enhance AccessibilityВидеоBest Practices for Accessible DesignВидеоWeb AccessibilityЧтениеEnhancing Web Accessibility with CSSDIALOGUEPractice Quiz: Enhancing Web Accessibility with CSSЗадание

Advanced CSS Techniques for Web Design

Flexbox for Responsive LayoutsВидеоCSS Grid for Complex LayoutsВидеоCSS Animations and TransitionsВидеоCSS Techniques for Web DesignЧтениеAdvanced CSS Techniques for Web DesignDIALOGUEPractice Quiz: Advanced CSS Techniques for Web DesignЗадание

Creating a Responsive Web Page with Advanced CSS Techniques

Planning a Responsive Web DesignВидеоImplementing Flexbox for Responsive LayoutsВидеоCreating a Responsive Web Page with Advanced CSS TechniquesЧтениеCreating a Responsive Web Page with Advanced CSS TechniquesВидеоGuided Lab: Creating a Responsive Web Page with Advanced CSS TechniquesPLUGINYou Try It! Creating a Responsive Web Page with Advanced CSS TechniquesЛабораторная
03Introduction to JavaScript for Interactivity51 материалов

JavaScript Basics

Introduction: JavaScript BasicsВидеоJavaScript Variables, Data Types, and OperatorsВидеоJavaScript Control StructuresВидеоWriting and Running JavaScript CodeВидеоJavaScript BasicsЧтениеWriting Basic JavaScript ProgramsВидеоGuided Lab: Writing Basic JavaScript ProgramsPLUGINYou Try It! Writing Basic JavaScript ProgramsЛабораторнаяYou Try It! Writing Basic JavaScript Programs - Answer KeyЧтениеPractice Quiz: JavaScript BasicsЗадание

DOM Manipulation

Understanding the DOMВидеоManipulating the DOM with JavaScriptВидеоDOM ManipulationЧтениеManipulating the DOM LabВидеоGuided Lab: Manipulating the DOMPLUGINYou Try It! Manipulating the DOMЛабораторнаяYou Try It! Manipulating the DOM - Answer Key

JavaScript Functions and Scope

Functions in JavaScriptВидеоFunctions in JavaScriptЧтениеUnderstanding Scope in JavaScriptВидеоScope in JavaScriptЧтениеJavaScript Functions and ScopeDIALOGUEPractice Quiz: JavaScript Functions and ScopeЗадание

Asynchronous JavaScript

Principles of Asynchronous ProgrammingВидеоUsing Async/Await in JavaScriptВидеоAsynchronous JavaScriptЧтениеWriting Asynchronous JavaScriptВидеоGuided Lab: Writing Asynchronous JavaScriptPLUGINYou Try It! Writing Asynchronous JavaScriptЛабораторная

Advanced JavaScript Concepts

JavaScript Design PatternsВидеоJavaScript Design PatternsЧтениеWorking with JSONВидеоManaging Data with JSONЧтениеImplementing the Module Pattern for Reusable CodeВидеоGuided Lab: Implementing the Module Pattern for Reusable CodePLUGIN

Managing Data with JSON

Understanding JSONВидеоWorking with JSON in JavaScriptВидеоManaging Data with JSONЧтениеManaging Data with JSONВидеоGuided Lab: Managing Data with JSONPLUGINYou Try It! Managing Data with JSONЛабораторная
04Version Control with Git and GitHub34 материалов

Introduction to Version Control

Introduction: Version Control with Git and GitHubВидеоFundamentals of Version ControlВидеоVersion Control WorkflowsВидеоVersion ControlЧтениеPractice Quiz: Introduction to Version ControlЗадание

Basic Git Commands

Git Setup and InitializationВидеоGit Setup and InitializationЧтениеCore Git CommandsВидеоCore Git CommandsЧтениеBasic Git CommandsВидеоGuided Lab: Basic Git CommandsPLUGINYou Try It! Basic Git CommandsЗаданиеYou Try It! Basic Git Commands - Answer KeyЧтениеPractice Quiz: Basic Git CommandsЗадание

Using GitHub for Collaboration

Introduction to GitHubВидеоCollaborating with GitHubВидеоUsing GitHub for CollaborationЧтениеActivity: Collaborating with GitHubЗаданиеActivity: Collaborating with GitHub - Answer KeyЧтениеPractice Quiz: Using GitHub for CollaborationЗадание

Integrating Git with Development Tools

Git Integration with IDEsВидеоEnhancing Productivity with Git PluginsВидеоIntegrating Git with Development ToolsЧтениеPractice Quiz: Integrating Git with Development ToolsЗадание

Advanced Git Techniques

Managing Branches and MergingВидеоAdvanced Repository ManagementВидеоAdvanced Git TechniquesЧтениеAdvanced Git TechniquesВидеоGuided Lab: Advanced Git TechniquesPLUGINYou Try It! Advanced Git TechniquesЗадание
05Using Microsoft Copilot for Writing HTML, CSS, and JavaScript17 материалов

Overview of Microsoft Copilot

Introduction to Microsoft CopilotВидеоSetting Up Microsoft CopilotВидеоActivity: Setting Up Microsoft CopilotЗадание

Writing HTML with Copilot Assistance

Enhancing HTML Code with CopilotВидеоCreating Semantic HTML with CopilotВидеоActivity: Writing and Enhancing HTML with CopilotЗадание

Writing CSS with Copilot Assistance

Enhancing CSS Code with CopilotВидеоCreating Responsive Designs with CopilotВидеоActivity: Writing and Enhancing CSS with CopilotЗадание

Writing JavaScript with Copilot Assistance

Enhancing JavaScript Code with CopilotВидеоImplementing Interactivity with CopilotВидеоActivity: Writing and Enhancing JavaScript with CopilotЗадание

Practical Application of Copilot in Web Development

Developing a Web Project with CopilotВидеоTesting and Debugging with CopilotВидеоActivity: Developing and Testing a Web Project with CopilotЗаданиеUsing Microsoft Copilot for Writing HTML, CSS, and JavaScriptВзаимная проверкаCourse Conclusion: Introduction to Web DevelopmentВидео
You Try It! Creating a Responsive Web Page with Advanced CSS Techniques - Answer KeyЧтение
Advanced CSS Techniques for Web DesignDIALOGUE
Practice Quiz: Creating a Responsive Web Page with Advanced CSS TechniquesЗадание
Graded Quiz: CSS for Web DevelopmentЗадание
Conclusion: CSS for Web DevelopmentВидео
Чтение
Practice Quiz: DOM ManipulationЗадание
You Try It! Writing Asynchronous JavaScript - Answer KeyЧтение
Practice Quiz: Asynchronous JavaScriptЗадание
You Try It! Implementing the Module Pattern for Reusable CodeЛабораторная
You Try It! Implementing the Module Pattern for Reusable Code - Answer KeyЧтение
Practice Quiz: Advanced JavaScript ConceptsЗадание
You Try It! Managing Data with JSON - Answer KeyЧтение
Practice Quiz: Managing Data with JSONЗадание
Graded Quiz: Introduction to JavaScript for InteractivityЗадание
Conclusion: Introduction to JavaScript for InteractivityВидео
You Try It! Advanced Git Techniques - Answer KeyЧтение
Practice Quiz: Advanced Git TechniquesЗадание
Graded Quiz: Version Control with Git and GitHubЗадание
Conclusion: Version Control with Git and GithubВидео