Is to do web front-end development, from the beginning of 2002 to that spring in Beijing, has been 17 years. Over the past 17 years, basically, I’ve averaged two hours of study a day, and I want to share my experience with you today. {{01}} I was born in liaoning province. I was born in a small city. Later, the city became a big city thanks to the strong drainage of uncle Shan. After graduation, my first job was in charge of fire equipment in a hotel. It was a very idle job. If there was no fire, I had nothing to do, let alone anything to do when there was one. Why are you going? Playing games in the Internet bar all day. Xianjian, red alert, thor, duke nukem, starcraft, play a lot, to merit street with computer, make 200, a variety of devanning installed, reshipment system, but also because of overclocking and burned a field 400 CPU, these are the dates from nearly 20 years ago, the students should have never heard of But life can’t always so, then yellow net cafe For 2 hours a day, {{2}} Hotel fire work is very idle, I taught myself Ps, 3dMax, webpage three swordmen (DW, FW, Flash), sincerely say, MY self-learning ability is very good. How long did it take me to learn these things? Ps, a longer time, 3 months, 3dMax, two months, web three Musketeers, about a month. Because FW and PS are very similar, and Flash and 3dMax have many ideas in common. So you only learn HTML and CSS. At that time, there were many free Spaces to use, such as the homepage bus (ah, remember the name, is really very long feeling), there were blue Ideal, Flash Empire, seven color bird… And so on. I made a very simple, but functional website and found a second job. Be in Shenyang, it is a job that does web page design, at that time should be 1999, monthly salary 350 pieces. For the first time, I knew that the advertisement bar on the web page was called banner and the logo picture on the website was called LOGO. I was responsible for web design, cutting HTML pages and doing flash animation. After the HTML page is loaded with images and flash animations, I throw it to the back-end programmers, who run the program, and THEN I fix the mess on the page. After more than a year, thanks to this company, I have basic web design skills. But life can not be like this forever, I heard that Beijing is very developed Internet study 2 hours a day, 17 years of experience sharing, let you no longer confused road {{3}} 2 hours a day study, 17 years of experience sharing, let you no longer confused road {{3}} march or April 2002, too long ago to remember. All I remember is that it was a rainy morning, I dragged my suitcase out of Beijing Railway Station. Beijing, here I come. When I started, I was also doing web design, and my salary was 2200. It’s all about designing and cutting. HTML, CSS proficiency to the extent of dual use. But my design aesthetic is terrible, which makes me and the client miserable. Around 2005, 6 years (too long to remember), the rise of DIV + CSS web page. At the beginning, I was also not used to it. After all, table has been doing pages for a long time. But technological progress is unstoppable and must be accommodated. To learn! It took two days! It was only two days, I looked at the technical data of div+ CSS web page making, and found that table was only changed into some HTML tags, mainly div, and then the semantic use of various tags. It’s basically a twist of thinking,

  • Table is equivalent to a “set” of pages, a layer of tables;
  • Div + CSS, which “assembles” the page, does the structure of the page. This summary [was my initial understanding of front-end modularity]. Life is still in inheritance, I see JS learning 2 hours a day, 17 years of front-end experience sharing, let you front-end road no longer confused 2 hours a day, 17 years of front-end experience sharing, let you front-end road no longer confused {{4}} since then, the page interactive operation is more complex, JavaScript applications are more and more. I was surprised to find that there seems to be a post that can only write JavaScirpt? Seems the salary is relatively high?! Get it done! In those years, teaching JS was definitely not available. That was about 2007, 8 years ago. How does javascript learn this? I don’t understand any of those online tutorials. Alert (‘ learn js’), this was the first JS command I learned, and I used it to pop up an alert on the page. That’s Ok. I’m glad. Today’s students should not have seen the Internet of that year, it is a small hair salon to wash and cut the feeling. “Text color around follow the mouse, floating AD block border color flashing, page title scrolling, page footer bottom scrolling text color ads, text wave color animation ads, click on the page put fireworks special effects, all kinds of flashing red and green…” These web effects are written in JS. Here’s what I did: 1. Find some relatively short special effects code; 2. Pick out all the JS commands in it; 3. Check their function one by one; 4. After figuring it out, describe the whole code in Chinese to understand its thinking; 5. Fill in the js command again. 6, write yourself js; 7, oneself carry to write js again; 8. Repeat steps 1 to 7 above; In this way, I wrote all the special effects of the page basically according to this idea, probably used for two or three months, because many special effects used similar methods, but different ideas. At the end of the day, I just want to understand the idea of a special effect. I didn’t really learn JavaScript in depth at the time, and I didn’t go to js tutorials because I didn’t understand them. My JS learning method summed up, in fact, is a word, [transcription]. I keep copying code, and then F5 refreshes the page to see if it works, and if it doesn’t, I look for the difference between my code and the reference code. I don’t even know what that means. Prototype, constructor, new an object, this, etc. However, I realized the effect by copying the code constantly, and understood how the code works. In this way, I mastered the basic [logical thinking mode of program code]. {{5}} At this time, it was already around 2010, and the native JavaScript was very popular. JQuery is taking over, and my salary has gone up to 8000. I was already a full-time front-end developer, writing JavaScript and jQuery, with 4 or 5 interns who were doing the HTML stuff. In retrospect, no matter how busy I was at that time, I copied at least one piece of code and looked up some commands for at least two hours every day. Then, all the way down the front, is slowly accumulated. {{6}} I find that many front-end newcomers just don’t know how to learn front-end development and JavaScirpt. I hope my learning experience, methods and ideas can give you some inspiration. In order to help more front-end newcomers, we have launched a set of [Free Web Front-end Open Course], which explains the core and key content of JavaScirpt through examples, so as to help them better and faster master front-end development technology. I hope everyone can stick to learning, you pay enough time and energy, is bound to get great rewards. ! [