No nonsense, direct dry goods
Several of the front end of the learning stage:
Stage: html tag, html5 new label, css styles, css3 styles, media inquiries
Two stages: JavaScript, jQuery, ajax, object-oriented, http transmission protocol
Three stages: canvas, js advanced applications, JS-SDK, H5 new technology
Four phases: node.js, vue.js
The first stage of learning --HTML
HTML (HyperText Mark-up Language referred to as HTML) is the skeleton of a web page, whether static pages or dynamic pages, eventually returned to the browser is HTML code, the browser will post HTML code interpreter rendered to the user. Therefore, we must master the basic structure of the HTML tag and attribute and common
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 Xiaopen faithful, it must be wonderful!
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 phase of the study --CSS
CSS is an abbreviation for Cascading Style Sheets English, 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 can be realized in each of pixel-level objects, precise control. 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 of learning --JavaScript
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 stiff, high-rich handsome Cock wire counter-attack moment! Why have there?
At this point, maybe you still immersed in JavaScript to bring you surprise, but your project manager suddenly roared to you
This effect 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.
Web front-end of the study recommendations
Finally, some suggestions and methods to talk to you in learning Web front-end:
One problem in the CSS layout should be noted that many students lack a holistic approach to page layout, can not grasp the relationship between nest box page from the macro, eager hands to do it properly, causing the elements in a page relationship is very confusing situation in the floating box dislocation prone. We recommend the use of "top-down, stepwise refinement" of thought in the layout, the first page is divided on the whole with a few boxes, and then gradually continue nesting box in a box.
"The gentleman also born non-exclusive, good fake to things," in the learning process even more browsing some excellent sites, analytical design ideas and learn from their layout methods, see the multi-wide can know, and then we can digest, take others long for my own use.
Meter layout ideas and methods, see the multi-wide can know, and then we can digest, take others long for my own use. Face, on the other hand we can use Firebug to easily view, analyze others site's source code, "stealing" it is also a skill!
Growth and foundation of every person is different, in conjunction with their actual situation, in the implementation. Or repeat, the front end of the core is html, js, css is not difficult, but it needs to accumulate. I look at the front-end of
Updated front-end technology so rapidly in this environment, front-end engineers to maintain self-learning ability is especially important. Therefore, the "what to learn" "how to learn" that we have to urgently address the problem. This is my front-end exchange study qun: in front of four hundred eighty-four, the middle is seven hundred fifty-seven, followed by seven hundred sixty. If you need to download learning materials on the inside. I'm doing this for ten years, have questions feel free to ask me, learning, learning efficiency and so on.
html, css like a bottle of wine, get goods.
html, css total on those labels with the selector attribute or something, but to write a scalable, robust or maintenance of a page is not easy. Now write the basic page conditioned reflex, not about how fast to complete, but if you have to modify the interface needs to think, how to complete the task needs to quickly modify the code in the case of the least. This is a test of front-end triple endurance, strength, intelligence.
js like a sword, was grinding.
js just beginning to experience a more casual social development of technology, the role assumed more and more important, the feeling has just started to play jQuery js will, in fact, is just tip of the iceberg. With more and more understanding of js, he metamorphosis that is cute, fun and that is difficult to control, that is, there are a lot of compatibility problems, but the solution is compatible channel our basic survival. From ajax to jsmvc while walking, carrying high tide wave after wave.
Life is a dream, have to make.
Technology is only a part of life, had the ambition to fight, now down to write code. Change what can be changed, accept what can not be changed. Life is limited, seize the day ah. Life learning attitude is: not rash, neither fast nor slow. Persevere and believe in yourself. We do not seek to change the world, but to change their lives. Not for eighty, but for step by step. Thank suffering, he makes our hearts more strong. Thank frustration, he makes us continue to grow, thanks bug, he makes our thinking is more profound. Thanks to the front, he makes us even more confident that hold up the sky needs to be versatile.