Many people are determined to learn front-end development, but the study is blind, without a clear goal, resulting in school for a long time effect is not obvious, finally gave up, the result is the result that we want to see, so learning route it is very important, a good learning course on learning will lead the road to success, more effective, so be clear which direction should I go, what can I learn, how will I learn better, a small circle web front end apes lecturer below say something, web front-end learning path, and have any good suggestions for you to learn the route.
The first stage: HTML learning
HTML (HyperTextMark-upLanguage referred to as HTML) is the skeleton of a web page, either static or dynamic web pages, eventually returned to the browser is HTML code, the browser will interpret the HTML code rendered to the user. Therefore, we must master the basic structure and common HTML tag and attribute.
HTML is a process of learning and memory appreciated, in the learning process by means of "split" view of Dreamweaver assisted learning. In effect seen in "Design" view, the "code" view of the nature of high school, the advantages of various views to the limit, this control method of learning to make up for memorizing simple HTML tags and attributes boring, surely all of you beginners babies who must be excellent!
After learning HTML, we just mastered a variety of "raw material" production method, in order to cover a building would also need these "raw materials" together and do some landscaping style portfolio layout according to our design.
The second stage: CSS learning
CSS is an abbreviation of the English CascadingStyleSheets, called Cascading Style Sheets, is able to truly show pages with content separated from a style language. Compared with the traditional HTML performance in terms of its style that can be reused, thus greatly enhancing the speed of our development, reducing maintenance costs.
While the CSS box model, the relative layout, an absolute position on the layout of the page layout enables each object to be controlled pixel-level precision. This phase of the study, we can successfully complete the construction of "a building" in.
"Building" after the construction is completed, we can give users, but if you want the user a better experience, we can also "building" in deeper "renovation", make it look more "luxury" Some.
The third stage: javascript learning
JavaScript is a scripting language widely used on the client side in JavaScript which provides us with a number of built-in functions, objects and DOM manipulation, by means of the content we can implement some client-side effects, verification, interaction, so that our pages It does not look so dull, make an impact experience.
At this point, maybe you still immersed in JavaScript to bring you surprise, but your project manager suddenly roared to you
"This result is not compatible under ×× browser, re-engage ......"
"Incompatible?" Instantly petrified wood?
"I rub, pit father ah! But it took me a night to write hundreds of lines of code to get the ah, spit blood all!"
JavaScript compatibility and complexity sometimes does make us a headache, but fortunately there is "Great God" help us to do the package.
The fourth stage: jQUery learning
jQuery is a free, open-source lightweight JavaScript library, and is compatible with all browsers (jQuery2.0 and later dropped support for IE6 / 7/8 browser), while there are a lot of plug-ins based on jQuery choose from, so when we realize some of the rich and dynamic effects is more convenient, saving time we have developed to improve the speed of development, which fully reflects the core purpose of their writeless, domore of. The Feel Bel cool! Why have there?
"Luxury building" At this point we stand, but such a day, day after day, year after year Gailou, good tedious! Can be building inside each individual modular components, like when you need to levy accumulation of wood Like grouped together, this not Shuangwai? can be achieved? the answer is yes.
This idea is also in the Web front-end development for the reason that there have been a variety of front-end framework, recommend it to everyone here is Bootstrap.
Bootstrap is an open source tool for the introduction of front-end development Twitter packet, a CSS / HTML frame and support response layout. After a launch popular, it has been a popular open source project on github.
In the project development process, we can help quickly complete page layout and style settings provided by Bootstrap CSS styles, components, JavaScript plug-ins, and then targeted fine-tuning styles, so based on the framework developed greatly shorten the development cycle. Standing on the shoulders of giants is cool!
Suggest:
First of all, any technology is actually started from zero base, either directly through similar experiences learning or career change. There is no need to worry about zero-based.
Secondly, we must prepare for: learning a skill, which means you different levels of consumption of various resources - time, tools, money, and even into the ready exchange of relevant circles. In this preparation process, preferably with a tough goal: "I want to be able to reach the level achieved XXX in a month" or "I have to put in two weeks XXX project completion." Without this plan, most people will be more and more lazy, finally gave up.
Then, selecting the right one or more teachers. The teacher can be a page of a book, it can be a real person. For front-end piece, the personal understanding is better to write a book to read 10 pages and I am also actually bite the bullet and a tag out of a label Baidu. In practice, only to write when problems appear, only when their own thinking to solve these problems, will get very impressed with the knowledge of real change for their own.
Learning course and learning methods determine a person's efficiency to master a skill, some people months, some people may not necessarily grasp a few years, a small circle web front end apes lecturers would like to see a clear post my article direction, learning methods, and then set a goal to achieve it gradually, so that learning is the most effective learning, hope you farther and farther down the road on the front end, you can give me a message become good friends, small also came from that stage, we can learn from each other, mutual progress!