From zero-based to proficient front-end learning routes

With the development of the Internet, the front-end development engineers have become the most sought-after talent in the market. Many students, including those who used to do the UI, the Java, or the full 0 foundation of it, want to learn the front end. is a very wide spread on the internet a front-end learning Mind map, many beginners said to see these dense knowledge points have been dizzy. Indeed, the front-end is a wide-ranging subject. But want to learn the front-end you also need not panic, although the content is many but traces can follow, as long as the gradual progress is not afraid to learn the front end!

So what does front-end development need to learn? How should I learn? Next, the Dark Horse Programmer's front-end academy teaches you how to learn from a zero base.

First, the introduction of front-end development

In the introductory phase, you first have to learn the most basic skills: to implement the static page creation of HTML according to the design of the UI. This requires you to master HTML, CSS page layout, styling and other skills.

At this stage you need to learn:

1, HTML+CSS Foundation

Master the use of HTML tags, typesetting skills, CSS layout positioning, style beautification, browser compatibility.

2. JavaScript Basics

Master JS Basic Grammar, conditions, statements, loops, etc., learn common algorithms, enhance logic.

3, common front-end tools

such as Webstrom, Sublime, Dreamweaver and so on. Mastering its shortcut key settings and other skills, can quickly improve the development of debugging efficiency.

This stage of learning is relatively low, after learning these, we have been able to complete the production of static pages. Of course, this is only a primer, and if you want to use these skills to find a job, it is still more difficult.

Second, the front-end development of primary

In the next stage, our goal is to achieve the basic requirements of the front-end development industry, so that they have the confidence to go out to find a monthly salary of more than 8000 of the work!

At this stage we have to focus on these two areas of competence:

1, the use of jquery, Bootstrap and other frameworks to develop complex interactive functions and effects;

2, using HTML5, CSS3, canvas for mobile development.

For the first ability, you need to learn:

1. JavaScript Basic effects

can achieve the picture carousel, drag, magnifying glass and other common web effects.

2. JQuery Foundation

Master the use of jquery common APIs, and be familiar with the jquery plug-in development mechanism.

3. Bootstrap response type

Mastering the native Responsive implementation mechanism enables the layout development of complex pages using grid layout and responsive layouts in bootstrap.

4. Ajax Basics

Fully understand the Ajax principle, Master JS native and jquery Way of Ajax use.

5. UI Pop-up framework

Master the use of jQueryUI, quickly and efficiently achieve the effect of page rendering.

Learn these skills, you will be able to independently make e-commerce, enterprise-type website, to achieve common JS dynamic effect, and can be based on jquery, Bootstrap and other frameworks to achieve cool effects and complex functions!

For the second aspect of mobile development, you need to learn:

1, HTML5, CSS3 new features

Master HTML5, CSS3 on the mobile side of the use of skills.

2. Canvas Foundation

Master Canvas's basic drawing API to achieve the application of canvas in report and ad presentation, and to achieve cool display results.

3. Mobile Web Framework

Can be based on jquery Mobile/zepto and other frameworks for mobile-side JS function development.

By mastering these two skills, you will be able to meet the basic requirements of front-end engineers in the market. According to the market feedback data, pay generally in 8000-13000 yuan/month, quickly refueling study it!

Third, the front-end development advanced

Know that you are a person with ideal ambition and will not be satisfied with being a junior front-end development engineer. At this stage, we will embark on the advanced path of development of the front-end, adding to the level of our ability. Similarly, pay will go up a level!

However, if you are a front-end rookie, there may be some points of knowledge that you have not used or heard in the next article. Do not worry, you can first collect the article, the future slowly understand.

At this stage, we have to focus on the following two areas of competency:

1, while realizing the function, consider the elegance of code, pay attention to the performance and reusability of code;

2, in-depth understanding of the front-end framework implementation principles, and can develop and reconstruct common front-end components.

At this stage you need to learn the following knowledge:

1. Object-oriented development thinking

2. JavaScript Object-oriented

3. JavaScript closures, scope chain, prototype chain and other advanced features

4, the common design pattern

5, using the principle of native JavaScript to achieve framework encapsulation

6, jquery Framework Packaging principle

7, jquery plug-in implementation principle

Grasp the implementation principle of jquery plug-ins, deeply understand the plug-in two ways to implement the implementation mechanism.

8. Component and Modular development: SEAJS, Requirejs

If you master the above skills, you can have the ability to solve complex problems and technical difficulties, and can independently design and develop complex functional modules. If you reach this level, congratulations you have been able to meet the needs of the front-end industry, according to market feedback data, wages generally at 13000-20000 yuan/month!

Iv. advanced development of the front-end

Write here, even small made oneself also excited, because in the next stage, our goal is: Enter the whole stack development engineer! All-Stack development engineer is the kind of fine front-end, but also through the background, encountered problems can quickly locate the problem, solve the problem of a class of Daniel! According to the professional Friends set data statistics, Beijing full stack development engineer monthly income ratio of 20k-50k between 60%, and talent is very lack!

To qualify as a full stack development engineer, we have to do these things at this stage:

1, from the front-end of the global perspective to understand the principle of the popular framework and implementation mode;

2, a deep understanding of mobile app development model and technology selection;

3, familiar with node. JS's full-stack solution;

4, understand the mainstream background technology and the front-end collaboration method, can understand the whole life cycle of the project from a global perspective.

Accordingly, you need to learn these things:

1. Web Development Workflow Framework: Yeoman/grunt/gulp/bower, etc.

Master the Popular Front-end workflow tools, can make the front-end development more convenient and more efficient!

2, MVC/MVVM frame: angularjs, etc.

Grasp the front-end MVC/MVVM framework implementation mechanism, through the practice of Angularjs deeply understand the MVC development model, understand the two-way data binding and other related concepts.

3. HTML5 Response Frame

4. UI popular Frame: jQueryUI, Easyui, ExtJS, etc.

Master the packaging principle of common UI framework, through the source code analysis, in-depth understanding of the concept of component development.

5, Ionic, Angular

Master Mobile Hybrid development model, through the combination of ionic, angular, understand the use of HTML5, CSS3, JS implementation of the overall application development process and implementation mechanism.

6, React Native

Master the development mode of mobile react native.

7, HTML5 Plus

8. Node. js full-Stack development

Grasp the node. JS full-stack solution to achieve JS on the server side of the efficient development.

If you can master the above four stages of knowledge and skills, you can meet the advanced requirements of the front-end and mobile development industry!

Dark Horse programmer front End and Mobile Development Academy: Building a full stack development engineer

Dark Horse programmer front-end college curriculum from the market demand, the entire stack of engineers need to master all the front-end technology, node. JS related background technology, HTML5 mobile development technology to do the system integration. At the same time, in the course of the design of the full consideration of the majority of students 0 basis of the situation, the modules are linked to each other, and gradually upgrade, so that students in the learning process to better transition and absorption. If you also want to learn the front-end, if you also want from the zero-based small white metamorphosis into a good front-end development talent, welcome to the Dark Horse programmer front-end and mobile development school!

From zero-based to proficient front-end learning routes