47 lines
1.7 KiB
Markdown
47 lines
1.7 KiB
Markdown
<!-- START doctoc generated TOC please keep comment here to allow auto update -->
|
|
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
|
|
## Table of Contents
|
|
|
|
- [Introduction to front-end programming](#introduction-to-front-end-programming)
|
|
- [Goal of this training](#goal-of-this-training)
|
|
- [Prerequisites](#prerequisites)
|
|
- [To do before the course](#to-do-before-the-course)
|
|
- [Curriculum](#curriculum)
|
|
- [Inspiration](#inspiration)
|
|
|
|
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
|
|
|
|
# Introduction to front-end programming
|
|
|
|
## Goal of this training
|
|
|
|
This training was developed for back-end and infra developers. It is meant to be used as a support for an oral presentation.
|
|
|
|
I am not an expert in front-end development. This should only be considered an introduction.
|
|
|
|
## Prerequisites
|
|
|
|
Assumed knowledge:
|
|
|
|
- HTTP
|
|
- Basics about browser
|
|
- Basics about HTML and CSS
|
|
- Basics about programming languages
|
|
|
|
## To do before the course
|
|
|
|
Read the [grab/front-end-guide](https://github.com/grab/front-end-guide) to get a 10,000 viewpoint about the road ahead. Evidently you don't need to check the details about each topic (that's what we'll do in this course), but obviously feel free to look up what seems interesting to you!
|
|
|
|
## Curriculum
|
|
|
|
1. Modern Javascript
|
|
2. TypeScript
|
|
3. Intro to React
|
|
4. CSS/HTML restart
|
|
5. Front-end development practices
|
|
|
|
## Inspiration
|
|
|
|
- [Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!](https://frontendmasters.com/books/front-end-handbook/2019/)
|
|
- [grab/front-end-guide: 📚 Study guide and introduction to the modern front end stack.](https://github.com/grab/front-end-guide)
|