Stardom H5 journey-getting started with frontend learning and stardom h5 journey

Stardom H5 journey-getting started with frontend learning and stardom h5 journey

==================================== Learning stage ======== ================================

1. Read w3school's HTML, XHTML, HTML5, CSS, CSS3, TCP/IP, Javascript, and AJAX tutorials. Write the examples at least once!

Have a rough understanding of html, css, and js

2. read classic books repeatedly and implement every example in the book. A list of books is as follows:

HTML + CSS: 01 Head First htmland cssw.xhtml .pdf >>02%w3cfuns%css%%%%%%3》%>>03essence cssadvanced webstandards Solutions

Javascript: 01 head first javascript Chinese edition> 02javascript (6 ((> 03[high performance javascriptprogramming] .pdf

HTML5: HTML5 cheats. PDF

HTTP: http: " 中 .pdf

3. ① With the above foundations, you can use the search engine to query various tutorials and demos and learn how to implement various functions and common functions.

Baidu front-end Technical College: Some entry-level projects, step-by-step

Geek College: Web Front-end engineer series tutorial

MOOC: Web Front-end engineer series tutorials

② Read the blogs and articles of the front-end Daniel to improve understanding of knowledge.

I would like to recommend a few blog posts: Uncle Tom's blog, Ruan Yifeng's blog, Zhang xinxu's blog

4,Summary of front-end skills: detailed records of all aspects involved by front-end engineers, and provides an overall front-end framework.

5. You must dig deep into your learning knowledge (what is it? Why?How to use it?Advantages and disadvantages? Wheel creation !)

======================================= Appendix 1 ================== ==============================

Browser: Google browser and Firefox browser (plug-in: firebug)

Text editing tools: webstorm (version 10 is recommended, and the registration code is as follows), sublime

1234567

UserName:William===== LICENSE BEGIN =====45550-1204201000001SzFN0n1bPII7FnAxnt0DDOPJAINauvJkeVJBuE5bqLEznccE4tet6trRiyoMxDK8oDY93tx!ipPyGmqYYeWxS===== LICENSE END =====

FIS3: front-end automation tools

Less css: Excellent CSS Preprocessor (http://lesscss.cn/http://less.bootcss.com /)

Node. js: JavaScript can also be used as the backend. The front-end engineer is now in the previous step.

AnjularJs: a good tool for Single Page Application

Github: Nothing to say. read other people's source code, upload your source code, and learn from the world's experts.

======================================== Good front-end website ========== ==============================

Baidu FEX: weekly technical weekly updated

W3ctech: front-end technical community

W3cfuns: front-end development comprehensive website

Segmentfault and stackoverflow: answers to various questions.

Front-end STEW: a community where front-end articles are shared, there are many excellent articles

Frontend resource navigation