preface

Since the university has not made a summary to oneself, while taking advantage of the recent free, summed up these years together again. First introduce myself. I was a freshman in 2017 and studied communication engineering (manual dog head) in a normal university in Guangdong province. Now in my senior year, Qiu enrolled and got offers from Tencent and Byte. So how did I go from reading electronics to doing front-end, and how did I teach myself front-end. Let me tell you more

PS: Offer sincerely compare

  • Byte DATA front end, do is headline applet that set of ecology (feel is pure front end)
  • Tencent internship, after should be the full stack, personal feeling to fill a lot of background knowledge
  • Base is shenzhen
  • Seek advice ~

A freshman

In September of 2017, I came to Normal University with my backpack full of expectation, ready to start the wonderful college life like the TV series. Of course, I was overthinking. University is not the paradise in imagination, perhaps the middle school is pure heaven. I don’t remember why I majored in electronics, so just do it. There is an electronic association recruit new, specially picked a technical department interview, we have to learn technology ah, the result has not passed. Then I followed my classmates to play some circuits and SCM and participate in some electronic design competitions. Do I like electrons? Not really. Maybe I just don’t hate it.

At the end of the first semester of my freshman year, I accidentally saw the notice of recruiting new employees for the business expansion of a senior F’s entrepreneurial team, so I tried it. At that time, I didn’t even know what the front end and back end were. Senior brother is also very good, let us finish the final exam and then slowly start to study. That year seems to be the only year of normal university winter military training, military training is almost too late, went back. After staying at home for two weeks, I came to school to start my study. Specific is how into the pit of really forget, as if to go to the library to find an HTML+CSS+JS three books in one?

I had my first Web project, a small application front end, in March of my freshman year. At that time, I really could not write JavaScript logic, and I could write pages very slowly. Fortunately, I had a senior student P who was one year older than me to teach me patiently (now Senior P is in byte). That simple little program now give me three days I can almost finish it, at that time it took more than a month to write (face covering). The entrepreneurial team in F did not learn much systematically, but it also learned some knowledge of the front and back end piecemically and touched some PHP (foreshadowing).

By the end of the freshman year, as the entrepreneurial team of my senior brother P had begun to take shape, there was no need for us students to do part-time jobs. So I left the team and finally learned that there was a teacher in the school who also had a Web development studio. After a few twists and turns, I finally got in.

Freshman year summary: muddled, doing around

A sophomore

In fact, I did not concentrate on the front end of learning in my freshman year and sophomore year. At that time, I was not sure what I would do in the future. Besides, people around me always hold several jobs and have a lot of things on their bodies. In fact, looking back now, the benefits are not big. If we can concentrate on one direction early, the benefits will be amazing to people around us two or three years later.

At that time, I also joined an embedded lab, the group is doing image recognition. Later, after I seriously think about it, I feel that I really have no sense of electronics, embedded and so on. There is no front-end development from 0 to 1 to give me the sense of impact. Just put everything back and focus on learning. Start buying books, reading courses, reading technical blog posts every day, whatever.

In the second semester of my sophomore year, I accidentally saw the information of summer internship recruitment issued by goose Factory, so I made a simple resume and delivered it with the mentality of trying. Luckily for me, the React+PHP tech stack is a perfect match for the team the interviewer is on. Then summer vacation went to goose factory practice.

Conclusion of sophomore year: I began to concentrate on learning Web development, absorbing all kinds of knowledge and accepting all kinds of projects

Junior year

In my junior year, I began to prepare for spring recruitment and autumn recruitment. I found a pile of interview notes and experience. I also summed up a set, gradually understand some of the original rational things. In order to prepare for interview experience, I received a long-term internship offer from Guangzhou CVTE in my junior year. Finally, because of some reasons did not work, Mo had to experience their five-star buffet restaurant.

Then the epidemic came, at home also prepared some spring recruitment practice, ali byte face are fruitless. In May, I went back to my group internship in Tencent. Only after I went there did I know that I was the earliest technical intern there. After nearly four months of internship, I finally passed the defense and got the offer.

Summary of junior year: systematic learning, purposeful preparation

Senior year

I finished my internship in September and came back to school. At that time, I didn’t think I could pass the interview, because I had been working on the business of the company for several months and had been out of the interview for a long time. Moreover, I was under great pressure during that time, so I couldn’t calm down for the interview. Unexpectedly, I got the offer, and then I ended my autumn recruit and began to lie dead

Learning path

So what books have I read (e-books, paper books), mostly e-books

HTML

I don’t think he’s read any books

CSS

  • CSS World

JavaScript

  • JavaScript Advanced Programming
  • Geek Time: Parsing the core principles of JavaScript
  • High Performance JavaScript
  • JavaScript You Don’t Know (Part I, Part II)
  • “JavaScript Functional Programming”
  • Geek time: Front-end full link performance optimization combat

Node.js

  • Node.js (recommended)
  • Node.js development practice (forget which platform is the network course)
  • “10+ Code Cases to Master the Core basics of NodeJS” (Gold Digging Booklet)
  • The Path to Node.js

Webpack

  • B station a training video
  • Simple Webpack
  • Customizing the front-end development environment with WebPack

Vue

  • Vue. Js
  • Analysis of vue. js internal operation mechanism (Gold Digging Booklet)
  • Vue source code explanation course

React

  • React React lesson 45
  • React source code in depth parsing
  • React Full Stack
  • Deep in the React Tech Stack

The browser

  • Inside WebKit Technology
  • Geek Time: Illustrated GoogleV8
  • How-browsers Work
  • How browsers work and practice (forget the platform)

network

  • Illustrated HTTP
  • Geek Time: Funny talk about network protocols
  • Computer Network

algorithm

  • Swords refer to offer and LeetCode
  • Niuke left god algorithm course
  • Geek Time: The Beauty of Data Structures and algorithms
  • Geek Time: Algorithm Interview Pass Lecture 40
  • JavaScript Description of Data Structures and Algorithms

I don’t want to post a summary of my blog, but a book or course

The last

I’m glad you listened to me and I hope we can make friends. If you like, you can order a “like”