第一階段 web網站布局實戰 | |
Day01 |
web前端介紹及規范 HTML語法符號及規范,熟悉HTML符號,HTML標簽初識 HTML標簽,HTML5實用布局標簽,實用表單標簽,HTML常用標簽 |
布局常用,HTML常用標簽-表單常用CSS語法符號及規范,CSS語法符號認知 | |
CSS屬性,CSS3屬性使用,CSS選擇器 | |
CSS屬性繼承性,選擇器的優先級 | |
Day02 | CSS布局實用屬性 |
浮動布局 | |
定位布局 | |
flex布局,顯示類型,溢出處理 | |
浮動模塊,定位模塊 | |
父級塌陷及解決方案 | |
Day03 | 媒體查詢和響應式布局 |
手機移動端響應式網站整站實戰 | |
第二階段 JAVASCRIPT&JQUERY 交互實戰 | |
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函數,利用函數打包提示框功能 | |
JAVASCRIPT事件,事件觸發彈框功能,JAVASCRIPT運算符,數學預算法,比較運算符,邏輯運算符 | |
JAVASCRIPT條件語句,條件語句判斷客戶的選擇 | |
Day05 | JAVASCRIPTswicth語句,swicth使用語句進行篩選,JAVASCRIPTfor循環語句,for循環中的break子句,for循環中的continue子句 |
JAVASCRIPT數組對象,數組的聲明,數組的賦值,手機品牌名稱數組例子,數組length屬性 | |
JAVASCRIPT數據類型,string類型,number類型,boolean類型,object類型,數據類型的轉換 | |
表單驗證,驗證數據不能為空,驗證郵箱格式,驗證電話號碼 | |
JAVASCRIPT定時器,定時關閉廣告,循環定時器 | |
Day06 | JQUERY語法,JQUERY選擇器,JQUERY標簽選擇器,JQUERY類選擇器,JQUERYid選擇器,JQUERY屬性選擇器 |
JQUERY事件,JQUERY鼠標事件,JQUERY鍵盤事件,JQUERY表單事件,JQUERY窗口事件 | |
JQUERY效果,JQUERY顯示隱藏效果,JQUERY淡入淡出效果,JQUERY滑動效果,JQUERY自定義動畫效果 | |
回調函數,JQUERY操作HTML,JQUERY捕獲設置,JQUERY添加刪除 | |
JQUERY改變CSS屬性,JQUERY添加類刪除類 | |
JQUERT遍歷,JQUERY找父輩,找同胞,找子級,JQUERY過濾,JQUERYDOM方法index() | |
Day07 | JAVASCRIPT案例,語句類,條件語句鞏固案例,隨機數基礎應用,消息框,確認框,信息提示框 |
函數,帶參數的函數,函數的返回值 | |
循環,循環輸出標題,break/continue子句鞏固案例,循環遍歷數組 | |
錯誤處理,鼠標事件,圖像映射 | |
函數內調用定時器,日期對象,輸出客戶端日期,1970年至今的毫秒值,獲得年,獲取星期幾,電子時鐘鞏固案例,日期對象鞏固案例 | |
字符串對象,字符串長度,字符串位置,返回查找的字符,替換字符串,字符串對象方法鞏固案 | |
數學對象,round四舍五入,floor下舍入取整,ceil上舍入取整,random隨機數鞏固案例 | |
數學對象基礎方法,擲篩子 | |
Day08 | JS&JQUERY交互模塊實戰,導航菜單類 |
下拉菜單案例,收展菜單案例,層級菜單案例,手機導航菜單案例 | |
選項類,選項卡案例,分類選項案例 | |
圖片廣告類,產品圖片效果切換,定時切換廣告 | |
上下頁切換廣告,頁碼切換廣告 | |
網站常用浮窗廣告,頁頭廣告,返回頂部 | |
Day09 | 音視頻控制,控制音頻播放,控制音頻暫停,滾動信息類,定時滾動新聞,無縫滾動新聞 |
表單類,菜單列表選擇,多選菜單 | |
多級選擇,未填寫及數字驗證鞏固案例 | |
Day10 | 頁面向下滾動導航固定在窗口,電子時鐘鞏固案例,倒計時 |
首尾字的切換,名單抽獎案例,隨機漂浮廣告 | |
進度條效果,自動搜索案例 | |
Day11 | 游戲特效,擲篩子游戲鞏固案例 |
幸運大抽獎 | |
打地鼠游戲 | |
歌詞的奇幻之旅 | |
天降紅包效果 | |
第三階段 web前端設計實用插件及框架 | |
Day12 | 觸屏滑動插件swiper,swiper引用,swiper使用,swiper版式制作,swiper箭頭導航功能,swiper頁碼導航功能 |
swiper自由模式,swiper每屏滑塊數,swiper滑塊的間距,swiper方向功能,swiper滾動條,swiper欄的劃分,swiper嵌套,swiper循環重復個數限制 | |
swiper淡入淡出效果,swiper立體效果,swiper透視效果,swiper鏡像效果,swiperAnimate切換動畫 | |
全屏滾輪插件fullpage,fullpage文件引入,fullpage使用 | |
Day13 | 動畫插件anime.js,anime的使用,anime可用參數,anime指定動畫參數 |
anime定義動畫開始和結束,anime動畫控制,anime動畫運動路徑 | |
awesome字體圖標引入,awesome大圖標,awesome列表圖標,awesome動態圖標,awesome旋轉和反轉圖標,awesome堆疊圖標 | |
awesome固定寬度圖標,awesome品牌圖標,awesome圖表圖表,awesome貨幣圖標,awesome方向圖標,awesome文件類型圖標,awesome表單圖標,awesome手勢圖標 | |
awesome醫療圖標,awesome付款圖標,awesome加載中圖標,awesome文本圖標,awesome交通工具圖標,awesome音視頻圖標,awesome web應用圖標,awesome圖標參考手冊 | |
Day14 | 響應式布局框架bootstrap,bootstrap安裝使用,bootstrap網格系統,等寬列,等寬響應式列,不等寬響應式列,平板桌面端,偏移列 |
bootstrap文字排版,標題字默認設置,標題display類,small標簽,mark高亮顯示,bootstrap顏色,文本顏色類,背景顏色類 | |
bootstrap表格,基礎表格,條紋表格,帶邊框表格,鼠標懸停狀態表格,黑色背景表格,bootstrap圖像形狀,圓角圖片,響應式圖片 | |
bootstrap信息提示框,提示框加鏈接,關閉提示框,提示框動畫,bootstrap按鈕,按鈕樣式,按鈕元素,按鈕邊框,按鈕大小,塊級按鈕,按鈕狀態,bootstrap按鈕組,按鈕組大小,垂直按鈕組,內嵌按鈕組 | |
bootstrap徽章,徽章顏色,藥丸形狀徽章,徽章插入元素,bootstrap進度條,條紋進度條,動畫進度條,bootstrap分頁,當前頁,不可點擊,分頁大小,面包屑導航 | |
bootstrap列表,激活禁用狀態的列表項,鏈接列表項,bootstrap卡片,卡片的頭部和底部,標題文本和鏈接,圖片卡片,文字覆蓋圖片 | |
bootstrap下拉菜單,下拉菜單分割線,菜單向上彈出,bootstrap折疊菜單 | |
bootstrap導航,導航的對齊,垂直導航,選項卡導航,膠囊導航,等寬導航,膠囊導航下拉菜單 | |
動態選項卡,bootstrap導航欄,垂直導航欄,品牌logo,折疊導航,導航欄使用下拉菜單,導航欄的表單按鈕,固定導航欄 | |
bootstrap輪播,輪播加描述,bootstrap模態框,bootstrap提示框,指定提示框位置 | |
bootstap相冊頁 | |
bootstrap博客頁 | |
bootstrap輪播頁,bootstrap表單驗證,bootstrap滿屏首頁,bootstrap數據報表頁,bootstrap登錄頁 | |
Day15 | VUE漸進式JavaScript 框架,VUE定義元素數據方法,VUE模板語法,VUE輸出文本,VUE輸出html,VUE修改html屬性 |
VUE表達式,VUE屬性,VUE事件,VUE過濾器語法 | |
VUE縮寫,VUE條件語句v-if,VUE循環語句v-for數組,VUE循環語句v-for對象,VUE循環語句v-for整數 | |
VUE監聽屬性watch,VUE樣式綁定,VUE事件處理器綁定方法 | |
VUE時間處理器內嵌javascript,VUE事件處理器修飾符,VUE表單,VUE導航實例 | |
VUE編輯文本實例,VUE產品價目實例 | |
第四階段 項目實戰 | |
Day16 | 帶swiper輪播模塊的企業網站實訓項目,項目來源:互聯網科技公司企業網站需求。調研科技公司網站版式及內容模塊,進行UI界面的設計。使用媒體查詢技術完成響應式網站頁碼的搭建,并使用swiper制作完成頁頭通欄輪播廣告模塊 |
Day17 | swiper全屏全景汽車展示產品宣傳類網站實訓項目,項目來源:汽車企業想要在眾多品牌中被客戶所青睞,必須進行全新版式設計及交互設計的更新。調研發現,汽車品牌多以大圖高清或視頻動效類交互形式來展示品牌產品吸引消費者。使用swiper插件中的mousewheel模板可快速完成客戶所需要的效果 |
Day18 | 高級UI設計師個人營銷博客網站實訓項目,項目來源:當互聯網進入每個人的生活,人人都需要擁有自我營銷的意識,UI設計師們也不例外。網站使用最新版式設計,需完成響應式布局的要求和交互實現 |
Day19 | bootstrap全系模板頁實訓項目,為了更好的理解和制作出企業需要的商業模塊設計,我們將bootstrap提供的所有模塊進行視覺再造,并使用bootstrap完成視覺效果圖的實現過程 |
Day20 | swiper全屏全景餐吧網站實訓項目,項目來源:小資生活是每個人所向往的,有這么一些店鋪,裝修時尚,菜品味道好而不貴。我們需要為餐吧設計制作個性化的展示網站,選擇swiper的全屏全景模板最為合適 |
課程背景
長春作為東北地區的省會城市,近年來經濟得到快速發展,對于Web前端開發人才的需求也日益增長。為了滿足市場需求,長春各大培訓機構也紛紛推出Web前端培訓課程。
課程特色
小班授課
每班學生數量不超過10人,保證優質教學質量;
實戰案例
通過實戰案例教學,讓學生掌握Web前端開發技能;
講師授課
資深Web前端開發人員擔任授課教師,教學經驗豐富,業內知名度高。
課程目標
熟練掌握HTML/CSS/JavaScript
掌握Web前端開發的基礎技能;
能夠開發簡單網站
能夠使用所學知識進行簡單網站的開發;
能夠實現常用功能
能夠實現網站中常用的基本功能,如表單驗證、數據交互等。
學習對象
零基礎入門
對Web前端開發一無所知的人士;
求職者
想要從事Web前端開發崗位的求職者;
自學者
想要學習Web前端開發技能,但不喜歡自學的人士。
課程內容
HTML基礎
HTML標簽、文本格式、圖片、超鏈接、表單等知識點;
CSS基礎
CSS樣式、選擇器、樣式繼承、布局、動畫等知識點;
JavaScript基礎
JS基礎語法、DOM操作、事件處理、Ajax等知識點;
jQuery框架
jQuery基礎、選擇器、事件處理、常用插件等知識點;
實戰網站
使用所學知識開發一款前端網站,并實現常用功能。
學習時長
課程時間共計72個學時,一般需要2個月左右。
收費范圍
收費標準在2000元-4000元不等,根據機構、授課方式不同而異。
學習收獲
通過學習長春Web前端培訓課程,學生可以掌握HTML/CSS/JavaScript等技術的基礎知識,能夠使用所學知識進行簡單網站的開發,達到初步實現網站開發的能力。
結語
以上信息僅供參考,實際情況以到校咨詢為準。可聯系在線客服,預約免費體驗課。無論選擇哪家機構,都希望學生能夠得到優質的教學服務,盡快掌握所需技能,進入Web前端開發行業。
培訓項目:UI設計培訓、java培訓、軟件測試培訓、web前端培訓、linux云計算培訓、網絡運維培訓、網絡營銷培訓、云計算培訓、人工智能培訓、C培訓、C++培訓、嵌入式培訓、UE培訓、網絡安全工程師培訓
¥1980014484人關注
¥198005486人關注
¥詢價4272人關注
¥詢價4623人關注
¥詢價1868人關注
¥19800起12963人關注
¥19800起19583人關注
¥18800起46104人關注