課程完全是從基礎的知識點開始講起,無論是剛畢業(yè)的學生,還是想轉(zhuǎn)行進入互聯(lián)網(wǎng)行業(yè)的人才,0基礎也能學得會。
課程的研發(fā)更加契合企業(yè)對一專多能的人才的需求,因此學員學成之后不僅就業(yè)有保障,甚至能實現(xiàn)對企業(yè)的反選的權(quán)利。
內(nèi)容涵蓋更系統(tǒng)、更深入的前端知識,并貫穿實戰(zhàn)案例,確保學員的代碼質(zhì)量,更可以創(chuàng)建一個更完善的前端架構(gòu)。
第一階段 web網(wǎng)站布局實戰(zhàn) | |
Day01 |
web前端介紹及規(guī)范 HTML語法符號及規(guī)范,熟悉HTML符號,HTML標簽初識 HTML標簽,HTML5實用布局標簽,實用表單標簽,HTML常用標簽 |
布局常用,HTML常用標簽-表單常用CSS語法符號及規(guī)范,CSS語法符號認知 | |
CSS屬性,CSS3屬性使用,CSS選擇器 | |
CSS屬性繼承性,選擇器的優(yōu)先級 | |
Day02 | CSS布局實用屬性 |
浮動布局 | |
定位布局 | |
flex布局,顯示類型,溢出處理 | |
浮動模塊,定位模塊 | |
父級塌陷及解決方案 | |
Day03 | 媒體查詢和響應式布局 |
手機移動端響應式網(wǎng)站整站實戰(zhàn) | |
第二階段 JAVASCRIPT&JQUERY 交互實戰(zhàn) | |
Day04 | JAVASCRIP語法,JAVASCRIPT用法,JAVASCRIPT輸出,document對象的write()方法,window對象的alert()方法,元素屬性innerHTML屬性用法,console控制臺 |
JAVASCRIP對象和方法,Math對象的PI,Math對象的random()方法,Math對象的floor()方法 | |
Browse對象方法,document對象的title屬性,window對象的location屬性,window對象的prompt()方法,DOM對象方法getElementByI()方法,元素style屬性 | |
JAVASCRIPT變量,變量的聲明,變量值的類型,JAVASCRIPT函數(shù),利用函數(shù)打包提示框功能 | |
JAVASCRIPT事件,事件觸發(fā)彈框功能,JAVASCRIPT運算符,數(shù)學預算法,比較運算符,邏輯運算符 | |
JAVASCRIPT條件語句,條件語句判斷客戶的選擇 | |
Day05 | JAVASCRIPTswicth語句,swicth使用語句進行篩選,JAVASCRIPTfor循環(huán)語句,for循環(huán)中的break子句,for循環(huán)中的continue子句 |
JAVASCRIPT數(shù)組對象,數(shù)組的聲明,數(shù)組的賦值,手機品牌名稱數(shù)組例子,數(shù)組length屬性 | |
JAVASCRIPT數(shù)據(jù)類型,string類型,number類型,boolean類型,object類型,數(shù)據(jù)類型的轉(zhuǎn)換 | |
表單驗證,驗證數(shù)據(jù)不能為空,驗證郵箱格式,驗證電話號碼 | |
JAVASCRIPT定時器,定時關閉廣告,循環(huán)定時器 | |
Day06 | JQUERY語法,JQUERY選擇器,JQUERY標簽選擇器,JQUERY類選擇器,JQUERYid選擇器,JQUERY屬性選擇器 |
JQUERY事件,JQUERY鼠標事件,JQUERY鍵盤事件,JQUERY表單事件,JQUERY窗口事件 | |
JQUERY效果,JQUERY顯示隱藏效果,JQUERY淡入淡出效果,JQUERY滑動效果,JQUERY自定義動畫效果 | |
回調(diào)函數(shù),JQUERY操作HTML,JQUERY捕獲設置,JQUERY添加刪除 | |
JQUERY改變CSS屬性,JQUERY添加類刪除類 | |
JQUERT遍歷,JQUERY找父輩,找同胞,找子級,JQUERY過濾,JQUERYDOM方法index() | |
Day07 | JAVASCRIPT案例,語句類,條件語句鞏固案例,隨機數(shù)基礎應用,消息框,確認框,信息提示框 |
函數(shù),帶參數(shù)的函數(shù),函數(shù)的返回值 | |
循環(huán),循環(huán)輸出標題,break/continue子句鞏固案例,循環(huán)遍歷數(shù)組 | |
錯誤處理,鼠標事件,圖像映射 | |
函數(shù)內(nèi)調(diào)用定時器,日期對象,輸出客戶端日期,1970年至今的毫秒值,獲得年,獲取星期幾,電子時鐘鞏固案例,日期對象鞏固案例 | |
字符串對象,字符串長度,字符串位置,返回查找的字符,替換字符串,字符串對象方法鞏固案 | |
數(shù)學對象,round四舍五入,floor下舍入取整,ceil上舍入取整,random隨機數(shù)鞏固案例 | |
數(shù)學對象基礎方法,擲篩子 | |
Day08 | JS&JQUERY交互模塊實戰(zhàn),導航菜單類 |
下拉菜單案例,收展菜單案例,層級菜單案例,手機導航菜單案例 | |
選項類,選項卡案例,分類選項案例 | |
圖片廣告類,產(chǎn)品圖片效果切換,定時切換廣告 | |
上下頁切換廣告,頁碼切換廣告 | |
網(wǎng)站常用浮窗廣告,頁頭廣告,返回頂部 | |
Day09 | 音視頻控制,控制音頻播放,控制音頻暫停,滾動信息類,定時滾動新聞,無縫滾動新聞 |
表單類,菜單列表選擇,多選菜單 | |
多級選擇,未填寫及數(shù)字驗證鞏固案例 | |
Day10 | 頁面向下滾動導航固定在窗口,電子時鐘鞏固案例,倒計時 |
首尾字的切換,名單抽獎案例,隨機漂浮廣告 | |
進度條效果,自動搜索案例 | |
Day11 | 游戲特效,擲篩子游戲鞏固案例 |
幸運大抽獎 | |
打地鼠游戲 | |
歌詞的奇幻之旅 | |
天降紅包效果 | |
第三階段 web前端設計實用插件及框架 | |
Day12 | 觸屏滑動插件swiper,swiper引用,swiper使用,swiper版式制作,swiper箭頭導航功能,swiper頁碼導航功能 |
swiper自由模式,swiper每屏滑塊數(shù),swiper滑塊的間距,swiper方向功能,swiper滾動條,swiper欄的劃分,swiper嵌套,swiper循環(huán)重復個數(shù)限制 | |
swiper淡入淡出效果,swiper立體效果,swiper透視效果,swiper鏡像效果,swiperAnimate切換動畫 | |
全屏滾輪插件fullpage,fullpage文件引入,fullpage使用 | |
Day13 | 動畫插件anime.js,anime的使用,anime可用參數(shù),anime指定動畫參數(shù) |
anime定義動畫開始和結(jié)束,anime動畫控制,anime動畫運動路徑 | |
awesome字體圖標引入,awesome大圖標,awesome列表圖標,awesome動態(tài)圖標,awesome旋轉(zhuǎn)和反轉(zhuǎn)圖標,awesome堆疊圖標 | |
awesome固定寬度圖標,awesome品牌圖標,awesome圖表圖表,awesome貨幣圖標,awesome方向圖標,awesome文件類型圖標,awesome表單圖標,awesome手勢圖標 | |
awesome醫(yī)療圖標,awesome付款圖標,awesome加載中圖標,awesome文本圖標,awesome交通工具圖標,awesome音視頻圖標,awesome web應用圖標,awesome圖標參考手冊 | |
Day14 | 響應式布局框架bootstrap,bootstrap安裝使用,bootstrap網(wǎng)格系統(tǒng),等寬列,等寬響應式列,不等寬響應式列,平板桌面端,偏移列 |
bootstrap文字排版,標題字默認設置,標題display類,small標簽,mark高亮顯示,bootstrap顏色,文本顏色類,背景顏色類 | |
bootstrap表格,基礎表格,條紋表格,帶邊框表格,鼠標懸停狀態(tài)表格,黑色背景表格,bootstrap圖像形狀,圓角圖片,響應式圖片 | |
bootstrap信息提示框,提示框加鏈接,關閉提示框,提示框動畫,bootstrap按鈕,按鈕樣式,按鈕元素,按鈕邊框,按鈕大小,塊級按鈕,按鈕狀態(tài),bootstrap按鈕組,按鈕組大小,垂直按鈕組,內(nèi)嵌按鈕組 | |
bootstrap徽章,徽章顏色,藥丸形狀徽章,徽章插入元素,bootstrap進度條,條紋進度條,動畫進度條,bootstrap分頁,當前頁,不可點擊,分頁大小,面包屑導航 | |
bootstrap列表,激活禁用狀態(tài)的列表項,鏈接列表項,bootstrap卡片,卡片的頭部和底部,標題文本和鏈接,圖片卡片,文字覆蓋圖片 | |
bootstrap下拉菜單,下拉菜單分割線,菜單向上彈出,bootstrap折疊菜單 | |
bootstrap導航,導航的對齊,垂直導航,選項卡導航,膠囊導航,等寬導航,膠囊導航下拉菜單 | |
動態(tài)選項卡,bootstrap導航欄,垂直導航欄,品牌logo,折疊導航,導航欄使用下拉菜單,導航欄的表單按鈕,固定導航欄 | |
bootstrap輪播,輪播加描述,bootstrap模態(tài)框,bootstrap提示框,指定提示框位置 | |
bootstap相冊頁 | |
bootstrap博客頁 | |
bootstrap輪播頁,bootstrap表單驗證,bootstrap滿屏首頁,bootstrap數(shù)據(jù)報表頁,bootstrap登錄頁 | |
Day15 | VUE漸進式JavaScript 框架,VUE定義元素數(shù)據(jù)方法,VUE模板語法,VUE輸出文本,VUE輸出html,VUE修改html屬性 |
VUE表達式,VUE屬性,VUE事件,VUE過濾器語法 | |
VUE縮寫,VUE條件語句v-if,VUE循環(huán)語句v-for數(shù)組,VUE循環(huán)語句v-for對象,VUE循環(huán)語句v-for整數(shù) | |
VUE監(jiān)聽屬性watch,VUE樣式綁定,VUE事件處理器綁定方法 | |
VUE時間處理器內(nèi)嵌javascript,VUE事件處理器修飾符,VUE表單,VUE導航實例 | |
VUE編輯文本實例,VUE產(chǎn)品價目實例 | |
第四階段 項目實戰(zhàn) | |
Day16 | 帶swiper輪播模塊的企業(yè)網(wǎng)站實訓項目,項目來源:互聯(lián)網(wǎng)科技公司企業(yè)網(wǎng)站需求。調(diào)研科技公司網(wǎng)站版式及內(nèi)容模塊,進行UI界面的設計。使用媒體查詢技術完成響應式網(wǎng)站頁碼的搭建,并使用swiper制作完成頁頭通欄輪播廣告模塊 |
Day17 | swiper全屏全景汽車展示產(chǎn)品宣傳類網(wǎng)站實訓項目,項目來源:汽車企業(yè)想要在眾多品牌中被客戶所青睞,必須進行全新版式設計及交互設計的更新。調(diào)研發(fā)現(xiàn),汽車品牌多以大圖高清或視頻動效類交互形式來展示品牌產(chǎn)品吸引消費者。使用swiper插件中的mousewheel模板可快速完成客戶所需要的效果 |
Day18 | 高級UI設計師個人營銷博客網(wǎng)站實訓項目,項目來源:當互聯(lián)網(wǎng)進入每個人的生活,人人都需要擁有自我營銷的意識,UI設計師們也不例外。網(wǎng)站使用最新版式設計,需完成響應式布局的要求和交互實現(xiàn) |
Day19 | bootstrap全系模板頁實訓項目,為了更好的理解和制作出企業(yè)需要的商業(yè)模塊設計,我們將bootstrap提供的所有模塊進行視覺再造,并使用bootstrap完成視覺效果圖的實現(xiàn)過程 |
Day20 | swiper全屏全景餐吧網(wǎng)站實訓項目,項目來源:小資生活是每個人所向往的,有這么一些店鋪,裝修時尚,菜品味道好而不貴。我們需要為餐吧設計制作個性化的展示網(wǎng)站,選擇swiper的全屏全景模板最為合適 |
課程背景
隨著互聯(lián)網(wǎng)的不斷發(fā)展,前端技術變得越來越重要。特別是在移動互聯(lián)網(wǎng)時代,越來越多的企業(yè)需要擁有自己的網(wǎng)站或應用程序。因此,前端開發(fā)人才越來越受到市場的青睞。
課程特色
1. 全職授課:授課老師都是來自于知名互聯(lián)網(wǎng)公司的資深前端工程師;
2. 高質(zhì)量課程:緊跟前端技術的發(fā)展,針對新的技術趨勢設計出的高質(zhì)量的課程;
3. 實戰(zhàn)案例:通過大量的實戰(zhàn)案例,學生逐步掌握前端開發(fā)的技能;
4. 小班授課:每個班級人數(shù)不超過20人,保證授課效果。
課程目標
1. 掌握前端開發(fā)的基礎知識,如HTML、CSS、JavaScript等;
2. 學會常見的前端框架,如Vue、React等;
3. 能夠使用前端開發(fā)工具如Sublime Text、Webstorm等;
4. 能夠獨立完成前端開發(fā)任務。
學習對象
1. 想從事前端開發(fā)工作的人;
2. 已經(jīng)從事前端開發(fā)工作但想提高自己的能力;
3. 對前端開發(fā)感興趣的學生。
課程內(nèi)容
1. HTML/CSS基礎;
2. JavaScript基礎;
3. jQuery;
4. Bootstrap;
5. Vue;
6. React;
7. Web性能優(yōu)化;
8. 前端自動化工具:Grunt、Gulp;
9. 前端工程化:Webpack。
學習時長
本課程共計300個學時,每周授課時間為20個小時,預計學習時間為15周左右。
收費范圍
本課程的收費范圍在5000元至10000元之間。
學習收獲
學生將能夠掌握前端開發(fā)的基礎知識和技能,以及常見的前端框架和開發(fā)工具的使用,能夠獨立完成前端開發(fā)任務。并且還將學會如何進行web性能優(yōu)化和前端工程化,掌握前端開發(fā)的最新技術。
結(jié)語
以上信息僅供參考,實際情況以到校咨詢?yōu)闇省?陕?lián)系在線客服,預約免費體驗課。我們的培訓班已經(jīng)培養(yǎng)出一大批高質(zhì)量的前端開發(fā)人才,如果你也想成為一名優(yōu)秀的前端工程師,歡迎加入我們!
培訓項目:UI設計培訓、java培訓、軟件測試培訓、web前端培訓、linux云計算培訓、網(wǎng)絡運維培訓、網(wǎng)絡營銷培訓、云計算培訓、人工智能培訓、C培訓、C++培訓、嵌入式培訓、UE培訓、網(wǎng)絡安全工程師培訓
¥1980014484人關注
¥198005486人關注
¥詢價4272人關注
¥詢價4623人關注
¥詢價1868人關注
¥19800起12963人關注
¥19800起19583人關注
¥18800起46104人關注