IT12A08: JAVASCRIPT FRAMEWORK WITH REACTJS (SF)
JAVASCRIPT FRAMEWORK WITH REACTJS (SF)
Course Duration
Mode of Assessment
Students will be required to complete an online written assessment/oral questioning/case study during class.
Who Should Attend
This course is suitable for aspiring and experienced web developers, programmers, and software engineers who want to learn or enhance their skills in building modern web applications using ReactJS.
What's In It for Me
- Learn React fundamentals for building dynamic user interfaces.
- Master state management with React Hooks, Redux, and Context.
- Implement routing and navigate between pages in React apps.
- Gain practical testing skills for reliable React applications.
- Enhance code quality with TypeScript integration in React components.
Course Overview
This 5-day, 40-hour course on JavaScript Framework with ReactJS is designed to provide learners with the necessary skills to create, manage, and test React applications.
Throughout the course, learners will gain a strong foundation in React and learn how to use React Hooks to handle rendering and managing state, create and manage forms, and interact with backend servers through APIs. They will also learn how to manage routing with React Router, implement React Context as an alternative to passing down props, and use Redux to manage global state.
The course will cover testing React applications using necessary tools for unit testing and writing unit tests with React Testing Library. Additionally, learners will understand TypeScript and implement React components using TypeScript, including using interfaces and decorators, and implementing types in components, hooks, and API consumption.
By the end of the course, learners will have the skills necessary to create robust, scalable React applications and confidently use the latest tools and techniques in the React ecosystem.
Course Schedule
Next available schedule
Course Objectives
Upon completing this course, participants will be able to:
- Understand the fundamentals of React and its concepts, including creating and nesting functional components, adding markup and styles, displaying data, rendering conditions and lists, responding to events, and sharing data between components.
- Use React Hooks to handle rendering and managing state, create and manage forms, and interact with backend servers through APIs, including asynchronous data fetching and performing CRUD operations.
- Manage routing with React Router and pass information through routes.
- Implement React Context as an alternative to passing down props, including using themes and managing global state with context.
- Use Redux and integrate it into a React App to manage global state.
- Test React applications using necessary tools for unit testing and writing unit tests with React Testing Library.
- Understand TypeScript and implement React components using TypeScript, including using interfaces and decorators, and implementing types in components, hooks, and API consumption.
Pre-requisites
- Basic knowledge of HTML, CSS, and JavaScript, and familiarity with modern web development concepts is recommended.
- Hardware & Software
- This course will be conducted as a Virtual Live Class (VLC) via Zoom platform.
- Participants must own a Zoom account and have a laptop or a desktop with “Zoom Client for Meetings” installed. Download from zoom.us/download.
|
System Requirement |
|
Must-have:
Good-to-have:
Not recommended: |
Course Outline
Lesson 1: Introduction to ReactJS
- Introduction to JavaScript ES6
- Introduction and Installation of React JS using JSX
- How to create and nest functional components
- How to add markup and styles
- How to display data
- How to render conditions and lists
- How to respond to events and update the screen
- How to share data between components
Lesson 2: Get Started with React Hooks
- Motivation for using React Hooks
- Overview of various Hooks
- Using the State Hook in creating a Form
- Using the Reducer Hook in creating a Form
- State Hook vs Reducer Hook
- Using Effect Hook
Lesson 3: Interacting with backend server through API
- Access, create, and delete remote server data using Axios
- Asynchronous data fetching with React hooks and promises
- Get the data from API to populate Components
- Perform create and update data with a Form
- Perform delete data from a list
Lesson 4: Manage routing with React Router
- Introducing React Router
- Managing the routes in an App
- Passing down information through the route
Lesson 5: Implementing React Context
- Introducing React Context
- Implementing Themes
- Use context for global state
Lesson 6: Redux Overview
- Introduction to Store
- Provider Component
- Actions
- Reducers
- Dispatchers
- Selector
- Use redux for global state
Lesson 7: Testing React Applications
- What are the necessary Tools required for Unit Testing?
- React Unit Testing overview
- Introduction to JEST
- Write unit tests with React Testing Library
Lesson 8: React with Typescript
- Why use Typescript?
- Type safety, inference and Intellisense
- Interfaces
- Decorators
- Implement Types in React Component
- Implement Types in React hooks and API consumption
Certificate Obtained and Conferred by
- Certificate of Achievement from NTUC LearningHub will be issued to participants who have met at least 75% attendance and passed the prescribed assessment(s).
- Upon meeting at least 75% attendance and passing the assessment(s), Statement of Attainment (SOAs) will be issued by SkillsFuture Singapore (SSG) to certify that the participant has achieved the following Competency Standard(s):
- Applications Development (ICT-DIT-3002-1.2)
Additional Details
Medium of Instruction: English
Trainer to trainee ratio: 1:20
Mode of Delivery: Virtual Live Class (VLC) via Zoom
Price
|
Course Fee and Government Subsidies |
||||||
|
|
Individual Sponsored |
Company Sponsored |
||||
|
|
Non-SME |
SME |
||||
|
Before GST |
With GST |
Before GST |
With GST |
Before GST |
With GST |
|
|
Full Course Fee
|
$2,850.00 |
$3,106.50 |
$2,850.00 |
$3,106.50 |
$2,850.00 |
$3,106.50 |
|
For Singapore Citizens aged 39 years and below
|
$855.00 |
$931.95 |
$855.00 |
$931.95 |
$285.00 |
$361.95 |
|
For Singapore Citizens aged 40 years and above |
$285.00 |
$361.95 |
$285.00 |
$361.95 |
$285.00 |
$361.95 |
Funding Eligibility Criteria:
|
Individual Sponsored Trainee |
Company Sponsored Trainee |
|
|
Remarks:
|
Individual Sponsored Trainee |
Company Sponsored Trainee |
|
SkillsFuture Credit:
UTAP:
PSEA:
|
Absentee Payroll (AP) Funding:
|
Terms & Conditions apply. NTUC LearningHub reserve the right to make changes or improvements to any of the products described in this document without prior notice.
Prices are subject to other LHUB miscellaneous fees.
| Batch ID | Course Period | Course Title | Funding Available |
Duration (Hours) |
Session (Hours) |
Venue | Available Seats |
Online Payment |
|---|
What Others Also Enrolled In
E-COMMERCE CAMPAIGN MANAGEMENT (ICDL DIGITAL MARKETING)
View detail
TOP EXECUTIVE WSH PROGRAMME (TEWP – ASYNCHRONOUS E-LEARNING)
View detail
GENERATIVE AI FOR BUSINESS PROFESSIONALS: CHATGPT, MEDIA SYNTHESIS, AND BEYOND
View detail
SKILLSFUTURE FOR DIGITAL WORKPLACE 2.0 (SFDW 2.0)- GENERAL (2 DAYS) (CLASSROOM WITH ASYNCHRONOUS E-LEARNING)
View detail
SECURITY SURVEILLANCE MANAGEMENT (PERFORM REMOTE SURVEILLANCE FUNCTION)
View detail
TRANSFORMING MOMENTS INTO MEMORIES SERVICE 101 (CUSTOMER SERVICE EXCELLENCE L1)
View detail
.jpg/ec746521-62ac-dc96-b5ef-5a677afede5f/)
WORKPLACE SAFETY AND HEALTH FOR FOOD AND BEVERAGE OPERATIONS L2
View detail
WSQ DISPLAY CRITICAL THINKING AND ANALYTICAL SKILLS POWERED BY WILEY
View detail