觸屏滑動插件
響應式布局框架
全屏滾輪插件
漸進式框架
字體圖標
特效插件
| 第一階段 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前端設計對設計師提出了更高要求，涵蓋的知識非常廣泛，既有具體的前端技術，又有抽象的設計理念！
用戶體驗
WEB前端設計的主要職能就是把網站的界面更好的呈現給用戶，有突出的視覺美感，同時也有良好的用戶體驗。
前臺
學習區
咨詢區
哈爾濱Web前端培訓學校
介紹
課程背景
隨著互聯網發展的壯大，Web前端技術也逐漸成為了IT行業中備受追捧的熱門技能。為滿足市場對Web前端開發人才的需求，哈爾濱Web前端培訓學校應運而生。
課程特色
1. 專業師資：由經驗豐富的Web前端開發工程師擔任授課教師。
2. 實戰項目：結合實際項目模擬真實開發場景，讓學員掌握實用技能。
3. 個性化輔導：針對學員的學習差異，提供隨時調整的個性化教學方案。
課程目標
1. 掌握Web前端技術核心知識，包括HTML、CSS、JavaScript等。
2. 能夠獨立完成Web前端的基礎設計、開發與調試工作。
3. 具備扎實的理論知識和實際操作能力，能夠勝任Web前端開發崗位。
學習對象
適合有一定計算機基礎的學生、IT行業初學者以及對Web前端開發有興趣的人員。
課程內容
1. HTML基礎
2. CSS樣式設計
3. JavaScript核心技術
4. jQuery框架
5. Web前端性能優化
6. 移動端開發
7. 實戰項目
學習時長
課程時長為3個月。
收費范圍
學費范圍：3000元-8000元不等。可聯系在線客服咨詢詳細信息。
學習收獲
在哈爾濱Web前端培訓學校的學習過程中，學員將通過專業的授課和實戰項目的實踐鍛煉，掌握Web前端開發的核心技術和實用技巧，具備成為一名優秀Web前端工程師的基礎。同時，還將結交到一批志同道合的學習伙伴，激發自己的學習熱情和動力。
結語
以上信息僅供參考，如需了解更多課程信息或預約免費體驗課，請聯系在線客服或前往校內咨詢。我們期待與您共同探索Web前端開發領域的奧秘。
培訓項目：UI設計培訓、java培訓、軟件測試培訓、web前端培訓、linux云計算培訓、網絡運維培訓、網絡營銷培訓、云計算培訓、人工智能培訓、C培訓、C++培訓、嵌入式培訓、UE培訓、網絡安全工程師培訓
￥1980014484人關注
￥198005486人關注
￥詢價4272人關注
￥詢價4623人關注
￥詢價1868人關注
￥19800起12963人關注
￥19800起19583人關注
￥18800起46104人關注
勤學教育網
