How to develop excellent front-end engineers -- html learning path

Source: Internet
Author: User

Developing Excellent front-end engineers is not an overnight task and requires a lot of learning and accumulation. As a beginner, how can I get started? How can I choose my learning routes and various tools?


1. Before learning

1. Don't worry about the code for complex web page effects. In this way, nothing can be learned in addition to cracking your self-confidence. Not to a certain level of martial arts, cut the JJ will not learn the sunflower collection
2. Don't rush to join the technical exchange QQ group, and add the ox QQ. If you talk to Zhang Sanfeng about martial arts, you should first ask "Feng Ge, where is Dan Tian ?", You will be killed by him.
3. check how many days on the Internet are proficient in web development, and how to get started and proficient. Skip this tutorial. Too many facts have proved that, doing anything with an impetuous mentality will end with failure.
4. Do not get computer training, spend money or time without saying it. The key is that you cannot learn anything. You could have bought two good books for three months, but they could have been tossing you for two years.


2. Learning Outline

Let's take a look at what we want to learn and let you have a bottom in your mind.


Front-end engineers have a lot of things to master (I have never touched many of them). It is not easier to develop excellent front-end engineers than back-end engineers. It cannot become a fat man, so we have to step by step to build a solid foundation.

Basics: HTML, css, and javascript
If you have learned these questions, finding a job is not a problem. This is the most basic and important thing. During the course of language learning, the knowledge of development tools and browsers will also be learned together, so we will spend a lot of time here.

Advanced: jQuery, plugin usage, css3, front-end UI framework, mobile web
(Ps: After completing the course, add 2-3 webpages to complete the course)
Others: programming specifications, front-end Performance Tuning
(Ps: This is the key to becoming a good developer)



3. Start learning html
1. If your English is OK, start learning with this tutorial, Http://www.codecademy.com/tracks/webAn excellent online learning platform.

2. If you want to study systematically like reading a book, follow this tutorial. Http://www.w3cschool.cn/index-5.htmlImplement it while looking at it. This website contains many learning resources and documents.

3. If you are a little lazy, watch the video tutorial and study with this teacher. Http://edu.51cto.com/lesson/id-14775.html



2-4 hours of study time every day. Learning is boring. If you stick to it, you will have a taste of programming.


Note: For differentBrowser, May be incomplete for the same tokenSameSo it may have different display effects. Google Chrome is our preferred browser for development:Http://www.google.cn/intl/zh-CN/chrome/browser/


Editor selection, the publisher is still good Dreamweaver, easy to use, quick start.


To be continued...

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.