Front-End Learning Path

reason

Recently, the laboratory has recruited new members and is about to welcome a new batch of members. Among them, learning the web is as much as ever. For those students who want to learn, but do not meet the laboratory requirements. I hold the attitude that as long as I am willing to learn, I will not give up. Decided to write them a front-end learning path. Of course, the younger brother is not talented, if there is anything wrong, thank you for correcting!

content

Can't be denied. There are only three contents in the front end

    1. html

    2. css

    3. javaScript

Much of the content that follows was created for easier development. E.g:

1. jQuer
2. bootStrap
3. vue etc.
4. ......

step

HTML is for adding content to the page, css is for beautifying the page. The content here is very complicated, and learning will be a long-term process, and it is not suitable to have the idea of ​​memorizing it all. The following steps are recommended

1. Any static page can be written.
2. Use javaScript to manipulate page changes (dom programming, bom).
3. Compatibility problems
4. Learn a simple background language (eg: php, etc.)
5. Front-end and back-end interactions, (ajax, cross-domain, http, etc.).
6. Tool library for learning rapid development: jQuery, bootstrap, etc.
7. In-depth understanding of front-end rendering, browser is how to work
8. Learn JavaScript in depth.
       1. Fundamentals
       2. Data types,
       3. Arrays,
       4. Objects,
       5. Functions,
       6. Object-oriented programming...
       7. Closures
       8. Low-level operating mechanism
       9. Prototype chain
      10. ...
9. learn node, etc.
10. Learn the use of three major frameworks such as vue, front-end project engineering, various packaging tools, and package managers
11. Deep dive into frameworks like vue
12. Safety
13. performance optimization
14. Cross-platform development (RN, WEEX,)
15. Focus on front-end cutting-edge technology

The above is what a front-end should master. However, before the interview, we often have a written test, and the questions of the written test are generally as follows:

1. multiple choice
2. Front-end basics
3. operating system
4. Data Structures and Algorithms
5. If it is more messy, there are as follows:
   1. Database
   2. Network protocol
6. Programming questions (programming ability, and algorithm ability)
7. Questions and answers (questions about a certain knowledge point on the front end). For example:
   1. How did you optimize your code?

These are the questions that may be encountered in the written test.

recommend:

Book Recommendations

1. The Definitive Guide to HTML5
2. The Definitive Guide to JavaScript
3. The Art of JavaScript DOM Programming
4. javaScript advanced programming
5. javascript ninja cheats
6. JavaScript you don't know
7. Getting Started with ES6 Standards
8. The sword refers to the offer (algorithm related books)
9. proficient in css
10. ...

Website recommendation

1. Check information related
      1. github
      2. w3c
      3. mdn
      4. rookie tutorial
      5.  …
2. Learning video related
   MOOCs
   netease cloud classroom
   baidu transmission course
   tencent classroom
   geek academy
   i want to teach myself network
   ...
3. Blog related
   1. Ruan Yifeng2
   . Zhang Xinxu3
   . Liao Xuefeng4
   . …

The above is just my personal learning experience.