Project Schedule

Batch 2/2019
Mentor Huỳnh Văn Thông
Duration 21/06/2019 - 30/09/2019

No Name Start Date End Date

1 Đỗ Thành Nhân 21-Jun-19 30-Sep-19
2 Nguyễn Hữu Tài 21-Jun-19 30-Sep-19
3 Cao Anh Quốc 21-Jun-19 30-Sep-19
4 Phan Thanh Hoài 21-Jun-19 30-Sep-19
Course Name Status
ReactJS On-Going
ReactJS On-Going
ReactJS On-Going
ReactJS On-Going
Archivement
Note
Internship
Internship
Internship
Internship
 React JS

Reactjs Training Schedule

No. Training Outline

1 Introduce

2 GIT

3 Javascript(>ES5)

4 Reactjs

5 React-redux

Page 5
 React JS

6 Demo

7 Final Report

Page 6
 React JS

ing Schedule

Duration
Content (h)

Plan Actual

Introduce about Javascript, Reactjs 4

Basic GIT usage 8

Javascript Syntax 8

JS Objects 8
JS Functions 8

Local Storage, Session Storage, Cookie 8

JS HTML DOM 8
Presentation 1: Javascript, GIT 2
JSX 8
Rendering Elements 8
Components and Props 8
State and Lifecycle 8
Handling Events 8
Conditional Rendering 8
Lists and Keys 8
Forms & Validate 16
Lifting State Up 16
Composition vs Inheritance 16
Communication between parent and child 20
Forwarding Refs 20
Presentation 2: React JS 2
- Init redux store
- Create actions, reducers, services 50
- Integrate redux to reactjs
Presentation 3: React-redux + Demo 2

Page 7
 React JS

Create a demo with what has been trained

Eg: Create a workshop include:
- Admin page: manage product (add/edit/delete)
- Home page: show the product
180
- Product page: to show the detail of the product
- Register page
- Login page,
.....

Presentation of trained knowledge and demo 4

Sum 400
13.3333

Page 8
 React JS

Training
Objectives Start date Finish date
Method

Have the overview of Reactjs Mentor 24/6/2019 27/6/2019

Seft-training 24/6/2019 27/6/2019

24/6/2019 27/6/2019

24/6/2019 27/6/2019
24/6/2019 27/6/2019
Have a knowledge about Javascript

Seft-training

Have a knowledge about Reactjs

Apply redux to reactjs

Page 9
 React JS

Understand and apply the knowledge in the

Seft-training
product

Understand and be able to work with Reactjs Seft-training

hours
weeks (Count 6hours/day,because Interns will join other training courses (English, Softskill))

Page 10
 React JS

Progress Notes

100/100

70/100
https://confluence.atlassian.com/bitbucketserver/basic-git-commands-776639767.html
https://www.w3schools.com/js/default.asphttp://es6-features.org/#Constantshttps://www.w3schools.com/js/
70/100

90/100 https://www.w3schools.com/js/js_object_definition.asp
80/100 https://www.w3schools.com/js/js_function_call.asp
https://scotch.io/@PratyushB/local-storage-vs-session-
storage-vs-cookie
https://viblo.asia/p/local-storage-session-storage-va-cookie-
ORNZqN3bl0n
https://www.w3schools.com/js/js_htmldom.asp

https://reactjs.org/docs/introducing-jsx.html
https://reactjs.org/docs/rendering-elements.html
https://reactjs.org/docs/components-and-props.html
https://reactjs.org/docs/state-and-lifecycle.html
https://reactjs.org/docs/handling-events.html
https://reactjs.org/docs/conditional-rendering.html
https://reactjs.org/docs/lists-and-keys.html
https://reactjs.org/docs/forms.html
https://reactjs.org/docs/lifting-state-up.html
https://reactjs.org/docs/composition-vs-inheritance.html

https://anthonymineo.com/simple-child-to-parent-communication-in-react/
https://reactjs.org/docs/forwarding-refs.html

https://viblo.asia/p/bat-dau-voi-reactjs-phan-2-1Je5EMGA5nL

Page 11
 React JS
The mentor needs to update after receiving the
requirement

Page 12
No Questions
Answer
Trainer