勤學教育網(wǎng)- 手機版
- 收藏本站
icon
web前端開發(fā)初學者如何增加項目經(jīng)驗？
icon
想做web前端的工作，應該先學什么？
觸屏滑動插件
響應式布局框架
全屏滾輪插件
漸進式框架
字體圖標
特效插件
| 第一階段 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ù)類型的轉換 | |
| 表單驗證，驗證數(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定義動畫開始和結束，anime動畫控制，anime動畫運動路徑 | |
| awesome字體圖標引入，awesome大圖標，awesome列表圖標，awesome動態(tài)圖標，awesome旋轉和反轉圖標，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的全屏全景模板最為合適 |
產(chǎn)品上線
WEB前端設計在產(chǎn)品上線過程中的作用越發(fā)重要，因此需要專業(yè)的前端設計人才才能實現(xiàn)更好的效果！
前端技術
WEB前端設計對設計師提出了更高要求，涵蓋的知識非常廣泛，既有具體的前端技術，又有抽象的設計理念！
用戶體驗
WEB前端設計的主要職能就是把網(wǎng)站的界面更好的呈現(xiàn)給用戶，有突出的視覺美感，同時也有良好的用戶體驗。
授課
前臺
講課
課程背景
近年來，web前端開發(fā)需求急劇增長，成為了IT行業(yè)的熱門職業(yè)之一。長春作為東北地區(qū)的經(jīng)濟中心城市，也吸引了越來越多的公司和企業(yè)在這里設立分支機構，因此長春地區(qū)對web前端開發(fā)人才的需求也在逐漸上升。為了滿足市場的需求，各大培訓機構也相繼推出了一系列的web前端開發(fā)課程。
課程特色
緊貼市場需求
本課程根據(jù)長春地區(qū)企業(yè)對web前端開發(fā)人才的需求，設立了與市場緊密關聯(lián)的課程內(nèi)容，真正實現(xiàn)培養(yǎng)“市場需要、企業(yè)愿意付費的人才”的目標。
案例實戰(zhàn)
在課程中設計了多個真實商業(yè)網(wǎng)站的開發(fā)案例，讓學員在實戰(zhàn)中深入理解web前端開發(fā)的核心思路，更好地掌握技能。
個性化課程
本課程的學員背景、學習目標各異，因此我們提供了個性化定制課程，根據(jù)學員的實際情況制定學習計劃、安排授課老師，讓每個學員都能得到較好的學習效果。
課程目標
1.掌握HTML、CSS、JavaScript等基本技能；
2.熟練掌握基于Vue.js的前端框架開發(fā)；
3.了解并熟悉前端開發(fā)的常用工具和技術；
4.具備從事前端工程師工作必備的基本素質。
學習對象
1.對前端開發(fā)感興趣的初學者；
2.已經(jīng)從事前端開發(fā)相關工作但缺乏系統(tǒng)性學習的人員；
3.想要提高自己技能水平、從事前端開發(fā)、轉行的人員。
課程內(nèi)容
HTML+CSS基礎課程
包括HTML語言的基礎語法、標簽、表單等相關知識點，以及CSS的布局、樣式等基本概念。
JavaScript基礎課程
包括JavaScript語言的基礎語法、數(shù)據(jù)類型、變量、運算符等知識點，以及邏輯判斷、DOM事件等相關概念。
Vue.js開發(fā)課程
深入學習Vue.js框架的使用方法、原理和相關知識，包括組件開發(fā)、路由管理等核心技術。
前端工具和技術
了解和掌握Git、Webpack、Eslint等常用工具和技術，并學會將這些工具和技術應用到前端項目開發(fā)中。
學習時長、收費范圍
本課程以班級形式進行教學，每班人數(shù)不超過20人，學習時長常規(guī)為3個月至6個月不等，另外還有VIP班和企業(yè)定制班級。學費收費范圍從1萬元到5萬元不等，具體價格根據(jù)班級、時間、老師等因素而定，可到我校官網(wǎng)咨詢獲取具體信息。
學習收獲
通過本課程的學習，學員將會掌握豐富的前端技術和知識，同時也會接受系統(tǒng)的實戰(zhàn)訓練。學習后，學員可以深入理解web前端開發(fā)的核心思路，對前端開發(fā)工作有更深入的認識和了解，具備從事前端工程師工作的基本素質。
結語
以上信息僅供參考，實際情況以到校咨詢?yōu)闇省？陕?lián)系在線客服，預約免費體驗課，相同的內(nèi)容。我們希望能夠與各位有志于前端開發(fā)的學員一起學習，我們深信通過我們的努力，一定可以為您的職業(yè)發(fā)展助力！
培訓項目：UI設計培訓、java培訓、軟件測試培訓、web前端培訓、linux云計算培訓、網(wǎng)絡運維培訓、網(wǎng)絡營銷培訓、云計算培訓、人工智能培訓、C培訓、C++培訓、嵌入式培訓、UE培訓、網(wǎng)絡安全工程師培訓
￥1980014429人關注
￥198005361人關注
￥詢價4161人關注
￥詢價4548人關注
￥詢價1766人關注
￥19800起12828人關注
￥19800起19407人關注
￥18800起46030人關注
￥2280013202人關注
￥23800起24973人關注
