Presentation about Front-End Development - Hein Htet Aung (hnhtag)

1. Front-End
Development
By Hein Htet Aung

2. Also called
Client-Side Development
The practice of converting data to a graphical interface, through the use of HTML, CSS, and
JavaScript, so that users can view and interact with that data. ~ Wikipedia

3. Core languages
➔ HTML
the standard markup language for
documents designed to be displayed in
a web browser
➔ CSS
to describe the presentation of a
document written in HTML or XML
➔ JavaScript
a high-level, interpreted scripting
language

4. Just Like A Restaurant.

5. Main Focus
➔ Layouts
➔ Responsive Design
➔ Visual Experience
➔ Interactivity
➔ Browser Testing
➔ User Testing

6. How it works?

8. API specifies
how software components
should interact.

9. 4 Basic Operations

10. {
“name” : “Anup D”,
“email” : “anup@gmail.com”,
“password” : “*********”,
“phone” : “9198565076”
}

11. Calling API
Request URL :
http://example.com/api/user
Request Method: POST
Body :
{
“name” : “Anup D”,
“email” : “anup@gmail.com”,
“password” : “*********”,
“phone” : “9198565076”
}
Body:
{
“message” : “Success || Fail”
}
Response

12. Popular
Front-End Frameworks
➔ React
➔ Vue
➔ Angular

13. Images used in this presentation are from the internet.
Read : Image Rights Metadata in Google Images.