My front-end learning route
The first stage:
-
HTML+CSS:
div+css box model website development
-
JavaScript:
Basic special effects: Tabbar, carousel, pop-up layer, scrolling, parallax effect
-
JQuery
Special effects, animation, the use of common html framework
second stage:
-
Mobile terminal development, adapt to multiple devices (including resolution, layout...
-
Use get, post to request front-end interactive development.
The third stage:
- Learn ES5, ES6 new syntax (especially arrow functions
- Object-oriented thinking
The fourth stage:
-
Learn git operations
-
Understand and master the use of yarn and npm scaffolding and the installation of related dependencies
-
Learn mainstream front-end frameworks (react, vue, etc.)
-
Canonical code format
-
Modular component development
-
Development of website applications for component-oriented ideas
-
Mini Program Development
The fifth stage:
- Form your own web development workflow (from project creation, configuration, writing, deployment, debugging to deployment and release)
- Ability to quickly locate problems encountered during project development
The sixth stage:
-
Node.js full stack development
-
Linux, windows, MacOs environment configuration, asynchronous programming, non-blocking I/O, modular concept, modular management tools, modular development process, debugging.
-
Rapid development framework:
Express, Koa2, cloud development, etc.