How to get started with zero-based front-end development?

1. What is front-end development?

The explanation given on Baidu is: front-end development is the process of creating a web page or App and presenting the front-end interface to users. Through HTML, CSS and JavaScript, and various derived technologies, frameworks, and solutions, users of Internet products are realized. Interface interaction.

In fact, the main responsibility of the front-end engineer is to collaborate with interaction designers and visual designers . Speaking people's words is to often deal with UI designers . According to UI diagrams, HTML and CSS are used to complete page creation . At the same time, JavaScript and other series are used. Technical framework to realize the interactive function between users and pages .

In addition, a qualified front-end engineer should also have a certain aesthetic ability and a little artistic foundation to be able to better collaborate with UI designers. As the old saying goes, it is always good to learn more and learn more.

Please always remember that if you can only do your own work, you are an ordinary employee, if you can do other people's work, you are an excellent employee, and you will be popular everywhere.

The front-end gangster Yu was signed by the China Railway 11th Bureau from the civil engineering major in 15 years , and envied the entourage of the surrounding friends. However, after a long period of time, he lost more than half a year due to an accidental leg injury and lost his job.

But life still has to continue. Family members, including Brother Yu, do n’t want to go to the construction site anymore. Safety is the most important thing when the sun is blowing and the birds are not shit . So the idea of ​​changing careers emerged. http://www.jnshu.com/login/1/28211763?source=csdn_comment

Subsequently, it took nearly five months to become a professional front-end development engineer, and has been responsible for many projects such as iQiyi, pet medical, and practice training .

Second, what are the necessary conditions for learning the front end

1. Have a certain understanding of front-end development, and have a certain interest in front-end development. If you want to do something, you must first know what he does, and then you can start. Secondly, you have to like him before you can persevere. Learning itself is boring.

2. A computer available for development. Workers must first sharpen their tools to do their best, and a computer for development is essential. Needless to say this.

3. Efficient learning methods and methods, reasonable learning routes and planning. A correct and appropriate learning method can make your learning path more effective.

This analogy to everyone's usual study, I believe it must be deeply understood. Then you need to plan for your study, what to learn first, what you are learning, and what you want to achieve in the end.

The planning of the learning route is also extremely important. Follow your own route. Do n’t learn everything and only a little. When studying, you should also summarize and organize your own knowledge system.

4, a thick hair, not much hair can not help but create.

5. Of course, someone may ask if I need to be able to speak English? You may not have it before, but you must learn it frequently, otherwise how do you communicate with others, how do you use professional terms to answer questions during the interview? Try to make yourself look high-end.

Third, the front-end learning route

1. It is roughly divided into html, css  stage and  js stage

2. The first stage: html and css  mainly study the construction of pages and the use of basic tools.

3. Pick a suitable development tool and compiler. Then learn the basics of html and css . In this process, you also need tools such as ps, blue lake, etc. Yes, you must first be a qualified cutaway . Then you will also learn frameworks such as Bootstrap . At this point, we already have the ability to build pages.

4. The second stage: js and front-end framework   mainly learn the basic knowledge of js. After we have the basic knowledge, we can start to learn the framework. Currently the hottest angular, vue, react, applet, etc. on the market. Frameworks help us build projects more quickly, and are skills necessary for job search.

5, the third stage: development stage begin to learn computer basic knowledge knowledge , databases and so on. You can also touch a little bit of back-end knowledge. You can also learn the knowledge of the app side such as ios and Android. Towards the direction of the big front end. We can't be bound by language and framework. You will not be eliminated if you can do anything.

4. What knowledge do you need to learn in order to be employed

1. HTML, CSS, to learn the basics of HTML5, CSS, can quickly complete the page construction, perfect restoration of design drawings.

2. Js should learn the basic syntax of JavaScript, the commonly used jq framework, complete page interaction and business logic processing

3. With the js foundation, you can learn the front-end framework. To master the common frameworks in the market, such as angular, vue, and react, to improve your own development efficiency

4. Real project experience (project specifications, cooperative development, development process)

5. Communication ability products, ui, backend, testing

 

Five, how to get started quickly

The following are my personal summary points for your reference only:

1. Efficient learning methods and methods.

2. Reasonable learning route and planning.

3. Do more and practice more, don't just watch the video.

4. Get advice from a senior.

In fact, the front-end knowledge system is relatively complicated. Although you are not required to know everything, you must know at least to understand.

You must learn from the basic HTML + CSS, do n’t think of jumping to learn JavaScript first, the first step in running is to put on the shoes first, and then there will be more places for you to wrestle.

The last important point is that you have to learn to write code, so hands-on is better than everything, don't think that you can understand it by watching the video, then you think the front end is too simple. Practice more and write more code to learn from your own deficiencies and complete yourself.

Finally, I wish every friend who wants to learn the front end has a bright future. I do n’t wish you not to write bugs. Those who know how to know this are impossible. We do not produce bugs. We are just bug movers.

 

Today ’s sharing is here, everyone is welcome to like, forward, leave a message, and shoot bricks ~

-------------------------------------------------- -------------------------------------------------- --------
"We believe that everyone can become an engineer

Skill Tree. IT Training Center

Published 775 original articles · praised 1092 · 630,000 views +

Guess you like

Origin blog.csdn.net/jnshu_it/article/details/105398873