HTML, CSS, JavaScript front-end learning is very important element, as a front-end engineer, build websites, design web pages need to have some aesthetic ability, but also requires a certain programming techniques. In short, technical growing. As a learner, and I Express is not recommended, or should get down to lay the foundation for learning the contents of the front three blocks, you can start with HTML to start, followed by CSS, in two parts lay on the basis of further learning JavaScript.
WEB can be seen as an object or human life, HTML can be regarded as bone and muscle, CSS can be seen as skin and hair, and JavaScript can be seen as dominated by a certain behavior. The analogy may not be entirely appropriate, but help us to better understand the relationship between these three.
Start talking about HTML:
As the carrier web content, HTML contains the contents of the user to be viewed, including graphics, video, .HTML constitute the basic elements of structure of the web page is (Structure), and requires multiple frame layout, such as frameset frame set, iframe inline frames, div + css layout, table layout, and support the form is submitted (HTML form), comprising a base form, currently, all common is HTML5 input input box, an input box type, text fields, list, label, etc. , along with a few new elements, such as footer, header, etc. in short, HTML is more powerful, as a beginner or to grasp the trunk, to focus to learn.
H5 multipurpose
Followed by CSS:
CSS is the role of the effect, or is performance (Presentation), such as dynamic text on the page, text colors, fonts, animation effects. It is because of the presence of CSS allows HTML to become rich and diverse learning CSS, CSS3 version available from begin to understand CSS3 animation effects, such as 2D transforms, transitions, special effects are common graphics rendering, Sprite map, sliding doors and so on; in addition, there CSS3 media queries (media queries), grid, and .CSS part of the multi-column layouts, user interface and other needs with HTML, with an example to be learned, with this effect will be good.
Finally, talk about JavaScript:
If a page only "structure" and "performance", and lack of user interaction with a web page that behavior (Behavior), then such pages just like a backwater, can not form a good user experience. Not only can make a good user experience where the user mouse over, where it will have the effect of humanity, but also can enhance the operability of the user, such as shopping site users to order, the page will display the user's shopping dynamic real-time. As a result, JavaScript programming there meaning., and other programming languages, JavaScript also has data types, conditional statements, branching statements, Detailed strings, arrays explain, object, function, value, Math functions, scope, if this part can be learned, can ever deeper content to develop.
Today, the era of big front-end has come, skilled use of HTML5, CSS3, making demands on front-end personnel of higher and higher, the effect can rock out to become a standard measure of front-end technology as a front-end development engineers, the PC, mobile phones, iPad and other devices have complete control and can provide solutions to customer needs, and responsive technical proficiency is an essential capability. Today, the development of micro-channel mini-games are also the focus of front-end development, it is worth a lot of attention for beginners.
I suggest pay attention to what the development of mobile terminals, after all, the number of mobile end users is higher than the PC side, the mobile terminal is more suitable for the fragmented consumer groups, the market is more broad.
Personal aspire to become cool engineer the code, but found the time to learn hands-on one of the details, such as twigs sea, very difficult, as autodidact (mostly too poor ......), reading books and watching video online this two roads, hoping to get help on 51, together with progress, become cool engineer, to change the world! Says here they think of the moon on Githou Code What a great thing!