Web前端課程建設

Web前端課程建設一、面授大綱階段課程目標備注前端基礎行業(yè)規(guī)劃?認識行業(yè)，把控行業(yè)發(fā)展?了解實訓的全套課程體系?規(guī)劃屬于自己學習路線HTML5?熟練掌握HTML常用標簽的使用，能設計出交互性很強的表格及表單?熟悉HTML5語義化標簽（視頻、音頻、表單元素等等）CSS3?熟練掌握CSS語法，能快速分析大型網(wǎng)頁的結(jié)構(gòu)并兀成其標準化布局?熟悉CSS3的新特性、動畫、過渡等，尤其是使用CSS3的媒體查詢器完成響應式布局和設計。到此為止，你已經(jīng)擁有了淘寶、京東、小米等靜態(tài)頁面的能力，為了給網(wǎng)頁添加更多的生命力，準備好向JavaScript進軍吧！JavaScript?熟練掌握JavaScript基礎語法?掌握好良好的編程習慣及代碼規(guī)范?熟悉JavaScript的面向過程和面向?qū)ο蟮膬煞N編程網(wǎng)格。?熟悉DOM和BOM的操作，并能靈活使用使用其完成絕大部分網(wǎng)頁特效的程序設計和開發(fā)，給網(wǎng)頁注入了強大的生命力。前端設計平面設計?熟練掌握Photoshop和AI的基礎使用及常用實戰(zhàn)技巧。并需要學習一些美術(shù)基礎和色彩搭配視覺設計?熟悉PC端網(wǎng)站設計和移動端網(wǎng)站設計前端交互了解服務端?了解服務端架構(gòu)及Cookie、Session、Restful機制?熟悉HTTP協(xié)議、請求和響應?熟悉常用服務器的項目部署（Tomcat、Apache/Nginx、IIS）?熟悉Ajax的實現(xiàn)及使用XML、JSON完成其數(shù)據(jù)交換（需要服務端支持）HTML5高級?熟悉使用HTML5的繪圖增強頁面交互性?

?熟練使用HTML5完成常見亮點功能：拖放、地理定位、微信搖一搖等等。?了解HTML5其它特性：Web存儲、應用緩存、服務器發(fā)送jQuery?一款簡化JavaScript開發(fā)的JS框架，一直秉承大道至簡的理念。?熟練掌握jQuery語法、動畫及對原生Ajax實現(xiàn)的簡化?熟悉常用的jQuery插件完成漂亮的驗證、圖形報表展示等，并有能力編寫自己的jQuery插件方便日后的開發(fā)！jQueryUI?熟悉jQueryUI里的常用組件使用：如友好的對話框、自動補完、日歷UI、折疊菜單等等，方便我們在項目里實現(xiàn)快速開發(fā)，并能實現(xiàn)不同網(wǎng)頁皮膚的切換！前端跨屏ZeptoJS?Zepto是一個輕量級的針對移動端瀏覽器的JavaScript庫，它與jQuery有著類似的api。如果你會用jQuery，那么你也會用zepto。jQueryMobile?jQueryMobile是創(chuàng)建移動web應用程序的框架，它適用于所有流行的智能手機和平板電腦，使用HTML5和CSS3通過盡可能少的腳本對頁面進行布局。?熟練掌握jQueryMobile,能快帶上手移動端Web應用程序的布局?熟悉jQueryMobile的列表、視圖等設計?熟悉移動端常見的事件，提高移動端的交互性、增強體驗Bootstrap?一款間潔、直觀、強悍的前端開發(fā)框架，讓響應式web開發(fā)更迅速、簡單。?能熟練使用Bootstrap進行網(wǎng)頁的跨屏布局，實現(xiàn)一次編寫到處運行?熟悉的基礎CSS樣式、內(nèi)置組件和內(nèi)置插件，加速響應式和流式布局的Web站點開發(fā)。擴展了解Less和Sass的語法來編與和運行CSS!前端拓展AngularJS（可選）?AngularJS(Angular.JS)是一組用來開發(fā)Web頁面的框架、模板以及數(shù)據(jù)綁定和豐富UI組件。兼容主流瀏覽器，與jQuery配合良好。學習完最酷最實用的特性無疑是你面試中的一塊重要敲門磚！前端優(yōu)化?熟悉SEO的常見優(yōu)化，提咼網(wǎng)站的收錄和排行，能編寫對搜索引擎友好的代碼?掌握常見的JS模塊化加載框架—Sea.js

?習慣養(yǎng)成優(yōu)化代碼和重構(gòu)代碼，由此