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