【 Break through the thorns 】 – the front end rookie stumbled into dachang

preface

For me, the long autumn recruitment finally came to an end. From the beginning of September to now, after a whole month of intensive interviews, I finally entered my ideal company.

As for the specific company, you readers can pay attention to the end of a below.

Before I begin, let me introduce myself briefly.

To introduce myself

I am a 2022 graduate studying in jiangxi normal university, majoring in c#. I decided to change languages in my junior year.

Since THERE was not much conflict between the postgraduate entrance examination and my job, I made up my mind to enter a big company at a very early time, and then all the preparations were devoted to preparing for the autumn recruitment.

If you have been on your own, you may have a false sense of where you are right now. In my experience, most people probably underestimate their own abilities. So be sure to talk to people who are much better than you, and you’ll see a completely different perspective.

Take me as an example, before I met tian Tian senior, Ruochuan Daishen and a series of big men, I always thought that I could only get a job with a monthly salary of 8000, but after reading their articles and simple communication with them, I had a big factory dream. I remember reading this theory before, that if you are constantly in contact with people who are better than you, you may not be able to surpass them, but you can definitely improve yourself.

After a brief introduction of myself, I will tell you what you need to do to get into a good company.

Preparation 1: analyze the advantages of entering a big factory

Companies are looking for highly matched people, and you need to make yourself as close a match as possible in order to get into your dream company.

The matching items or bonus items fall into the following categories.

• A good degree (985>211> Double Non, doctor > Master > Bachelor)
• Internship experience (preferably in a large factory)
• Project experience (besides the projects done by the company, I also worked on some projects by myself)
• Games with gold content (algorithms, English proficiency, etc.)
• Potential to be a good programmer (regular note-taking habit, desire to share technology)
• Leecode brush a lot (you want to enter the big factory, this is inevitable)
• Solid professional skills (front end, back end, testing, etc.)

Take me as an example, I have made these preparations for autumn recruitment

• Accumulate internship experience. Before the official autumn recruitment, I had two internship experiences, each lasting 2-3 months
• To accumulate project experience, I have done some projects on my own except those in the company
• Maintain blog, from the beginning to learn the front end, every knowledge point, I use a blog record
• Do mind mapping, regularly comb their knowledge, systematic organization of their own thoughts and learning
• Brush algorithm questions, targeted brush questions, such as sword finger offer,codetop, etc

It can be seen that some of the above conditions cannot be changed, such as education background, but most of the conditions can be touched with our efforts, such as internships, projects, blogs and so on.

Small tips ⬇ ️

About Blogging

Writing blog is not necessarily beautiful at the beginning, as is taking notes, you can stick to it, you can be successful in nuggets, bird language, zhihu and other platform maintenance, personal recommendation nuggets.

How to balance study and internship

Must want to be given priority to with study, absolutely cannot fail, practice can be in summer vacation or fast have no class of time to look for again, way includes but not limited to school job fair,boss direct hire, senior study elder sister inside push etc.

How to Find projects

There are a lot of courses on site B, and you can also buy them on moOCs (not recommended, the quality of courses is not recommended, and suspected of plagiarism). Here I recommend Teachers Coderwhy and Pink from Site B. Their courses are easy to understand, and most of them are free, but if you are willing to put your mind to it, there are a lot of online resources.

Preparation 2: resume creation and interview opportunities

Resume writing

A resume is a candidate’s face, and you want to make the hr feel comfortable with it and want to continue reading it.

One rule to follow when creating a resume is to tell a comprehensive story about yourself in as short a space as possible.

These should be included in your resume

• Personal information (telephone number, email address, name, gender, etc.)
• Education experience
• Work (internship) experience
• Project experience
• Basic skills
• Self assessment
• School experience
• The winning experience

Above the first five is must have, behind a few to see individual need, you feel give color can write up.

Small tips ⬇ ️

A resume should be no longer than two pages, or even a full page if it contains a lot of material.

I’m sure some of you have asked for a template, so here’s a resume template for you.

Wechat public account focus everyday Up, background resume reply, you can have a beautiful resume template.

The interview chance

Push in, push in, push in.

Autumn recruitment resume if you can find the internal push code must be used internal push code, the role of internal push code is the resume will be faster to be seen by HR, and some companies for internal push resume is free of preliminary screening, which can greatly increase the probability of you get the company interview opportunity.

Small tips ⬇ ️

How to obtain the internal push code

Priority: acquaintance internal push > ox customer network internal push

Preparation three: interview rhythm and interview experience

Rhythm of the interview

Principle: easy before difficult, small before big.

My personal interview process worked my way from small company to big company. This is more suitable for the general level of the front-end of the interview route, due to lack of experience and nervousness, I could not speak clearly at the beginning of the interview, let alone answer the questions. However, after half a month of high-intensity interview, I gradually became more and more skilled and confident, and then went to invest in big companies. Therefore, we must meet our ideal company after being prepared.

Small tips ⬇ ️

Here, I take salary as the reference for the difficulty of the interview. At the beginning, the salary is 8000, then 10000,12000 and upward. Here you can look at other criteria, such as company size.

Interview Experience (key points)

You may not see all the original questions in this section, but I will put some of the more frequently asked questions below for your reference. Basic is around the resume to ask, which the interviewer will be in-depth according to the point layers of your answer, so the resume must be written in particular if you are very sure of the knowledge point. For example, the professional skills section of my resume looks something like this.

For the above skills, the following questions may be involved

To introduce myself

Be prepared for your introduction. The interviewer may get a quick sense of who you are, what makes you great, and what makes you great compared to other candidates.

You can refer to my self-introduction

Interviewer: hello, my name is XXX, study in XXX university, a senior this year, I mainly talk about some experiences in the front, first internship experience, and in the self-study after the front end of the period of time, in order to make their own learning really be born to the project, I in this year’s month to month in company x x x began my first internship, the main work content is XXX, from this In addition to some enterprise-level projects, I also developed some personal projects independently. Then I would like to introduce my own projects, and finally talk about my blog. Finally, I would like to thank the interviewer for listening to me.

Small tips ⬇ ️

Use the STAR principle for both your resume and your self-introduction: What Situation you are in, what tasks you undertake, what actions you take to accomplish those tasks, and what the results are.

Internship Experience (Project experience)

This is just a list of some of the hard and difficult things you’ve encountered while working on a company project or your own project. You can expand by referring to the STAR principle above, for example

• Project Background (Why this project was developed)
• Role in project development (responsible for those parts of the project)
• Key issues encountered during the development of the project (see if you thought about the project while developing)
• What have you learned from the development of the project? (Test whether you are good at summarizing and reflecting)

Here’s a classic question I was asked by an interviewer in a big factory.

If you are now in charge of a project, how should you co-ordinate the development of a project, which development process?

If you have no or only a small amount of project experience, it will be difficult to cope with the interviewer’s question, because you may be able to answer part of the answer, but certainly not all of the answer, so there is no need to speak very detailed, the important steps to speak out.

For specific answers, you can refer to this article, which introduces in detail the knowledge of project engineering that the author has come into contact with over the years 👇

Hand – in – hand introduction to front-end engineering – super – detailed tutorial

CSS based

• Two box models
• How to achieve vertical center (as many solutions as possible)
• Mobile terminal adaptation scheme
• The difference between pseudo-classes and pseudo-elements
• BFC
• Selector priority
• What are the values of position and what are the differences
• Animation parameters, how to implement an animation
• CSS elements are hidden. What’s the difference?
• How does the parent element and the child element have unknown width and height
• CSS features
• What units does the CSS have
• Implements a block movement from left to right
• The difference between Link and @import

Learning methods: read blogs, CSS this piece does not take a lot of time, will not directly in nuggets or other forums to find articles to practice.

HTML based

• How do you understand HTML semantics?
• The use of meta tags
• What HTML 5 tags have you used?
• Introduce DOCTYPE

Learning mode: repeated memory, partial theoretical knowledge to rely on the brain to remember, if you forget to look again when you encounter.

JS based

• Execution context
• Scope/scope chain
• closure
• Prototype/Prototype chain
• inheritance
• this
• Type judgment
• Type conversion
• Depth copy
• ES6 new features
• Event loop
• Ajax
• Promise
• The garbage collection
• Regular expression
• Memory leaks
• Event mechanism
• The Generator and async/await
• The wrong location
• object-oriented
• The event bubbling
• Event loop

Learning method: video + book + blog + actual combat

Video: There are many JavaScript learning videos on site B, so you can choose the one with a high click-through rate to learn. Of course, I heard that Mr. Coderwhy recently offered a JS series course, and his videos are always of good quality, so you can pay to learn.

Books: “JavaScript Advanced Programming 4th Edition” (the first seven chapters must read), “JavaScript you don’t know” (first look at the middle) these two I think is a must read, the other rhinoceros book, butterfly book can not temporarily.

Blog: the following blog covers a large number of excellent front-end articles, we can regard it as an outline review material, each knowledge point to find the corresponding article to study.

This piece of knowledge can be said to be the core knowledge of the front-end,JS basic knowledge of solid or not determines the upper limit of your front-end career, so here must spend more time.

Read more than 300 articles/review maps for the upcoming interview.

Actual combat: this refers to more knock more practice, do not be an armchair strategist.

Webpack related

This part requires you to really practice, to configure a basic use of webPack from 0 to 1, otherwise there are a lot of details you will never be able to answer.

Common problems include, but are not limited to:

• Introduce webpack, webpack configuration, loader and plugin what is the difference
• The tree – shaking principle
• Packaging optimization for Webpack
• Packaging process for WebPack
• Route lazy loading principle is what, can combine webpack to say.
• How to write a WebPack plug-in
• How does Require/import work around circular references to Webpack

Learning method: video + actual combat

B station free video, follow the teacher from the beginning to the end of the tap once or twice you can definitely get started.

Video link: Silicon Valley’s latest version of Webpack5 combat tutorial (from entry to mastery)

Vue framework

Because I mainly learn Vue, so here only talk about Vue learning methods. Those interested in React should also check out some of the nuggets’ other excellent articles.

Common problems are as follows:

• Vue life cycle
• Principle of responsive systems
• Communication mode
• The MVVM with MVC
• Performance optimization
• slot
• Virtual DOM
• Dom diff
• vue-router
• vuex
• The difference between Vue2 and Vue3
• Vue vs. React
• keep-alive
• nextTick
• What is the difference between Methods, computed and Watch?

Learning method: video + official documents + interview article

Coderwhy: The latest Vue and Vuejs tutorials, from beginner to master

Official document :Vue official document

30 Vue interview questions, including detailed explanations (ranging from beginner to master, self-test of Vue mastery)

Computer network

This part is also the interviewer must ask, but there is a lot of computer network content, as front-end engineers do not require us to master all, we mainly need to learn TCP/IP protocol.

Common questions include:

• TCP Definition
• Differences between TCP and UDP
• TCP three-way handshake
• TCP’s four waves
• TCP timeout retransmission
• TCP traffic control
• TCP congestion control
• TCP sliding window
• HTTP Protocol Definition
• HTTP Packet Format
• The HTTP status code
• HTTP request methods
• HTTP Version Differences
• HTTP cache
• HTTPS
• Advantages and disadvantages of HTTP
• websocket

Learning style: books, blogs as a supplement.

Books: Illustrated HTTP and Illustrated TCP/IP, both of which are thin and newbie friendly.

Blog: all god three big guy wrote, very easy to understand.

(Recommended intensive reading)HTTP soul questions, consolidate your HTTP knowledge system

The soul of TCP, solidify your network infrastructure

The front security

Front-end security is one of the most common topics that interviewers at big companies ask about, probably because they’re looking for breadth of knowledge. They’re not asking you to code, but they’re asking you to know common hacker attacks and how to protect against them.

Common problems are as follows:

• This section describes XSS attacks and how to defend against them
• This section describes CSRF attacks and how to defend against them
• This section describes DDOS(denial of Service) attacks and how to defend against them
• Tell me about all the attacks you know

How to learn: Read blogs

Six common Web security attacks and defenses are analyzed

Or if you just search for safety on nuggets, there will be a bunch of articles about the relevant knowledge. Find a few that you think you can understand and study them.

Algorithm problem

Algorithm is the difficult point in the interview, but also my weakness, so maybe I can help you here is not much, I understand algorithm learning as persistence + skills, I will share some articles according to my learning process, I hope you can gain something.

It takes a lot of practice to solve algorithm-based questions, so you need to overcome your fear in the early stage and spend a certain amount of time to brush questions until you find the skills. Generally speaking, Leecode can easily handle most interviews by brushing 200 questions. Of course, if you don’t have enough time, you can also brush questions as I did.

1. Watch videos to strengthen your foundation

Front-end data structures and algorithmic fundamentals (Coderwhy’s)

2. According to the summary of the predecessors, I will systematically brush some simple questions

Front-end basic algorithm must brush (everyday senior students brush topic summary)

3. Start with lots of practice once you have some foundation

Leecode core questions 80+(Chocolate)

4. Brush questions according to the department in the interview

CodeTop (Details to the interview department brush the question genie)

Small tips ⬇ ️

Brush algorithm do not tangle, a problem if you do not understand the solution to see others first and then their own memory, otherwise the confidence will soon be a solution to the problem consumption.

The resume template

Want to source documents can pay attention to senior wechat public number every day Up, background reply [resume] can be.

Recommend a blogger

In no particular order, I would like to recommend some who I think are not only better technically but also better written.

-TianTianUp, head of Tencent’s core division

-Wakagawa (Idol of Idol)

– Sanyuan (Byte Front-end Architect)

-LinDaiDai_ Lin dull (CVTE boss, super interesting article)

– Sunshine, Xiaoqian, Front-end Engineer

In the future, a separate article will be published to introduce these great people. I strongly recommend that you pay attention to these great people. You will become as good as them sooner or later by reading articles and contacting excellent people.

conclusion

During the whole autumn recruit is not plain sailing, through a lot of detours, waste too much time, but finally achieved a satisfactory result, I think for a long time to feel the autumn is five points to three points and get unexpected help + + binary luck, no matter you are a desire to go into the front end of the small white or a consortium as well as I are autumn recruit of front-end, workplace I Think you need to do most is to act quickly, whether to back the eight-part essay writing brush topic or internship project experience, in short, as long as you have a heart to think forward finally will definitely reap the results you want, for example, carefully read the article and decided to act you are just one step away from the ideal company.

Oh, and forgot to fill in the hole. I ended up working for bytedance, a company I’d never dreamed of.