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

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

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

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

Developing Asynchronous and Interactive Frontends

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

О курсе

Learn how to build responsive, dynamic, and user-centric web interfaces in this course from the Web Development Skill Path. You will develop essential competencies in translating high-fidelity UI/UX designs into functional components, applying DOM manipulation to manage UI state, constructing interactive forms, and implementing asynchronous JavaScript patterns to create smooth, real-time user experiences. Through hands-on practice with HTML, CSS, JavaScript, jQuery, Ajax, the Fetch API, and async/await, you will progressively build modular, maintainable front-end applications that integrate data from server-side APIs. As you advance, you will also explore how generative AI tools can be used to accelerate and enhance front-end development workflows. This course brings together multiple expert instructors from diverse learning organizations, offering learners exposure to different tools, approaches, and perspectives on asynchronous frontend development. You will progress from building structured layouts and interactive behaviors to creating complex, stateful interfaces and applying modern asynchronous workflows with robust error handling. Designed for aspiring front-end developers, this course prepares you to build modern web applications that are interactive, performant, and adaptable to real-world development environments.

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

Responsive Web DesignGitHub CopilotUser Interface (UI)Frontend PerformanceAnimationsGenerative AIWeb Design and DevelopmentWeb ApplicationsCascading Style Sheets (CSS)Front-End Web DevelopmentHTML and CSSJavascript and jQueryUI ComponentsJavascriptFrontend IntegrationjQueryEvent-Driven ProgrammingInteractive DesignAjaxHypertext Markup Language (HTML)

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

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

01Start Here: Get Oriented and Check Your Skills2 материалов
Start Here: How This Skill-Based Course WorksЧтениеSkill Diagnostic: Find Your Recommended Starting PointЗадание
02Data Analytics Dashboard7 материалов

Data Analytics Dashboard

Data Analytics Dashboard - Challenge IntroPLUGIN

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

Professionals from the Industry

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

Developing Asynchronous and Interactive Frontends
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 13.7 ч

8 модулей

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

Субтитры: Арабский, Французский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
HTML for our dashboardPLUGIN
CSS: Initial StylesPLUGIN
CSS: typography, buttons and morePLUGIN
CSS: Styling the nav barPLUGIN
JS: Adding functionality to the nav barPLUGIN
CSS: Desktop StylesPLUGIN
03Using Javascript to Build Web Applications22 материалов

Document Object Model Manipulation

Using Javascript to Build Web ApplicationsЧтениеUsing Javascript to Build Web ApplicationsВидеоRecommended BooksЧтениеLecture 53, Part 1: DOM ManipulationВидеоLecture 53, Part 2: DOM ManipulationВидеоLecture 54: Handling EventsВидеоLecture 55: The 'event' ArgumentВидеоOptional Practice QuizЗадание

Introduction to Ajax

Lesson 56: HTTP BasicsВидеоLesson 57, Part 1: Ajax BasicsВидеоLesson 57, Part 2: Ajax BasicsВидеоLesson 57, Part 3: Ajax BasicsВидеоOptional Practice QuizЗаданиеLecture 58: Processing JSONВидеоOptional Practice Quiz

Using Ajax to Connect Restaurant Site with Real Data

Lecture 59: Fixing Mobile Nav Menu Automatic CollapseВидеоLecture 60: Dynamically Loading Home View ContentВидеоLecture 61, Part 1: Dynamically Loading Menu Categories ViewВидеоLecture 61, Part 2: Dynamically Loading Menu Categories ViewВидеоLecture 62: Dynamically Loading Single Category ViewВидеоLecture 63: Changing 'active' Button Style Through JavascriptВидео
04Intermediate Document Manipulation & Animation23 материалов

Module Introduction

Module IntroductionВидео

jQuery Image Sliders - Version 1

Basic SliderВидеоStart Files: jQuery Image SlidersЧтениеMaking the Script GeneralВидеоWindow Load FunctionВидеоClick Handler for Next ButtonВидеоNext Click Handler with If StatementВидеоChallenge SolutionВидеоPDF of PresentationЧтение

jQuery Image Sliders - Version 2

Strategy for Version 2ВидеоCloning the Unordered ListВидеоSetting the Left PositionВидеоAdding a Callback FunctionВидеоPrevious Button Click Handler - Part 1ВидеоPrevious Button Click Handler - Part 2Видео

JavaScript Image Sliders

Slider Using JavaScriptВидеоStart Files: JavaScript Image SlidersЧтениеCSS for Slides and Adding VariablesВидеоAdding More VariablesВидеоEvent Handler for the Next ButtonВидеоSolution for the Previous Button ChallengeВидео
05jQuery AJAX YouTube API Application10 материалов

jQuery AJAX YouTube API Application

Introduction YouTube APIВидеоWeb Application SetupВидеоGet YouTube Developer KeyВидеоBring in jQuery AJAXВидеоLoop Each Returned VideoВидеоUse JSON Feed DataВидеоOutput Results from APIВидеоCustomize Results for APIВидеоTweaks and UpdatesВидеоCustomize Code jQueryВидео
06Fetch API and Async Await11 материалов

Fetch API and Async Await

Module IntroductionВидеоFetch BasicsВидеоRandom User Mini-ProjectВидеоFetch Options - Method, Body HeadersВидеоTypicode Todos Mini-Project - Part 1ВидеоTypicode Todos Mini-Project - Part 2ВидеоFetch API Error HandlingВидеоAsync and AwaitВидеоTry...Catch StatementsВидеоError Handling with Async and AwaitВидеоMultiple Promises with Async and AwaitВидео
07Foundations and Applications of Generative AI in Code Generation15 материалов

Leveraging Generative AI for Code Generation

Phases in Software DevelopmentВидеоAutomated Code Generation (ACG)ВидеоEnhancing Coding Efficiency with Generative AIВидеоQuiz on Leveraging Generative AI for Code GenerationЗадание

How Generative AI is Transforming Code Generation?

Code Completion and SuggestionsВидеоDemo: Building a To-Do List Application Using GitHub CopilotВидеоCustom Script GenerationВидеоDemo: Building a Grocery App with GitHub Copilot and FlaskВидеоAutomated DocumentationВидеоDemo: Automating Boilerplate Code Generation with GitHub CopilotВидеоLegacy Code RefactoringВидеоTest Case GenerationВидеоDemo: Generating Component Architecture and Building a Structured React Blog Using GitHub CopilotВидеоDemo: Using a Pretrained Model to Create an Application StructureВидеоQuiz on How Generative AI is Transforming Code Generation?Задание
08Skill Assessment: Developing Asynchronous and Interactive Frontends2 материалов

Lesson

Learner Expectations for Skill AssessmentЧтениеDeveloping Asynchronous and Interactive FrontendsЗадание
Задание
Check out the final deployed siteЧтение
PDF of PresentationЧтение
PDF of PresentationЧтение