1、
HTML + CSS 這部分建議在線教程 上學習,邊學邊練.
之後可以模仿壹些網站做些頁面。在實踐中積累了壹些經驗後,可以系統的讀壹兩本書,推薦《Head First HTML 與 CSS
中文版》,這本書講的太細了,我沒能拿出耐心細讀。妳可以根據情況斟酌。
2、Javascript 要學的內容實在很多,如果沒有其他編程語言的基礎的話,學起來可能要費些力,建議看《Javascript語言精粹》,JS是壹門很混亂的語言,這本書能夠幫助妳區分哪些是語言的精華,哪些是糟
粕,對於語言精華,應該深入學習。糟粕部分能看懂別人寫的代碼就行,自己就不用嘗試了。
有了以上基礎,就可以進行壹般的靜態網頁設計,不過對於復雜的頁面還需要進壹步學習。
1、CSS。必看《精通CSS》,看完這本書妳應該對:盒子模型,流動,Block,inline,層疊,樣式優先級,等概念非常了解了。作為練習可以看下《CSS藝門之匠》這本書,它對標題,背景,圓角,導航條,table,表單等主題都有詳細的介紹。
2、Javascript。上面提到內容還不足以讓妳勝任JS編程。在有了基礎之後,進壹步學習內容包括:
a) 框架。
推薦jQuery,簡單易用,上手jQuery即可完成壹些簡單的項目。學習方法也很簡單,照著產品文檔做
幾個頁面就行了,不用面面俱到,以後遇到問題查文檔就行了。框架可以幫妳屏蔽瀏覽器的差異性,讓妳能更專註與Web開發學習的精髓部分。補充: 可以使用
Codecademy 學習 Javascript,jQuery,用戶體驗真的很好(感謝 TonyOuyang )。
b) Javascript 語言範式
。這個名字可能並不恰當,只是我找不到可以描述“面向對象”,“函數式”這個兩個概念的概念。Javascript不完全是壹個面向對象的語言,它的很多
設計理念都有函數編程語言的影子,甚至說如果妳不用面向對象,完全可以把它理解成壹門函數式編程語言。
Javascript的很多語言特性,都是因為他具有函數式語言的特點才存在的。這部分推薦先學習面向對象的基本理論,對封裝,繼承,多態等概念要
理解,維基百科,百度百科會是妳的幫手,另外推薦《Object Oriented
Javascript》,應該有中文版。對與函數式編程我了解的也不系統,不好多說,可以自己百度壹下。
c) Javascript 語言內部機制。必須弄清如下概念:JS
中變量的作用域,變量傳遞方式,函數的定義環境與執行環境,閉包,函數的四種調用方式(壹般函數,對象的方法,apply,call),以及四種調用方式
下,‘this’指向的是誰。這部分內容妳會在《Javascript語言精粹》中詳細了解。另外,妳必須理解 json。
d) dom編程,這個Web前端工程師的核心技能之壹。必讀《Dom編程藝術》,另外《高性能 Javascript》這本書中關於dom編程的部分講的也很好。
e) Ajax編程,這是另壹核心技術。Ajax建議在網上查些資料,了解這個概念的來龍去脈,百度百科,維基百科上的內容就足夠了。真正編程是很容易的,如今幾乎所有框架都對Ajax有良好的封裝,編程並不復雜。
f) 了解瀏覽器差異性。這部分包括CSS和js兩部分,瀏覽器差異內容很多,建議在實踐中多多積累。另外對於瀏覽器的渲染模式,DOCTYPE等內容應該系統學習。
3、HTML5和CSS3 。HTML5規範已經於2014年10月28日發布了,移動端HTML5和CSS3已經得到了非常廣泛的使用,必知必會呀。