該課程主要為想要從事網(wǎng)頁前段、前端美工設(shè)計、淘寶美工、網(wǎng)頁美工等職位的學(xué)員開設(shè)，由非凡學(xué)院同時具備豐富實戰(zhàn)經(jīng)驗和教學(xué)經(jīng)驗的資深名師親自授課，選用學(xué)院內(nèi)部專業(yè)電子教材，采用理念與實戰(zhàn)相結(jié)合、案例分析和設(shè)計為主的教學(xué)方式展開教學(xué)。課程內(nèi)容涵蓋WEB前端相關(guān)知識和就業(yè)指導(dǎo)兩大模塊，確保學(xué)員**掌握WEB前端相關(guān)知識，并能靈活應(yīng)用，更在此基礎(chǔ)上實現(xiàn)畢業(yè)及就業(yè)的夢想。
WEB前端布局與交互開發(fā)
一、HTML標(biāo)簽梳理
1.5分鐘上手Hbuilder軟件，對HTML5和CSS3有初步的了解和認(rèn)識
2.掌握HTML5九大基本標(biāo)簽，包括標(biāo)題、圖像、音頻、視頻等
3.掌握HTML5智能表單基本標(biāo)簽和智能表單擴展標(biāo)簽
二、七組CSS基本樣式
1.講解CSS三大引用方式，包括行內(nèi)樣式、內(nèi)部樣式表和外部樣式表
2.CSS七類樣式詳解，包括背景、文本、字體、鏈接、列表、表格、邊框樣式
三、CSS3炫酷
1.掌握CSS3四大“變形金剛”，旋轉(zhuǎn)、扭曲、縮放和位移
2.CSS3過渡屬性詳解，通過過渡屬性完成網(wǎng)頁漂亮的交互效果
3.CSS3動畫講解，通過動畫屬性可以做多個狀態(tài)交互的網(wǎng)頁炫酷
四、選擇器細(xì)解11大類
1.掌握CSS五類常用選擇器，包括通用選擇器、ID選擇器、類選擇器等
2.三代關(guān)系選擇器詳解，包括子元素選擇器、兄弟選擇器、后代選擇器
3.CSS3偽類選擇器和偽元素選擇器詳解，可以多樣化的自由選擇網(wǎng)頁元素對象
五、CSS布局四大技巧
1.掌握多列屬性布局技巧,三種定位方式，定位、相對定位和固定定位
2.五句話吃透盒模型，清楚盒模型的計算和瀏覽器兼容性中的注意事項
3.左浮動和右浮動的設(shè)置以及如何**浮動以達(dá)到父級自動擴高問題
六、響應(yīng)式雙法則
1.了解媒體查詢的引用方式，包括內(nèi)部樣式表、外部樣式表等
2.掌握媒體查詢使用方法，了解關(guān)鍵詞的使用技巧
3.了解根元素的字號適配，通過字號設(shè)置完成響應(yīng)式頁面
七、兼容性調(diào)試技巧
1.CSS優(yōu)化**技巧，包括圖片優(yōu)化和代碼優(yōu)化，提升網(wǎng)頁的加載速度
2.了解CSS優(yōu)先級的計算，解決樣式覆蓋問題
3.掌握兼容性調(diào)試技巧，如何能夠讓代碼兼容各大主流瀏覽器
八、項目實戰(zhàn)提經(jīng)驗
1.熟悉PS切圖技巧，如切片切圖、選區(qū)切圖等，以及網(wǎng)頁項目的正規(guī)創(chuàng)建
2.頁面布局規(guī)范講解，從整體到局部的規(guī)劃，先標(biāo)簽后樣式的代碼順序等
3.完成三大項目實戰(zhàn)，企業(yè)站，商城站和響應(yīng)式頁面，能夠獨立完成H5靜態(tài)頁面32
九、JS核心語法
1.掌握J(rèn)S的組成和語法,為進去代碼的世界做鋪墊,數(shù)據(jù)結(jié)構(gòu),不再看見代碼而發(fā)愁
2.對象的創(chuàng)建方式和this詳解,提前帶你熟悉企業(yè)中變量的命名規(guī)則和規(guī)范
3.熟悉JS中的數(shù)據(jù)類型,流程控制,循環(huán)語句,輕松讓你在網(wǎng)頁上寫出九九乘法表,計算器等
十、js面向?qū)ο缶幊?br />
1.掌握面向?qū)ο蠛兔嫦蜻^程,熟悉JS的精髓;深拷貝和淺拷貝,讓你知道更加底層的代碼
2.原型和原型鏈,js重要的核心,讓你寫的代碼復(fù)用性更強
3.企業(yè)開發(fā)中沙箱模式,了解企業(yè)中是怎么團隊合作開發(fā)
十一、js對象類型
1.基本數(shù)據(jù)類型(number、string、boolean、undefined、null)
2.引用數(shù)據(jù)類型(數(shù)組array..函數(shù)function...對象object)
3.掌握不同對象類型之間的轉(zhuǎn)換
十二、BOM與DOM操作
1.DOM操作和BOM操作大全,輕松操作網(wǎng)頁上的每一個按鈕等,同時給他們加上不同的功能
2.利用js代碼實現(xiàn)酷炫,京東首頁輪播圖升級版
3.頁面布局,結(jié)合H5代碼,讓你的網(wǎng)頁功能更加**,可以1:1寫出網(wǎng)站首頁及功能
4.熟悉事件處理,讓你的代碼更加嚴(yán)謹(jǐn),相同的頁面效果,寫的代碼更少
5.瀏覽器兼容性處理,讓市面上的不同瀏覽器,打開你的網(wǎng)頁效果不會有差別
十三、事件編程
1.js的事件機制,了解底層,才能寫出更嚴(yán)謹(jǐn)?shù)拇a,企業(yè)開發(fā)常見事件的使用詳解
2.offset家族和scroll家族,了解瀏覽器和代碼之間的關(guān)系
3.鍵盤事件及鍵盤碼的屬性,讓你的鍵盤能和鋼琴一樣,按下之后有不同的聲音
十四、正則表達(dá)式
1.創(chuàng)建正則表達(dá)式,從零開始寫表單驗證,輕松還原百度注冊功能
2.正則的3大核心：字符串類元字符、邊界類元字符、量詞類元字符,讓你寫的驗證功能更強大
3.正則的使用和替換,隨心所以換校驗規(guī)則
4.完整版表單校驗,提前進入企業(yè)實戰(zhàn)開發(fā)
十五、JQuery交互開發(fā)
1.jQuery的優(yōu)勢介紹,jQuery選擇器,讓你快半個月搭建一個簡單網(wǎng)站
2.jQuery中的動畫詳解,讓你的網(wǎng)頁不再單調(diào),貪吃蛇,水果忍者,都能通過代碼寫出來
3.鏈?zhǔn)骄幊毯碗[式迭代,了解jQuery的底層核心
4.JQuery插件使用和制作,自己也能制作酷炫動畫插件,使用插件1分鐘做出京東輪播圖效果
十六、Ajax數(shù)據(jù)交互
1.Ajax技術(shù)介紹,json格式與XML格式詳解,現(xiàn)在的技術(shù)和歷史技術(shù)的區(qū)別,教你如何鏈接服務(wù)器
2.Ajax中post與get兩種請求方式詳解,2種方式從后臺服務(wù)器拿數(shù)據(jù)
3.JSON數(shù)據(jù)分析,了解后端數(shù)據(jù)是怎么寫的,不再盲目的被后端程序員懟
4.解決跨域訪問的方法,讓你的網(wǎng)頁在任何協(xié)議都能訪問,無論是http協(xié)議還是https
5.企業(yè)接口化開發(fā)詳解,提前進入實戰(zhàn)化開發(fā)
十七、Bootstrap
1.Bootstrap開發(fā)優(yōu)缺點介紹,如何通過模板搭建網(wǎng)站
2.響應(yīng)式開發(fā)原理,無論電腦、手機、平板等,都能適應(yīng)屏幕
3.Bootstrap框架的使用,4個口訣讓你做出標(biāo)準(zhǔn)首頁樣式
4.Bootstrap的柵格系統(tǒng)詳解,不同屏幕尺寸,顯示不同的效果
5.Bootstrap的js插件使用,掌握不同網(wǎng)頁按鈕和輸入框更換樣式和顏色
十八、ECMAScript6
1.ES5中的嚴(yán)格模式,讓代碼自己檢查自己
2.ES6中的新語法詳解,面試必問的語法
3.實際開發(fā)中常用的箭頭函數(shù),解構(gòu)賦值和字符串模板,讓你代碼更加簡潔
4.定義變量的新方式LET和const,讓你與企業(yè)開發(fā)同步
--------------------------------------
免費試聽，滿意再報名：（發(fā)送姓名+地點+課程到老師手機，即可獲得試聽信息）
聯(lián)系人：郭老師
手機：156-1823-0928
QQ：3059-9122-84
威信：feifanzhu2016
地址：上海有徐匯普陀黃埔浦東等多個校區(qū)，您可就近選擇入學(xué)
資訊來源：非凡學(xué)院
|
您當(dāng)前的位置: 首頁 > 行業(yè)資訊
