-
1 # 西安華清遠見
-
2 # 老爐傳說
現在對HTML5人員的需求還是挺大的,如果要自學也不是不可以!
首先你得把HTML佈局搞定,常用的CSS程式碼必須牢記心間,佈局是做HTML5的基礎,如果佈局都做不好,客戶是絕對不會買賬的。
在學佈局的同時你得把javaScript語言過一遍,初學不用太深入,比如變數定義,函式定義,變數作用域等等。如果之前做過面嚮物件語言開發,可以把JS的物件這塊好好看看,畢竟使用面向物件的方式處理問題更方便。
學會JS基礎以後jQuery必須得接觸一下,透過jQuery你會發現原來js控制頁面標籤的內容和樣式如此簡單。
透過一個月左右時間把上面的東西都瞭解以後,你還必須有練手的小專案,沒有的話自己做一個小的靜態網站。
HTML5的核心還是資料的非同步操作,這塊需要使用到ajax技術,用上一兩次就會熟。難點在於ajax與後臺通訊的後臺頁面,如果你本身會還好說,不會的話可就麻煩了,這是你要麼找個做後臺頁面的跟你輔助一塊來做,要麼用一些靜態的資料模仿後臺頁面輸出的結果。
總之HTML5設計的面不叫廣,一步步來,只要有興趣有毅力,一定能搞定。
-
3 # 千鋒大連
對於許多自學前端的學習者來說,學習興趣是濃厚的,但是往往求學無方。現在網上的資源良莠不齊,在海量的資訊庫裡挑選適合自己的HTML5學習線路更是難上加難。
第一部分是HTML5課程介紹,透過這段課程學習,學生可以對整個HTML5課程有全面的瞭解,對未來主要的工作和業務應用場景有初步的認識。
1、網際網路發展趨勢
2、H5語言的優勢
3、簡單易學人人都能程式設計
4、H5就業和薪資情況
5、H5常見的專案與產品
6、H5的未來與方向
第二部分是HTML基礎,透過這一部分基礎學習,學生可以學會HTML,並且瞭解網頁的組成,可寫出基本的網頁結構。
1、HTML簡介與歷史版本
2、常用開發軟體
3、常見標籤與屬性
4、表格與表單
5、標籤規範與標籤語義化
6、實戰:網頁結構佈局
第三部分是CSS基礎,透過此階段的學習,學生可以學會CSS,利用PS工具進行樣式開發,結合HTML結構完成整頁製作。
1、css簡介與基本語法
2、常見的各種樣式屬性
3、CSS選擇器與標籤型別
4、理解盒子模型與CSS重置
5、浮動與定位
6、利用photoshop工具測量樣式
7、HTML+CSS開發網頁
8、實戰:高仿電商首頁效果
第四部分是CSS3基礎,學成之後,學生可以利用CSS3製作出炫酷的網頁動態效果。
1、css3常見樣式
2、css3選擇器
3、變形與動畫
4、3D效果與關鍵幀
5、彈性盒模型
第五部分是移動端佈局,透過這一階段的學習,可以掌握移動端概念與移動端佈局方案,理解什麼是響應式,利用bootstrap來搭建頁面。
1、移動端基本概念
2、viewport視窗設定
3、移動端佈局方案
4、rem、vh、vw等單位
5、響應式佈局
6、bootstrap框架
第六部分是JavaScript基礎,可以基本掌握JS基本語法和簡單的邏輯處理,掌握JS核心內容,利用JS開發網頁中常見的特效效果。
1、JS簡介
2、JS變數
3、資料型別與型別轉換
4、運算子與優先順序
5、流程控制-if..else
6、流程控制-switch...case
7、流程控制-while、do..while、for迴圈
8、break、continue語法
9、函式定義與呼叫
10、全域性變數與區域性變數
11、函式傳參與返回值
12、函式作用域與變數作用域
13、DOM的基本操作
14、定時器使用
15、this指向與修改指向
16、陣列、字串等方法操作
17、時間物件與正則物件
18、掌握常見BOM操作
19、常見事件與事件細節
20、JSON與AJAX
21、JSONP跨域操作
22、前端cookie的使用
23、實戰:JS配合HTML與CSS完成電商專案
第七部分是jquery框架,此階段的學習結束,學生可以學會jquery框架,利用jquery框架快速開發網頁效果。
1、jquery核心思想
2、jquery常見方法
3、jquery動畫操作
4、jqueryAJAX操作
5、jquery工具方法
6、利用jquery快速開發網頁
第八部分是PHP基礎,學習之後可以掌握前後端真實開發模式,能夠對資料庫進行CURD操作,並能顯示資料到頁面,實現動態網站開發。
1、PHP簡介與基本語法
2、mysql資料庫及sql語法
3、apache伺服器與整合開發工具
4、PHP連結資料庫
5、PHP與AJAX互動
第九部分是H5基礎專案,也是此學習路線的尾聲部分。學生能夠獨立完成一整個大型網站的前端開發。具備獨立的專案開發能力和思考能力。並且,做到多裝置、多瀏覽器相容等處理實現。
1、專案簡介
2、專案功能演示
3、專案劃分及框架
4、編寫HTML頁面結構
5、設定CSS樣式
6、新增JS互動
7、可選框架:bootstrap、jquery、PHP等
8、專案除錯及相容
9、專案驗收
隨著移動網際網路的普及,HTML5也成為現在領跑技術,學習H5開發技術,在就業方面也很廣的前景那麼,自學HTML5的條件是什麼。我們應該怎麼做?
回覆列表
網際網路發展到今天,越來越多的技術崗位人才出現了稀缺的狀態,就拿當前的HTML5來講,基本成為了每家網際網路公司不可缺少的人才。如果抓住這個機會,把HTML5搞好,那麼前途不可限量,而且這門行業是越老越吃香,經驗越多待遇越高。
網友:自學HTML5有難度嗎?
身邊有些朋友在自學HTML5的過程中,發現的一個很嚴重的問題,那便是自學HTML5並不是想象的那麼簡單,你必須要滿足以下條件:
1、一定要有高手指導。遇到難題如果沒有高手指導,單純的靠自己琢磨特別耗費時間,進度緩慢不說,而且最後不一定能弄懂,時間一久就很容易放棄,這也是很多自學HTML5的同學半途而廢的首要原因。
2、一定要有足夠的的實設計靈感和開發思想,多看程式碼多讀程式碼。要想學好HTML5,HTML5設計思想就必須放在第一位,因為前端注重的就是客戶體驗度。
3、除了培養HTML5專案的鍛鍊,你還有輔助提升辦法,比如多多強化你的英語閱讀水平,HTML5程式設計雖然要用到的英語詞彙不多,也就500個單詞左右,但是你的英語閱讀水平提高了,那麼在自學HTML5的過程中,你的進度一定會更加的好,並且對日後的發展也很有幫助。
如果沒有基礎,在很多人看來自學HTML5是不可思議的事情。如果你覺得自學HTML5這條路太難走,又不想放棄HTML5的學習,那麼對於想快速學好HTML5的你來說,最好的辦法就是參加華清遠見專業系統的培訓。
參加培訓不但可以快速學習HTML5,同時還能帶來意想不到的收穫:
1、當你讓你遇到難題,很快的就有人為你解答
2、可以讓你完全的掌握HTML5行業的技術與專案
3、可以助你找到一個好的工作
4、可以給你帶來工作經驗
5、有一個好的教學環境
6、可以認識更多的人脈關係