courseraПрограммирование

Building Interactive User Interfaces Using React Library

Курс от NIIT

Средний≈ 18.5 чАнглийский

О курсе

A frontend application is expected to have an attractive, responsive UI and a seamless UX with swift navigable views. Single Page Applications (SPAs) fulfill these expectations as they are lighter and efficient. React, a popular JavaScript library is used for developing complex user interfaces for single page applications (SPAs). Facebook, Instagram, Netflix, Airbnb etc., are some of the famous websites that use React. In this course, you will learn to construct an SPA by developing reusable and testable React Class components. The library helps you explore React features that enhance the performance of web applications by enabling partial page updates.

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

React.js UI Components Data Sharing Jest (JavaScript Testing Framework)Development Testing Unit Testing Application Programming Interface (API)Code Reusability Front-End Web Development Event-Driven Programming Test Script Development Javascript Web Development Tools

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

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

01Get Started with React Fundamentals17 материалов

Context Setting

Context SettingВидео

1.1 Create a Simple React Program Using React Elements

Create a Simple React Program Using React ElementsВидео Watch and Repeat : React Hello WorldВидео Watch and Repeat : React Table Element Видео

1.2 Build and Render Stateless Components Using JavaScript Functions

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

NIIT

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

В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 18.5 ч

5 модулей

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

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

Building Interactive User Interfaces Using React Library

О курсе

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

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

Context Setting

1.1 Create a Simple React Program Using React Elements​

1.2 Build and Render Stateless Components Using JavaScript Functions

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

NIIT

1.3 Render React Components Based on Conditions​

1.4 Render Multiple Components Using Lists and Keys​

Practice

Summary

Context Setting

2.1 Build Stateful Class Components Using ES6 Syntax

2.2 Manage State by Handling Events With React Elements

2.3 Explain Reconciliation and Virtual DOM

2.4 Create More Readable Views Using JSX

Practice

Summary

Context Setting

3.1 Define Abstraction and Encapsulation

3.2 Apply the Principles Used to Break Down the User Interface (UI) into Components

3.3 Develop a React Project Using Create React App Tool​

3.4 Pass data through Component Tree Using Context​

3.5 Reuse Code between Components Using React Composition​

Practice

Challenge

Summary

Context Setting

4.1 Override React Component's Life Cycle Methods

4.2 Define Error Boundaries to Catch JavaScript Errors

4.3 Make HTTP Requests with Axios API to Communicate With Servers

Practice

Challenge

Summary

Context Setting

5.1 Explain Unit testing​

5.2 Test Using Jest​

5.3 Demonstrate Common Testing Patterns

5.4 Demonstrate Event Testing

5.5 Create Mocks with Jest Methods

5.6 Demonstrate Snapshot Testing

5.7 Examine Other Testing Libraries​

Practice

Summary

1.1 Create a Simple React Program Using React Elements

1.3 Render React Components Based on Conditions

1.4 Render Multiple Components Using Lists and Keys

3.3 Develop a React Project Using Create React App Tool

3.4 Pass data through Component Tree Using Context

3.5 Reuse Code between Components Using React Composition

5.1 Explain Unit testing

5.2 Test Using Jest

5.7 Examine Other Testing Libraries