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

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

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

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

Advanced Web Development, Real-Time Apps & Final Projects

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

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this advanced course, you’ll combine your HTML, CSS, and JavaScript skills to build real-time, fully functional web applications. Starting with projects like Tabs, Background Videos, and Sidebar Menus, you’ll learn how to integrate structure, style, and interactivity for smooth user experiences. Each lesson focuses on mastering DOM manipulation, animations, and event-driven functionality using hands-on examples. As you advance, you’ll create apps such as Recipe Books, Weather Dashboards, and Image Search tools featuring APIs, data handling, and responsive layouts. You’ll also build tools like Pomodoro Timers, Stopwatches, and Calculators that strengthen your problem-solving and design logic. This course is ideal for learners who already understand HTML, CSS, and JavaScript and are ready to develop real-world, project-based web applications. By the end, you’ll be able to design, build, and deploy modern, responsive, and dynamic web apps confidently.

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

JavascriptCascading Style Sheets (CSS)Hypertext Markup Language (HTML)Responsive Web DesignAnimationsUser Interface (UI) DesignReal Time DataApplication Programming Interface (API)Front-End Web DevelopmentWeb ApplicationsHTML and CSSWeb DevelopmentUser Interface and User Experience (UI/UX) DesignWeb DesignUser Interface (UI)Event-Driven Programming

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

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

01Project - Tabs8 материалов

Project - Tabs

Introduction to the Course 'Advanced Web Development, Real-Time Apps & Final Projects'ЧтениеFull Specialization ResourcesЧтениеPreview - Tabs SectionВидеоCompleting the HTML Part - TabsВидео

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

Packt - Course Instructors

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

Advanced Web Development, Real-Time Apps & Final Projects
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 21.7 ч

14 модулей

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

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

Часть программы вашего университета
Styling the Website Using CSS - TabsВидео
Adding Functionality to the Website Using JavaScript - TabsВидео
Building Interactive Tab Sections with HTML, CSS, and JavaScriptDIALOGUE
Project - Tabs - AssessmentЗадание
02Project - Background Video7 материалов

Project - Background Video

Preview - Background VideoВидеоStart the Project (HTML) - Background VideoВидеоCSS Styling, Bootstrap, and Font Awesome - Background VideoВидеоAdding Functionality Using JavaScript - Background VideoВидеоAdding a Preloader - Background VideoВидеоCreating a Background Video Webpage with Interactive ControlsDIALOGUEProject - Background Video - AssessmentЗадание
03Project - Sidebar Menu9 материалов

Project - Sidebar Menu

Preview - Sidebar MenuВидеоCreating the Logo of the Website - Sidebar MenuВидеоAdding the Logo and Menu to Our Website Using HTMLВидеоStyling the Menu Using CSS and Adding the SidebarВидеоUsing Font Awesome to Add Closing Button and Bars IconsВидеоStyling the Closing and Bars Buttons Using CSSВидеоUsing JavaScript to Add and Remove the SidebarВидеоUnderstanding HTML, CSS, and JavaScript Integration in a Sidebar MenuDIALOGUEProject - Sidebar Menu - AssessmentЗадание
04Project - Navbar Menu10 материалов

Project - Navbar Menu

Preview - Navbar MenuВидеоCreating the Logo of the WebsiteВидеоCreate the Menu Using HTMLВидеоLearning How to Use Font AwesomeВидеоStart Styling Our Website Using CSSВидеоStyling the BarsВидеоStyling the MenuВидеоAdd and Remove Classes Using JavaScriptВидеоUnderstanding Responsive Navbar and SVG Logo IntegrationDIALOGUEProject - Navbar Menu - AssessmentЗадание
05Project - Age Calculator6 материалов

Project - Age Calculator

Preview - Age CalculatorВидеоHTML - Age CalculatorВидеоCSS - Age CalculatorВидеоJavaScript - Age CalculatorВидеоBuilding an Interactive Age Calculator (HTML, CSS, JS)DIALOGUEProject - Age Calculator - AssessmentЗадание
06Project - Tip Calculator6 материалов

Project - Tip Calculator

Preview - Tip CalculatorВидеоHTML - Tip CalculatorВидеоCSS - Tip CalculatorВидеоJavaScript - Tip CalculatorВидеоUnderstanding JavaScript Input Handling and CalculationDIALOGUEProject - Tip Calculator - AssessmentЗадание
07Project - Recipe Book App6 материалов

Project - Recipe Book App

Preview - Recipe Book AppВидеоHTML - Recipe Book AppВидеоCSS - Recipe Book AppВидеоJavaScript - Recipe Book AppВидеоBuilding a Dynamic Recipe Webpage Using HTML, CSS, and JavaScriptDIALOGUEProject - Recipe Book App - AssessmentЗадание
08Project - Dice Roll Simulator6 материалов

Project - Dice Roll Simulator

Preview - Dice Roll SimulatorВидеоHTML - Dice Roll SimulatorВидеоCSS - Dice Roll SimulatorВидеоJavaScript - Dice Roll SimulatorВидеоBuilding and Understanding a Dice Roll Simulator UI (HTML & CSS)DIALOGUEProject - Dice Roll Simulator - AssessmentЗадание
09Project - Pomodoro Timer6 материалов

Project - Pomodoro Timer

Preview - Pomodoro TimerВидеоHTML - Pomodoro TimerВидеоCSS - Pomodoro TimerВидеоJavaScript - Pomodoro TimerВидеоUnderstanding JavaScript Timer and Button Controls in a Pomodoro TimerDIALOGUEProject - Pomodoro Timer - AssessmentЗадание
10Project - Rock Paper Scissors Game6 материалов

Project - Rock Paper Scissors Game

Preview - Rock Paper Scissors GameВидеоHTML - Rock Paper Scissors GameВидеоCSS - Rock Paper Scissors GameВидеоJavaScript - Rock Paper Scissors GameВидеоBuilding Rock-Paper-Scissors: HTML, CSS, and JavaScript EssentialsDIALOGUEProject - Rock Paper Scissors Game - AssessmentЗадание
11Project - Stopwatch6 материалов

Project - Stopwatch

Preview - StopwatchВидеоHTML - StopwatchВидеоCSS - StopwatchВидеоJavaScript - StopwatchВидеоControlling a Timer with JavaScript ButtonsDIALOGUEProject - Stopwatch - AssessmentЗадание
12Project - Weather App6 материалов

Project - Weather App

Preview - Weather AppВидеоHTML - Weather AppВидеоCSS - Weather AppВидеоJavaScript - Weather AppВидеоBuilding a Dynamic Weather App with HTML, CSS, and JavaScriptDIALOGUEProject - Weather App - AssessmentЗадание
13Project - Image Search App6 материалов

Project - Image Search App

Preview - Image Search AppВидеоHTML - Image Search AppВидеоCSS - Image Search AppВидеоJavaScript - Image Search AppВидеоBuilding an Interactive Image Search with Unsplash APIDIALOGUEProject - Image Search App - AssessmentЗадание
14Project - Basic Calculator8 материалов

Project - Basic Calculator

Preview - Basic CalculatorВидеоHTML - Basic CalculatorВидеоCSS - Basic CalculatorВидеоJavaScript - Basic CalculatorВидеоConclusion to the Course 'Advanced Web Development, Real-Time Apps & Final Projects'ЧтениеProject - Basic Calculator - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание