A report about the internship that I completed at ALAX VIetnam

1. ALAX INTERNSHIP
★ Mentors: Đỗ Hà Quốc Trung
Đỗ Hoàng
Huy
Trần Hữu
Khánh Văn
★ Intern: Lý Huỳnh Như

2. ALAX INTERNSHIP
➢ Results achieved after the
internship
➢ Demo internship project

3. Results achieved in the internship
★ Back-end:
➢ request, response, routes handling in nodeJS
➢ Reading file in nodeJS
➢ Understand about JS variable scopes
➢ Working with asynchronous code (callback ->
promise)
➢ Learn about JS module, splitting big functions
(problems) to smaller chunks
➢ Create a fake REST API with json-server
★ Project: make endpoint to get Decent current supplies
from API
★ https://github.com/lyhuynhnhu/internship

4. Results achieved in the internship
★ Front-end:
➢ Render dynamic HTML template
with node
➢ Using intermediate front end
techniques in code
○ Handlebars templating
○ SCSS preprocessor
➢ Use build tools: parcel, gulp
➢ Apply CSS flexbox to website
➢ Code linting and coding standard
➢ JS in the client
➢ DOM
➢ Handling Ajax request &
responses
➢ Working with ReactJS
★ Project: Alax-CoinMarketCap-Data
widget
★ https://gitlab.com/alaxio/alax-live-data-widget

5. Results achieved in the internship
➢ Git:
○ Understand workflow process on Git
○ Basic command line
○ Working on Github and committing
standard
○ Making pull requests

6. Results achieved in the internship
❖ Soft skills:
➢ Research, self-study skills
➢ Teamwork skills
➢ Planning and organising skills
➢ Problem solving skills

7. Demo project
(ALAX Health-Check)
● Purpose:
➢ Check and ensure the "health" of Alax website.
➢ Follow the status of working environments in the
process of building a website.
● Workflow:
➢ Make a API call to fetch json data
➢ Check the status of each service in each
environment
➢ Repeat the process regularly to spot problems as
quickly as possible, ensuring website is always
"healthy".

8. Demo project
(ALAX Health-Check)
● Tools:
➢ add config file to list tracked applications
➢ Use the map function in js
➢ Make beautiful, animated loading skeletons that
automatically adapt to app
➢ Use Media Query module (@media) in CSS to
create responsive website

9. Demo project
(ALAX Health-Check)

10. ALAX INTERNSHIP