專門為想要從事網(wǎng)頁設計行業(yè)的學員開設的網(wǎng)頁設計基礎入門課程,該課程注重網(wǎng)頁設計基礎能力的培養(yǎng)和鞏固,從簡單的制作軟件學習,系統(tǒng)的學習從事網(wǎng)頁設計行業(yè)需要運用到的專業(yè)軟件和能力,幫助學員打造扎實的網(wǎng)頁設計功底。在學習過程中注重軟件使用與實際案例相互結(jié)合學習,幫助學員增強軟件運用能力,在大量的練習與實踐中,積累更多的設計經(jīng)驗,為學成后步入社會,入職網(wǎng)頁設計職業(yè)奠定一定的專業(yè)能力和設計經(jīng)驗,讓學生順利轉(zhuǎn)行或者從事網(wǎng)頁設計行業(yè)。
WEB前端Javascript 交互培訓
1、核心語法:
1)Javascript的前世今生、javascript語法、介紹html5認識Javascript、javascript中的對象、數(shù)組、變量、.流程控制(if…else switch…case while for)
2)隨堂項目:九九乘法表、閏年計算、誰是高富帥(if…else.. Switch…case)
2、BOM與DOM操作:DOM操作:讓一成不變的網(wǎng)頁動起來;BOM操作:瀏覽器也有話要說
隨堂項目:網(wǎng)頁時鐘的制作、回到頂部
3、事件編程:
1)javascript的事件機制:讓網(wǎng)頁回應你的問候;常見的JS事件:單擊、雙擊、移動、懸停、焦點的獲取與失去、瀏覽器的關閉與加載
2)隨堂項目:1.選不中的按鈕的實現(xiàn) 2.做一個計算器怎樣?3.商品圖片放大鏡效果
4、正則表達式:
1)正則表達式的語法、利用正則表達式做字符匹配、面向?qū)ο缶幊?脫離過程走向?qū)ο?/div>
2)隨堂項目:郵箱格式的驗證、編寫一個獲取常見輸入數(shù)據(jù)的格式驗證類。
5、面向?qū)ο缶幊?/div>
1)面向?qū)ο缶幊毯喗?、對象的?chuàng)建、繼承的實現(xiàn)、原型與原型鏈。
2)隨堂項目:仿windows屏保氣泡
6、JQuery
1)JQuery基礎語法、JQuery選擇器、JQuery的BOM與DOM操作、事件編程、常見動畫與自定義動畫編程、常見Jquery插件使用。
2)隨堂項目:打地鼠游戲、抽獎輪盤制作
7、JQuery項目實戰(zhàn):圖片輪播、利用jQuery制作拼圖、貪吃蛇等項目實訓
8、Ajax技術(shù)
1)Ajax技術(shù)介紹、json格式與XML格式詳解、Ajax的post與get兩種提交方式詳解、服務器端的數(shù)據(jù)反饋機制說明、如何利用jQuery實現(xiàn)Ajax提交、 跨域訪問的實現(xiàn)
2)隨堂項目:用戶注冊、登錄的Ajax無刷新實現(xiàn)、淘寶收貨地址中省市級聯(lián)的實現(xiàn)
9、介紹、bootstrap的柵格系統(tǒng)、CSS樣式、組件、bootstrap的javascript插件
隨堂項目:利用bootstrap構(gòu)建移動商城首頁、用戶注冊、登錄等頁面
10、ECMAscript6:1.webpack介紹 2.webpackg管用配置 3.模塊處理module 6.3種加載器loaders的使用 4.編譯器babel 5.插件plugins 6.熱更新次操作 7.打項目終包
隨堂練習:新前端開發(fā)環(huán)境搭建
學習方式
個性化授課:
根據(jù)個人進度及接受能力進行授課,無基礎、跟不上不再是障礙
漸進式學習:
根據(jù)知識點及難易程度精選練習實例,在鞏固與學新中一路進步
模塊化教學:
根據(jù)效果圖制作流程將學習內(nèi)容進行科學組合,提高學習效率
相關文章