Home    |    Instructor-led Training    |    Online Training     
         
 
Courses
ADA
Adobe
Agile
AJAX
Android
Apache
AutoCAD
Big Data
BlockChain
Business Analysis
Business Intelligence
Business Objects
Business Skills
C/C++/Go programming
Cisco
Citrix
Cloud Computing
COBOL
Cognos
ColdFusion
COM/COM+
CompTIA
CORBA
CRM
Crystal Reports
Data Science
Datawarehousing
DB2
Desktop Application Software
DevOps
DNS
Embedded Systems
Google Web Toolkit (GWT)
IPhone
ITIL
Java
JBoss
LDAP
Leadership Development
Lotus
Machine learning/AI
Macintosh
Mainframe programming
Mobile
MultiMedia and design
.NET
NetApp
Networking
New Manager Development
Object oriented analysis and design
OpenVMS
Oracle
Oracle VM
Perl
PHP
PostgreSQL
PowerBuilder
Professional Soft Skills Workshops
Project Management
Rational
Ruby
Sales Performance
SAP
SAS
Security
SharePoint
SOA
Software quality and tools
SQL Server
Sybase
Symantec
Telecommunications
Teradata
Tivoli
Tomcat
Unix/Linux/Solaris/AIX/
HP-UX
Unisys Mainframe
Visual Basic
Visual Foxpro
VMware
Web Development
WebLogic
WebSphere
Websphere MQ (MQSeries)
Windows programming
XML
XML Web Services
Other
Beginning Frontend Development with React
Description

This course introduces the basic concepts of the ReactJS library (also known simply as React), one of the most common libraries for creating web user interfaces in JavaScript.

The course guides students in order for them to acquire practical knowledge of building user interfaces with React. It focuses on an application setup and user interfaces design approach in order to make full use of React's features. It teaches students to create components and how to compose them in order to create complex user interfaces.

This course then consolidates the acquired knowledge about React components in order to allow user interactivity.

Starting from the core principles of UI design, the course helps students to understand the programming model provided by React by building a simple but practical application: a shopping cart for an online shop.

Overview

This is a 1-day course packed with the perfect balance of theory and hands-on activities that will help you get started with React.

React is widely used to create fast and reusable user interface components. It has been remarkably successful in recent years, since it is easy to use and offers a coherent design model.

React's ease of use depends on an actual understanding of the core concepts of the library. By exploiting these concepts, you can build a high-quality design interface.

You'll find helpful tips and tricks, as well as useful self-assessment material, exercises, and activities to help benchmark your progress and reinforce what you’ve learned.

Scope

This course begins with the introduction of basic concepts of ReactJS library and takes you to building complex user interfaces. Here are the important topics that this course will cover:
  • Create components and combine them together to build other components
  • Use JSX declaratives to describe how a component should look
  • Manage a component's internal state
  • Manage interaction events
  • Exploit component lifecycle events
  • Manage navigation between high-level components
  • Design user interfaces by making the most of React's features


Target Audience:

You should have a strong JavaScript background, ES2015 or later, along with knowledge of HTML.

Basic knowledge of Node.js may be useful for managing the local development environment, but it is not mandatory.


Course-specific Technical Requirements

Hardware

For successful completion of this course, students will require computer systems with the following:
  • Processor: Pentium 4 (or equivalent)
  • 2 GB RAM
  • Hard disk space: 10 GB
  • A projecting device (for the instructor only)
  • An Internet Connection
A keyboard and mouse or other pointing device

Software
  • Operating System: Windows 10 version, 1507
  • The latest version of Node.js (https://nodejs.org/en/)
  • The latest version of Chrome or the penultimate version
Course duration

1 Day

Course outline

Lesson 1: Introducing React and UI Design
  • What is React?
  • How to Set Up a React-Based Application
  • How to Design a UI
Lesson 2: Creating Components
  • Definition of a Component
  • Using JSX
  • Composing Components
  • Data Propagation
  • Managing the Internal State
Lesson 3: Managing User Interactivity
  • Managing User Interaction
  • Component Lifecycle Events

Please contact your training representative for more details on having this course delivered onsite or online

Training Outlines - the one stop shopping center for IT training.
© Training Outlines All rights reserved