Good programmers web front-end tutorial Share web front-end entry-basics , as a qualified Web front-end engineers have to master HTML , CSS and JavaScript . Only know which one or two is not enough, these three languages must be familiar with. Here we take a look at it!
1 , the basic structure of web pages (HTML , CSS)
HTML is a markup language, not a programming language, and is the most basic is the label, CSS is used to define how to display HTML elements. To HTML + CSS it is very easy to get started, but many people do not go far enough, a few examples: the label is what's the use of margin-left? And left What is the difference should be used under what circumstances ? Re out of a DIV + CSS layout problems : a width of the uncertain DIV inside with three horizontally aligned DIV , about two DIV width is fixed by 150px , the intermediate DIV fill the remaining width. If you are not yet aware of these problems, not solve the problem for a few minutes within that layout, you explain to HTML + CSS is not deep enough.
2 , the browser is how to show a web page
Different kernel browser rendering of the page is not the same as the current browser has a client debugging tools, making Web -time performance optimization, and browser rendering details to learn more. Say a more useful knowledge: the upper limit of the current browser loaded in parallel is 6 , the old version of the browser will be different.
3 , pages cycle
Different Web framework, the page lifecycle will be different, in general is still the same: the client sends a GET request, the server returns the corresponding page, complete the operation and client data, and POST to the server. Be sure to transfer the data ( foreground and background , between pages ) details clear in mind.
4、DHTML DOM BOM JavaScript AJAX
This is the Web heavy front-end development of among most of the time we are dealing with them. Note to say a few points: javascript is single-threaded programming, so-called javascript asynchronous programming is only planned to perform the corresponding event at some time in the future it ; learn more about the DOM event mechanism ; client storage (HTML5 added to localStorage and sessionStorage ); javascript unlike server-side language, as rigorous, debugging is not very convenient, so start to develop a rigorous javascript editor habit ; javascript is very powerful and flexible, not fantasy short proficient ( let alone versed in ) it, and write these frameworks, libraries, the initial stage first, or the skilled mature frameworks ( such as jquery) when entry ; must be familiar with client-side debugging tools.
5 , the server-side language development experience, the PS cut art FIG.
Web distal intervening developed design and development, it had to know what point ends. Edit the language is the same, the server had written before language, learning javascript is very useful, from the picture turn into a static HTML page, and ultimately, PS cut map technology.
6 , browser compatibility
Due to historical reasons, the browser compatibility has been tortured Web where front-end engineers, although there W3 organization, and developed a number of specifications, although the browser manufacturers are working to improve and close to its specifications, but the real network environment various kernel various versions of the browser have a place. This is also an excellent Web front-end engineers must master the technical points.