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

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

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

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

Building Interactive Web Pages Using Modern JavaScript

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

О курсе

Most businesses with a strong online presence wish to provide its consumers a rich interactive user experience. HTML5 and CSS3 frameworks help you build a static web page, that displays content and works on any device. However, to make a page interactive you need a programming language that can be understood by the browsers. JavaScript is one of the core technologies of the World Wide Web. In this course, you will learn to use JavaScript to add behavior to your web pages. You will create web content that is more interactive by adding animations, menus, scrolling text, interactive maps, and other kinds of lively content. All major web browsers have a dedicated JavaScript engine to execute the code on the user's device

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

JavascriptJSONData ValidationSoftware TestingEvent-Driven ProgrammingNetwork ProtocolsScriptingVerification And ValidationFrontend PerformanceScripting LanguagesJavaScript FrameworksUnit TestingData StructuresHypertext Markup Language (HTML)

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

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

01Get Started with JavaScript Routines17 материалов

Context Setting

Context Setting Видео

1.1 Identify the different datatypes available in JavaScript​

Identify the different datatypes available in JavaScript​ВидеоWatch and Repeat : Hello World AlertВидео

1.2 Create dynamically typed variables

Create dynamically typed variablesВидео

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

NIIT

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

Building Interactive Web Pages Using Modern JavaScript
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 26 ч

8 модулей

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

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

Часть программы вашего университета
Watch and Repeat : JavaScript DatatypesВидео

1.3 Use conditionals in JavaScript

Use conditionals in JavaScriptВидео

1.4 Use the loop constructs to perform repetitive tasks​

Use the loop constructs to perform repetitive tasks​ВидеоWatch and Repeat : Conditional StatementsВидео

1.5 Modularize the code by creating functions​

Modularize the code by creating functions​ВидеоWatch and Repeat : FunctionsВидео

Practice

Practice BriefВидеоInstructions to upload the Programming Assignment SolutionЧтениеGetting started with JavaScript ProgramsПрограммированиеPractice DebriefВидео

Summary

Learning ConsolidationВидеоGet Started with JavaScript RoutinesЧтениеGet Started with JavaScript RoutinesЗадание
02Wrangle Data using Objects and Arrays15 материалов

Context Setting

Context SettingВидео

2.1 Filter, transform and aggregate data using Array functions ​

Filter, transform and aggregate data using Array functions ​ВидеоWatch and Repeat : Create and Access Array ElementsВидеоWatch and Repeat : Perform Array OperationsВидеоWatch and Repeat : Using Array FunctionsВидеоWatch and Repeat : Chaining Array FunctionsВидеоWatch and Repeat : Create Object Using Initializer and ConstructorВидео

2.2 Model data using Arrays and Objects​

Model data using Arrays and Objects​ВидеоWatch and Repeat : Operations on Complex Data StructuresВидео

Practice

Practice BriefВидеоResolve impedance mismatch in task board rendererПрограммированиеPractice DebriefВидео

Summary

Learning ConsolidationВидеоWrangle Data using Objects and ArraysЧтениеWrangle Data using Objects and ArraysЗадание
03Develop Interactive Web Pages using DOM and DOM Events19 материалов

Context Setting

Context SettingВидео

3.1 Select DOM elements

Select DOM elementsВидеоWatch and Repeat : Understanding Document Object ModelВидео

3.2 Manipulate DOM to add dynamic effects

Manipulate DOM to add dynamic effectsВидеоWatch and Repeat : Perform DOM Manipulation to Retrieve and Remove DOM ElementsВидеоWatch and Repeat : Perform DOM Manipulation to Modify Styles and Add New ElementsВидео

3.3 Create EventHandlers

Create EventHandlersВидеоWatch and Repeat : Handling Events 1Видео

3.4 Register and Unregister EventListeners

Register and Unregister EventListenersВидеоWatch and Repeat : Handling Events 2Видео

Practice

Practice BriefВидеоTheme ChangerПрограммированиеPractice DebriefВидео

Challenge

Challenge BriefВидеоDevelop Tic-Tac-Toe GameПрограммированиеChallenge DebriefВидео

Summary

Learning ConsolidationВидеоDevelop Interactive Web Pages using DOM and DOM EventsЧтениеDevelop Interactive Web Pages using DOM and DOM EventsЗадание
04Validate User Data using Client Side JavaScript11 материалов

Context Setting

Context SettingВидео

4.1 Perform client-side validations​

Perform client-side validations​Видео

4.2 Communicate errors for invalid inputs​

Communicate errors for invalid inputs​ВидеоWatch and Repeat : Product Feedback FormВидеоWatch and Repeat : Product Feedback Form Toggle DisplayВидео

Practice

Practice BriefВидеоDevelop contact form with validationПрограммированиеPractice DebriefВидео

Summary

Learning ConsolidationВидеоValidate User Data using Client Side JavaScriptЧтениеValidate User Data using Client Side JavaScriptЗадание
05Interact with Application Servers using HTTP Protocol11 материалов

Context Setting

Context SettingВидео

5.1 Make HTTP calls​

Make HTTP calls​ВидеоWatch and Repeat : Understanding HTTP and HTTP MethodsВидео

5.2 Handle HTTP responses

Handle HTTP responsesВидеоWatch and Repeat : Making HTTP Calls with XHRВидео

Practice

Practice BriefВидеоImplement Persistence on Contact form data​ПрограммированиеPractice DebriefВидео

Summary

Learning ConsolidationВидеоInteract with Application Servers using HTTP ProtocolЧтениеInteract with Application Servers using HTTP ProtocolЗадание
06Build Asynchronous Data Driven Applications Using Promises and Callbacks15 материалов

Context Setting

Context SettingВидео

6.1 Use callbacks for asynchronous programming​

Use callbacks for asynchronous programming​ВидеоWatch and Repeat : Change Background Color Using Callbacks Every 3 SecondsВидео

6.2 Use promises for asynchronous programming

Use promises for asynchronous programmingВидеоWatch and Repeat : Fetch Currency Exchange Rates Using PromiseВидеоWatch and Repeat : Fetch Task Board Data Using CallbackВидео

Practice

Practice BriefВидеоDevelop Promise driven HTTP ClientПрограммированиеPractice DebriefВидео

Challenge

Challenge BriefВидеоDevelop UI to Fetch and Display Contact Form DataПрограммированиеChallenge DebriefВидео

Summary

Learning ConsolidationВидеоBuild Asynchronous Data Driven Applications Using Promises and CallbacksЧтениеBuild Asynchronous Data Driven Applications Using Promises and CallbacksЗадание
07Optimize Delivery of Static Assets using JavaScript12 материалов

Context Setting

Context SettingВидео

7.1 Create server-side scripts for Node.js

Create server-side scripts for Node.jsВидеоWatch and Repeat : Create Node.js applicationВидео

7.2 Write bundling logic for minification

Write bundling logic for minificationВидеоWatch and Repeat : MinificationВидеоWatch and Repeat : Bundling using WebpackВидео

Practice

Practice BriefВидеоOptimize static assets of contact form applicationПрограммированиеPractice DebriefВидео

Summary

Learning ConsolidationВидеоOptimize delivery of static assets using JavaScriptЧтениеOptimize delivery of static assets using JavaScriptЗадание
08Test web applications using JavaScript testing frameworks and libraries12 материалов

Context Setting

Context SettingВидео

8.1 Apply Behavior Driven Development (BDD) approach

Apply Behavior Driven Development (BDD) approachВидео

8.2 Develop test cases using Jasmine framework for testing

Develop test cases using Jasmine framework for testingВидеоWatch and Repeat : Get started with JasmineВидеоWatch and Repeat : Test Basic Calculator OperationsВидеоWatch and Repeat : Test Feedback SubmissionВидео

Practice

Practice BriefВидеоDevelop Test Cases for Contact FormПрограммированиеPractice DebriefВидео

Summary

Learning ConsolidationВидеоTest Web Applications Using JavaScript Testing Frameworks and LibrariesЧтениеTest Web Applications Using JavaScript Testing Frameworks and LibrariesЗадание