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

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

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

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

Fundamentals of Web Development

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

О курсе

This course will cover the creation of Web pages and sites using HTML, CSS, Javascript, jQuery, and graphical applications as well as the client and server architecture of the Internet and related web technologies. The creation and deployment of modern, standards-compliant web pages are addressed. Students create and deploy a Web site with multiple pages and cross-linked structures. Software Requirements: - An email account. - A GitHub account. A personal computer with the following software installed: - A plain-text code-editor capable of syntax highlighting. Recommended: Notepad++ (Windows), TextWrangler (mac), or Sublime Text (multi-platform). - GitHub Desktop (or Git if you are already proficient). - Image-editing software (such as the free and open-source GIMP) - At least three different browsers (e.g., Chrome, Opera, Firefox, and/or Edge)

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

Cascading Style Sheets (CSS)Hypertext Markup Language (HTML)JavascriptResponsive Web DesignHTML and CSSWeb DevelopmentjQueryWeb Design and DevelopmentGitHubWeb DesignApplication FrameworksNetwork InfrastructureVersion ControlWeb FrameworksWeb ApplicationsJavascript and jQueryGit (Version Control System)Network ArchitectureWeb Development ToolsInfrastructure Architecture

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

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

01Module 1: Internet Structures and an Introduction to HTML39 материалов

Course Welcome

Course OverviewВидеоInstructor IntroductionВидеоSyllabusЧтениеMeet and Greet DiscussionОбсуждение

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

Daniel Krieglstein

Adjunct Instructor, Information Technology and Management

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

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 134 ч

9 модулей

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

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

Часть программы вашего университета
Module 1: Asset Library (code used in video demonstrations)Чтение

Module 1 Introduction

Module 1 IntroductionВидео

Lesson 1: History of the Web

Lecture Slides: History of the WebЧтениеHistory of the Web - Part 1ВидеоHistory of the Web - Part 2ВидеоHistory of the Web - Part 3ВидеоLesson 1 Video Reference PageЧтениеWhat did you learn about the internet's history?Задание

Lesson 2: The Tools of Internet Publishing

Lecture Slides: The Tools of Internet PublishingЧтениеThe Tools of Internet Publishing - Part 1ВидеоThe Tools of Internet Publishing - Part 2ВидеоThe Tools of Internet Publishing - Part 3ВидеоLab 1: Your First Website!Взаимная проверка

Lesson 3: Browsers and Web Addresses

Lecture Slides: Browsers and Web AddressesЧтениеBrowsers and Web Addresses - Part 1ВидеоBrowsers and Web Addresses - Part 2ВидеоLesson 3 Video Reference PageЧтениеWhat did you learn about Internet Browsers?Задание

Lesson 4: HTTP Requests

Lecture Slides: HTTP RequestsЧтениеHTTP RequestsВидеоWhat did you learn about HTTP requests?Задание

Lesson 5: Meet Our Three Languages

Lecture Slides: Meet Our Three LanguagesЧтениеMeet Our Three LanguagesВидеоWhat did you learn about our 3 website languages?Задание

Lesson 6: The Basics of HTML

Lecture Slides: The Basics of HTMLЧтениеThe Basics of HTML - Part 1ВидеоThe Basics of HTML - Part 2ВидеоThe Basics of HTML - Part 3ВидеоLesson 6 Video Reference PageЧтениеWhat did you learn about the basics of html?Задание

Lesson 7: How to Turn In Labs

Lecture Slides: How to Turn In LabsЧтениеHow to Turn In LabsВидео

Module 1 Summative Assessment

Lab 2Взаимная проверкаModule 1 Summative AssessmentЗадание

Module 1 Summary

Module 1 SummaryЧтение
02Module 2: HTML22 материалов

Module 2 Introduction

Module 2 IntroductionВидеоModule 2: Asset Library (code used in video demonstrations)Чтение

Lesson 1: HTML Elements (inline vs box)

Lecture Slides: HTML Elements (inline vs box)ЧтениеHTML Elements (inline vs box) - Part 1ВидеоHTML Elements (inline vs box) - Part 2ВидеоLesson 1 Video Reference PageЧтениеWhat did you learn about HTML Elements?Задание

Lesson 2: HTML Lists and Cascades

Lecture Slides: HTML Lists and CascadesЧтениеHTML Lists and CascadesВидеоLesson 2 Video Reference PageЧтениеLab 3: Basic Page MarkupВзаимная проверка

Lesson 3: HTML Links and Images

Lecture Slides: HTML Links and ImagesЧтениеHTML Links and Images - Part 1ВидеоHTML Links and Images - Part 2ВидеоWhat did you learn about HTML Links and Images?Задание

Lesson 4: HTML Tables

Lecture Slides: HTML TablesЧтениеHTML TablesВидеоLesson 4 Video Reference PageЧтениеWhat did you learn about HTML TableЗадание

Module 2 Summative Assessment

Lab 4Взаимная проверкаModule 2 Summative AssessmentЗадание

Module 2 Summary

Module 2 SummaryЧтение
03Module 3: HTML Forms19 материалов

Module 3 Introduction

Module 3 IntroductionВидеоModule 3: Asset LibraryЧтение

Lesson 1: Website Navigation (Simple HTML)

Lecture Slides: Website Navigation (Simple HTML)ЧтениеWebsite Navigation (Simple HTML)ВидеоWhat did you learn about Website Navigation?Задание

Lesson 2: HTML Forms

Lecture Slides: HTML FormsЧтениеHTML Forms - Part 1ВидеоHTML Forms - Part 2ВидеоHTML Forms - Part 3ВидеоLesson 2 Video Reference PageЧтениеLab 5: HTML FormsВзаимная проверка

Lesson 3: UTF8 Characters

Lecture Slides: UTF8 CharactersЧтениеUTF8 Special CharactersВидеоLesson 3 Video Reference PageЧтениеWhat did you learn about UTF8 Characters?Задание

Module 3 Summative Assessment

Project 1Взаимная проверкаModule 3 Summative AssessmentЗадание

Module 3 Summary

Module 3 SummaryЧтениеInsights from an Industry Leader: Learn More About Our ProgramЧтение
04Module 4: Introduction to CSS25 материалов

Module 4 Introduction

Module 4 IntroductionВидеоModule 4: Asset LibraryЧтение

Lesson 1: How CSS talks to HTML

Lecture Slides: How CSS talks to HTMLЧтениеHow CSS talks to HTMLВидеоLesson 1 Video Reference PageЧтениеWhat did you learn about how CSS talks to HTML?Задание

Lesson 2: CSS Declarations

Lecture Slides: CSS DeclarationsЧтениеCSS Declaration - Part 1ВидеоCSS Declaration - Part 2ВидеоLesson 2 Video Reference PageЧтениеWhat did you learn about CSS Declarations?Задание

Lesson 3: Writing CSS Selectors for Specificity

Lecture Slides: Writing CSS Selectors for SpecificityЧтениеWriting CSS Selectors for SpecificityВидеоLesson 3 Video Reference PageЧтениеWhat did you learn about Writing CSS Selectors for SpecificityЗадание

Lesson 4: The Box Model and Box Sizing

Lecture Slides: The Box Model and Box SizingЧтениеThe Box Model and Box SizingВидеоLesson 4 Video Reference PageЧтениеWhat did you learn about the Box Model and Box Sizing?Задание

Lesson 5: CSS Resets

Lecture Slides: CSS ResetsЧтениеCSS ResetsВидеоWhat did you learn about CSS Resets?Задание

Module 4 Summative Assessment

Lab 6 Practice AssignmentЧтениеModule 4 Summative AssessmentЗадание

Module 4 Summary

Module 4 SummaryЧтение
05Module 5: CSS Floats and Positions26 материалов

Module 5 Introduction

Module 5 IntroductionВидеоModule 5: Asset LibraryЧтение

Lesson 1: CSS Fonts

Lecture Slides: CSS FontsЧтениеCSS Fonts - Part 1ВидеоCSS Fonts - Part 2ВидеоLesson 1 Video Reference PageЧтениеWhat did you learn about CSS Fonts?Задание

Lesson 2: CSS Floats

Lecture Slides: CSS FloatsЧтениеCSS Floats - Part 1ВидеоCSS Floats - Part 2ВидеоLesson 2 Video Reference PageЧтениеWhat did you learn about CSS Floats?Задание

Lesson 3: CSS Positions

Lecture Slides: CSS PositionsЧтениеCSS Positions - Part 1ВидеоCSS Positions - Part 2ВидеоLab 7: Style an HTML TableВзаимная проверка

Lesson 4: Horizontal Navigation

Lecture Slides: Horizontal NavigationЧтениеHorizontal Navigation - Part 1ВидеоHorizontal Navigation - Part 2ВидеоWhat did you learn about Horizontal navigations?Задание

Lesson 5: Centered navigation

Lecture Slides: Centered navigationЧтениеCentered NavigationВидеоLab 8: Navigation ExpertВзаимная проверка

Module 5 Summative Assessment

Project 2 Practice Assignment: First AttemptЧтениеModule 5 Summative AssessmentЗадание

Module 5 Summary

Module 5 SummaryЧтение
06Module 6: Website Layouts and Design25 материалов

Module 6 Introduction

Module 6 IntroductionВидеоModule 6: Asset LibraryЧтение

Lesson 1: Standard Website Layouts

Lecture Slides: Standard Website LayoutsЧтениеStandard Website LayoutsВидеоWhat did you learn about Standard Website Layouts?Задание

Lesson 2: Responsive Design

Lecture Slides: Responsive DesignЧтениеResponsive DesignВидеоLesson 2 Video Reference PageЧтениеWhat did you learn about Responsive Design?Задание

Lesson 3: CSS Transitions, Transformations, and Animations

Lecture Slides: CSS Transitions, Transformations, and AnimationsЧтениеCSS Transitions, Transformations, and Animations - Part 1ВидеоCSS Transitions, Transformations, and Animations - Part 2ВидеоCSS Transitions, Transformations, and Animations - Part 3ВидеоLesson 3 Video Reference PageЧтениеWhat did you learn about CSS Transitions, Transformations, and Animations?Задание

Lesson 4: CSS Pseudo-selectors

Lecture Slides: CSS Pseudo-selectorsЧтениеCSS Pseudo-selectorsВидеоLesson 4 Video Reference PageЧтениеWhat did you learn about CSS Pseudo-selectorsЗадание

Lesson 5: Full-site Demonstration

Lecture Slides: Full-site DemonstrationЧтениеFull-site Demonstration - Part 1ВидеоFull-site Demonstration - Part 2Видео

Module 6 Summative Assessment

Project 2 Practice Assignment: Second AttemptЧтениеModule 6 Summative AssessmentЗадание

Module 6 Summary

Module 6 SummaryЧтение
07Module 7: Introduction to Javascript 24 материалов

Module 7 Introduction

Module 7 IntroductionВидеоModule 7: Asset LibraryЧтение

Lesson 1: The Basics of JavaScript (JS)

Lecture Slides: The Basics of JavaScript (JS)ЧтениеThe Basics of JavaScript (JS) - Part 1ВидеоThe Basics of JavaScript (JS) - Part 2ВидеоLesson 1 Video Reference PageЧтениеWhat did you learn about The Basics of JavaScript?Задание

Lesson 2: JS Language Features and Syntax

Lecture Slides: JS Language Features and SyntaxЧтениеJS Language Features and Syntax - Part 1ВидеоJS Language Features and Syntax - Part 2ВидеоJS Language Features and Syntax - Part 3ВидеоWhat did you learn about JS Language Features and Syntax?Задание

Lesson 3: Google Maps API (Application Programming Interface)

Lecture Slides: Google Maps API (Application Programming Interface)ЧтениеGoogle Maps API (Application Programming Interface) - Part 1ВидеоGoogle Maps API (Application Programming Interface) - Part 2ВидеоLesson 3 Video Reference PageЧтение

Lesson 4: JavaScript Objects, Event Handling, and DOM (Document Object Model)

Lecture Slides: JavaScript Objects, Event Handling, and DOM (Document Object Model)ЧтениеJavaScript Objects, Event Handling, and DOM (Document Object Model) - Part 1ВидеоJavaScript Objects, Event Handling, and DOM (Document Object Model) - Part 2ВидеоLesson 4 Video Reference Page ЧтениеWhat did you learn about JavaScript Objects, Event Handling, and the DOM?Задание

Module 7 Summative Assessment

Project 3 Practice Assignment: First AttemptЧтениеModule 7 Summative AssessmentЗадание

Module 7 Summary

Module 7 SummaryЧтение
08Module 8: JQuery and Frameworks20 материалов

Module 8 Introduction

Module 8 IntroductionВидеоModule 8: Asset LibraryЧтение

Lesson 1: How-To Grab JavaScript Objects and Change HTML

Lecture Slides: How-To Grab JavaScript Objects and Change HTMLЧтениеHow-To Grab JavaScript Objects and Change HTMLВидеоLab 9: JS Event HandlingВзаимная проверка

Lesson 2: JQuery Intro and Box Sliders

Lecture Slides: JQuery Intro and Box SlidersЧтениеJQuery Intro and Box Sliders - Part 1ВидеоJQuery Intro and Box Sliders - Part 2ВидеоLesson 2 Video Reference PageЧтениеWhat did you learn about JQuery Intro and Box Sliders?Задание

Lesson 3: Responsive Videos

Lecture Slides: Responsive VideosЧтениеResponsive VideosВидео

Lesson 4: What This All Means for Using Website Frameworks

Lecture Slides: What This All Means for Using Website FrameworksЧтениеWhat This All Means for Using Website Frameworks - Part 1ВидеоWhat This All Means for Using Website Frameworks - Part 2ВидеоLesson 4 Video Reference PageЧтениеWhat did you learn about Website Frameworks?Задание

Module 8 Summative Assessment

Project 3 Practice Assignment: Second AttemptЧтениеModule 8 Summative AssessmentЗадание

Module 8 Summary

Module 8 SummaryЧтение
09Summative Course Assessment1 материалов

Summative Course Assessment

Course Summative AssessmentЗадание