Course Details
Topic 1 Get Started on React JS
- Introduction to React JS
- Adding React to a Website
- Create a New React App
Topic 2 Introducing JSX and Rendering Elements
- Introduction to JSX
- Rendering an Element into the DOM
- Updating the Rendered Element
- Securities Concerns
Topic 3 Components and Props
- Introduction to React Components?
- Function and Class Components
- Rendering a Component
- Composing Components
- Import/Export Components
- Passing Data via Props
Topic 4 State and Lifecycle
- Adding Local State to a Component
- Component Lifecycle
Topic 5 Handling Events
- Event Binding
- Passing Arguments to Event Handlers
Topic 6 Single Page Application Using React Router
- Single Page Application
- Installing React Router
- Set up React Router
Topic 7 Lists and Keys
- Loop a List with Map
- Keys
- Refs
Topic 8 Hooks (Optional)
Course Info
SSG Training Grant
SSG TG is $15 per pax. Net fee after SSG TG is $303.86. Absentee Payroll is not eligible.
h2>PrerequisiteThis is an intermediate course. Participants should have basic knowledge on the following subjects:
- HTML
- CSS
- Javascript
- ES6 or Typescript
Software Requirement
Please download and install the following software prior to the class
- Node.js https://nodejs.org/en/download/
- Visual Studo Code https://code.visualstudio.com/download
HRDF Funding
Please refer to this video https://youtu.be/Kzpd-V1F9Xs
1- HRD Corp Grant Helper
How to submit grant applications for HRD Corp Claimable Courses
2- Employers are required to apply for the grant at least one week before training commences.
Employers must submit their applications with supporting documents, including invoices/quotations, trainer profiles, training schedule and course content.
3- First, Login to Employer’s e-TRIS account -https://etris.hrdcorp.gov.my
Second, Click Application
4- Click Grant on the left side under Applications
5- Click Apply Grant on the left side under Applications
6- Click Apply
7- Choose a Scheme Code and select HRD Corp Claimable Courses: Skim Bantuan Latihan Khas. Then, click Apply
8- Scheme Code represents all types of training that suit the requirements provided by HRD Corp. Below are the list of schemes offered by HRD Corp:
9- Select your Immediate Officer and click Next
10- Select a Training Provider, then click Next
11- Please select a training programme from the list, then key in all the required details and click Next
Select your desired training programme.
Give an explanation on why the participant is required to attend the training. E.g., related to their tasks/ career development, etc.
Explain the background and objective of this training.
Select a relevant focus area. For Employer-Specific Courses, select ‘Not Applicable’.
12- If the training programme is a micro-credential programme, you are required to complete these 3 fields. Save and click Next
Insert MiCAS Application number
13- Based on the nine (9) pillars listed below, HRD Corp Focus Area Courses are closely tied to support government initiatives towards nation building. As such, courses offered through the HRD Corp Focus Areas are designed to provide the workforce with skills required for current and future demands. Details of the focus areas are as follows:
14- Please select a Course Title and Type of Training
15- Select the correct type of training according to the actual type of training, or as mentioned in the training brochure:
16- Please key in the Training Location and click Next
17- Please select the Level of Certification and click Next
18- Please follow the instructions and key in trainee details
19- Click Add Batch, then click Save
20- Click Add Trainee Details
21- Please key in all the required details, then click Add
22- Click Add if there are more participants. Once done, click Save
23- Click Next
24- Please key in the course fees and allowance details, then click Save
25- Estimated cost includes the course fees/external trainer fees, allowances, and consumable training materials. Please comply with the HRD Corp Allowable Cost Matrix.
26- Select Upfront Payment to Training Provider and key in the percentage from 0% to 30%. Then, click Save and Next
27- Complete the declaration form and select a desired officer
28- Add all the required documents, then click Add Attachment. Then, click Save and Submit Application
29- Once the New Grant Application is successfully submitted, the Grant Officer will evaluate the application accordingly. The application may be queried if additional information is required.
The application status will be updated via the employer’s dashboard, email, and the e-TRiS inbox.
Job Roles
- Front-End Developer
- React Developer
- Web Developer
- UI Engineer
- Full Stack Developer (with a front-end focus)
- Mobile App Developer (using React Native)
- Web Application Developer
- Software Engineer (transitioning to front-end)
- Web Designer (looking to add coding skills)
- UX Designer (wanting to prototype with React)
- JavaScript Developer
- Interactive Developer
- E-commerce Front-End Developer
- Product Developer (web-based products)
- Technical Team Lead (overseeing UI development).
Trainers
Hamid Rezaeirad: Hamid Rezaeirad is a Software Engineer and Currently, he is working in Xchanging Malaysia a DXC-YTL Joint Venture as Senior Software Engineer. He has more than 9 years’ experience with c#.net and Microsoft SQL Server. He is an expert in backend developer such as Soap, WebAPI, WCF and frontend such as Asp.net, Angular and React JS, HTML5, Bootstrap, JavaScript. He has also experience in data SQL Server Data Warehouse with SSIS, SSRS. preparing study narratives documents and case reviews, Perform the tasks of reviewing studies performed by the staff, Strong writing and verbal communication skill, Invited reviewers of journals and conferences.
Specialities:
- Team Leadership, Solution and Architecture, Cloud Development and Design.
- Industry: Travel & Transport, Telecom.
- Project Management Service and Application Development and Design.
- Languages: C# VB PHP JavaScript.
- Web Development: ASP.Net, Nodejs, Express, Angular, React.
- Databases: SQL Server, MySQL, MongoDB, Neo4j.
- Platforms: Web, Mobile.
- Architectures: SOA, n-tier, Distributed and Client/Server, Microservice.
- Methods: Agile, Scrum, Waterfall.