Front End 0 Basic Learning Outline

This article only to touch the front end less than two months, think a lot of things to learn, but do not know where to start the classmate useful

Transferred from: http://www.cnblogs.com/dolphinX/p/5181660.html

Write on the front

Front-end learning is better to start, but to a certain stage of deep but more difficult, a qualified front end should be a Web engineer, not a JavaScript programmer, so simple learning goals

1. CSS, CSS3
2. HTML, HTML5
3. JavaScript, ES6
4. HTTP protocol
5. Performance optimization
6. A back-end language
7. Better way to write code
8. Offline development and code publishing

Long learning paths, some reasonable paths for elementary learning

1. Learn to Markdown, usually write more documents

2. Insist on blogging, the proceeds definitely beyond your imagination, but to write in the public place, do not own a website, otherwise no one concerned, and gradually no interest

3. Get to know GitHub and let your code stay on-premises. Maybe these two tutorials can help you understand git syntax git-a simple guide, Pro git

Css

Many beginners think the front-end difficult in javascript,css and HTML is relatively simple, this point of view has some truth, CSS and HTML syntax is relatively simple, but the use of good can help us reduce a lot of JavaScript code

Learn about the common properties of CSS W3school is good, but CSS has a few core knowledge must be very understanding

1. Position and Z-index
2. Display
3. Float
4. Margin

These are going to come with BFC. A bunch of related knowledge points, the value of each attribute must be very clear.

MDN has a lot of basic knowledge of the article, very comprehensive, examples are also very detailed CSS Primer tutorial, is really a good material to learn

In addition, some of the CSS layout skills need to master, the Holy Grail layout of the wings Ah, it sounds very mysterious, you can start from the simplest to learn CSS layout

Zhang Xin Xu Great God also teaches us how to be a person to talk about the bottleneck of CSS learning

For CSS3 also to understand, there are several commonly used

1. Deformation
2. Animation
3. Rounded corners, shadows
4. Box-sizing
5. Flex

Html

HTML Learning Basics or recommending W3school and MDN

HTML5 look at the scene, if it is mobile, should start to master, PC words also have a few common, can do compatible or degenerate

1. Localstorage
2. History
3. Placeholder
4. PostMessage
5. Requestanimationframe
6. Canvas & SVG

The MDN is still a good place to get a thorough understanding.

Javascript

There are many tutorials on the web, but it is important for beginners, otherwise there is no ability to filter tutorials.

I strongly recommend JavaScript high-level programming, not to be intimidated by the title, this is really an easy-to-learn book, worthy of all the basic students read three times, every time must have a new harvest, and the back of the book has a lot of advanced skills

JavaScript authoritative guide to make reference books more appropriate

jquery doesn't say much.

About ES6 See Ruan a peak of the ECMAScript 6 introduction, recently also revised, the ability of students can buy a book support Ruan teacher

In addition, Ruan Teacher's blog in the introductory tutorial class of dry goods really many, pick read

HTTP

HTTP is difficult to describe what this is, but it is very important, especially for the progressive stage after the introduction, it is recommended not to find tutorials on the Internet, directly recommend two books

The computer system is not very well understood can first look at this easy diagram http

HTTP authoritative guidelines are also good, but pre-reading has some difficulty

Advanced

The front-end heaven and earth is infinite, about the advanced that will blossom, there are several popular fields

Pretreatment

Sass, less

Modular

CommonJS, AMD, CMD

Engineered

Gulp, Webpack, NodeJS

MVVM and other frameworks

React, AngularJS, vue.js

At last

Follow these areas, a variety of knowledge, patience to enjoy it

In fact, the front end and all the computer work, the ultimate goal is to solve the problem, do not indulge in the framework or language of the unnecessary dispute

In fact

We all know that recruitment requirements are virtual, we hope you are such a person

1. Solid basic knowledge

   A. Know JavaScript prototype, closures, events

   B. How much to understand the HTTP protocol and how Web server works

   C. Know CSS display, float, z-index, BFC

   D. Understanding the browser Rendering page principle

   E. Template engine

2. Be interested in new technology

   A. Front-end code modularization and construction, gulp, webpack, etc.

   B. NodeJS

   C. MVVM

   D. React, Vue, backbone, angular casually talk about

3. A certain engineering ability

   A. Know the door back language, at least know what the back-end students are saying

   B. Learn some web security knowledge

   C. Performance optimization

   D. Front-end code work and release system

4. Be prepared to introduce yourself and what happens to the browser from the input URL to the rendered page

5. In addition we like to express good people, after all, job responsibilities are not a new training and front-end technical sermons

Interested in contacting [email protected]

Front End 0 Basic Learning Outline