[Same Talk] @曼青: The road to toss the front end

Preface

Remember the previous [Same Talk] I look forward to having you on the front end! ? I have done an exclusive interview with seniors in the front-end industry, sharing their experience, so there are actually many low-key front-end gods around us, but sometimes we don't know it. Then the same plan is set up for you.

The text starts here

@曼青, a dormitory in Huanong , Guangzhou, a girl, 19 years old (I was still on the way to Ben Er when I was studying earlier, haha). Participated in 【Activity】The second 21-day technical book reading sharing

I have been in the front end for two years, saying that it is not long or short, and I have always wanted to write something to record my growth. I just saw the activities of the morning reading gentleman and got up and started writing.

Two and a half years ago, I entered Huanong's network engineering major with the idea of ​​entering the IT industry and wanting to learn computers (then I would be asked when I went home... Did I go to farm...), I started a variety of computer basics in a daze. Theory class. However, the lines of code are just jumping between black and white screens. As a person who likes art since I was a child, I think I have some artistic cells. I really feel boring and I am just at the stage of studying well and not studying deeply.

Let’s talk about real contact with the front-end. Starting from the design of a web competition in the freshman year, in order to respond to the call of the school to give full play to my many years of design talent (I would not say that I fancy his bonus (ahem...), I designed a I thought it was a good website and then quickly became html+css on w3cschool in a week or two. Of course... it turned out to be missed with the award. But it was this experience that made me discover that the original language is not just running on the console and outputting results. It turns out that there is such a magical thing. It turns out that the things I drew can be displayed on the web page and can be moved so coolly. The following plot can be imagined... Pack up, go to class during the day, and often read documents, tutorials, and blogs at night until one or two points (this is important for everyone not to learn).

Because the school does not have front-end serialized knowledge, learning basically depends on self-study. I met some seniors who were on the front road, and started to introduce text editing tools to me (it was suggested to use a writing notebook for a week or two at the beginning, and then there was no problem with all commonly used attributes, of course, I changed it to The famous sublime), began to press F12 to imitate the website to understand the layout to determine the difference between absolute positioning and relative positioning. During the period, the main learning method is to keep turning through the documents and practicing. If you don’t understand Baidu, check Google and check various questions. It probably took a month or two to basically do some basic layout and some simple special effects. , Freshman summer vacation followed the teacher to do oneAbout the project of artist signing performance ("trafficking in human beings") (at this moment, the novice task of front-end entry is completed)

Let’s talk about js, starting from the related content of w3cschool and "Javascript Dom Programming Art". Because of the programming foundation of C and Java, it is not very difficult to learn. It will not take long to find that some basic animations can be written. There are some gadgets (such as a countdown, etc.). At this time, the sense of accomplishment max is like watching your child learn to walk (boyfriend didn’t bring the child...fall...), but like a game, when you succeed After defeating the boss in one level, the difficulty level of the following levels often starts to increase. After reading the documentation and learning jq, I found that the whole person is the same as opening the plug-in, the waist is not sore, the legs are not painful, and there is no need to write document.getElementById(id) every day. Continue to work on the project when there is no project, find something to do, but because the sophomore class is not so many (a week from 8 in the morning to 10 in the evening, there are three sessions empty, and most teachers like to call the name and test at random), skills The point has not developed rapidly. I used the scattered time to learn the use of ajax, read the tutorial book and wrote a Tetris with canvas, started to touch css3, learned the responsive layout, and then started to become proficient in the use of jq (common functions are basically remembered, don’t remember. I checked the document and I knew where I was probably.) During the summer vacation, I had an internship in a company for a month, and then I received an outsourcing project (the internal members are too many, and the students at home and abroad have a big touch). This is the project that made me discover The gap between people), began to think about life, and encountered the legendary bottleneck. I have been studying, just purely like a child playing around at home, although it is driven by interest, but it is here to play and there is nothing to master. I can refactor and jq. Basically, there will be no major problems in the basic realization of the website project given by the school teacher, and I feel like a dead end. However, many people around you are still at the textbook stage, and they all think you are a great god, and there are not many people who can complain about it. So confused and entangled, doing projects with the teacher, repeating the mechanical layout, keep moving....

In the third year, I followed a lot of front-end official accounts, Weibo, and blogs. I browsed it every day. Perhaps my vision was broad. I suddenly discovered that the whole world began to talk about less, sass, postcss, grunt to glup, and node. js, talk about Agular talk about React, talk about performance optimization talk about various adaptations. Maybe you will be scared at first, but because of this, it feels like a breeze is coming, and the willows are in the dark and the flowers are in another village. Following the tutorial, I set up the hexo blog and started recording my new life. I started to submit my own code on github, started to learn to share, and established the w3ctrain platform with my brother. I slowly discovered that the front-end is developing very fast, but all the frameworks that look cool and sound very high are things that others have encapsulated. If the basics are good, it will only take time to understand the grammatical ideas. Don't be too scared. What really needs to be learned is to understand why they write this way, what is the difference between writing this way and writing like that, etc. On the one hand, I turned around and started to read the js red book and js design pattern, and began to truly understand the chain and the object. On the other hand, I started to study some new attributes of css3 and html5, and followed the footsteps of some mainstream blogs to understand the flex layout To optimize the performance of the project, I have been saying that I want to learn a back-end language and I started to get in touch with node.js, and I am trying to write something fun.

There are so many nonsense about running accounts, to summarize:

  • Related books read:

    • "Css Zen Garden"

    • "JavaScript DOM Programming Art"

    • "Sharp jQuery"

    • "Graphic CSS3: Core Technology and Case Actual Combat"

    • "Responsive Web Design: HTML5 and CSS3 in Action"

    • "Guide to High-Performance Website Construction"

    • "Single Page Web Application: JavaScript from Front End to Back End"

    • "Graphic http"

    • "The Self-cultivation of Web Full Stack Engineers"

    • "White Hat Talks about Web Security"

  • Websites frequently visited:


Guess you like

Origin blog.51cto.com/15080028/2595049