preface
A few days ago, I had a chat with one of my college classmates. He revealed his salary to me. When I got the salary, I quickly asked him for advice and he gave me a study list. Both of us are telecommunication majors, and we are good friends who talk about everything. He is also through his own efforts, from 3K monthly salary rushed to 15K, he and I are brothers in trouble, the university together failed to make up the exam, he graduated from the hardware to the front end, is a halfway house, and I have not graduated from the front end, and my salary is not half his high… You u can see how much more effort he put in than I did. He likes to watch the Nuggets, station B, and take notes. Next, I’ll sort out his study materials.
Based on article
For those who are just starting out, it is recommended to watch the video instead of the document, because the document is dead and the video is alive. Beginners can often learn more from the video and understand it more thoroughly.
Suggestion: After watching a video, type the code according to your recollection. If you can’t remember, watch it again, so that you can remember it deeply
When learning HTML,CSS should be more typing, preferably write a few static pages. You get the idea.
- Video: Still Silicon Valley Web front end HTML5&CSS3 beginners zero basic beginner complete set of complete version
- Video: New _JavaScript_ Basic + advanced _JavaScript tutorial _JavaScript video _js
- CSS Basics (Core knowledge, common requirements)
- Article: HTML article – this may be the current more comprehensive HTML interview knowledge point
JavaScript advanced
JavaScript advancements involve closures, prototypes, scopes, ES6, take notes and practice, muscle memory through a lot of typing, so you know, what syntax is used to solve what problem in what situation
- Article: I never understood JavaScript closures until someone explained them to me like this
- Article: Even if you don’t interview, you have to understand the prototype and prototype chain
- Article: An in-depth understanding of JavaScript scopes and scope chains
Learning Vue framework
Vue framework is very convenient, it is also easy to learn, follow the video to learn, soon get started, and then follow the video to do a project, basically can normal development.
- Article: VUE Development just read this article
- Video: VUE core technology – VUEJS – VUE JS – Front-end – Still Silicon Valley
Learning of algorithms
Algorithm is not quick, can only rely on their persistent learning, you can choose to brush Leetcode problem, can also watch the video (explain more vivid) here also recommend you a JavaScript brush algorithm video (JavaScript brush algorithm video is less)
- Brush: Leetcode
- Video: Leetcode force button brush tutorial collection that everyone can understand
- Video: JS algorithm + data structure
The Node of learning
Learning Node enables you to learn both the back-end and the server
- Article: An article builds your NodeJS knowledge
- Video: 2020 Newest and most complete Node Practical course (including crawler and Web server development)
Principle of the framework
Frame here, at the beginning of the proposal, first look at the article, knock a few times, then go to see the article, will understand more thoroughly
- Video: VUE source analysis
- Video: React source parsing
- Ele. me’s Element library uses the latest source analysis of Element
The interview
B: Yes, I know. In today’s society, the interview is so important to find a job.
Tip: Read the interview articles, but don’t just read them. Learn from the articles. For example, I read an article about floating collapse solutions, so I should learn how these solutions work, so that you can also learn the concept of BFC, which can be useful in future interviews. For example, if the interviewer asks you how to clear the float, one answer is solution solution, the other answer is solution +BFC, the interviewer will definitely choose the latter.
1.HTML,CSS,JS interview questions
- Article: HTML and CSS basic summary
- Article: Self-check list of a [Qualified] front end engineer
- Interview question: What is the event cycle?
- Article: To the girlfriend of the intermediate front end of the interview secrets (including detailed answers, 15K level)
- Article: dead knock 36 JS handwritten problem (understand, promote really big)
- ES6 Interview, review dry goods knowledge point summary (full)
2. Vue interview questions
- Article: the most complete Vue interview questions + detailed answers
- Understand the 15 Vue unpopular knowledge, no longer afraid of the interviewer difficult
- Article: Elaborate Vue’s Diff algorithm
- Article: VUE custom instruction collection
- Article: These 10 Tips to Become a Better Vue developer
Algorithmic interview questions
- Bytedance’s favorite 64 algorithms (JS version)
- Article: Memorize a bytedance algorithmic interview question
- Article: “Algorithms and Data Structures” You may need a summary of front-end algorithms
4. Webpack interview questions
- Article: What does the interviewer want to know when he asks Webpack
- Another dozen Webpack interview questions
5. Performance optimization interview questions
- Article: Vue Project Performance Optimization – Practice Guide (most complete/detailed online)
- Article: Uncover nine performance optimization tips for Vue.js
- Article: I optimized the progress bar and improved page performance by 70%
- Article: You know what front-end optimization means
- Article: Webpack optimization always makes you have to love
- Article: “Front-end Advanced” high-performance rendering of 100,000 data (virtual list)
6. HTTP and browser questions
- Article :(1.6w word) the browser soul of the question, I would like to ask you can catch a few?
- Article :(intensive reading recommended) the soul of HTTP to strengthen your knowledge of HTTP
- Article: ShutdownHTTP series
- Video: Front-end performance optimization
conclusion
My column has been updated:
- Vue source parsing
- Leetcode
- Element source parsing
- Interview — poison is poison
Study group please click here and arrange it now