Web前端培訓(xùn)課程

【適合人群】

·大專及以上學(xué)歷，零基礎(chǔ)均可學(xué)習(xí)

·剛步入社會(huì)，缺乏實(shí)戰(zhàn)經(jīng)驗(yàn)，找不到合適工作的應(yīng)屆畢業(yè)生

·想要轉(zhuǎn)行挑戰(zhàn)高薪的群體

·厭倦傳統(tǒng)行業(yè)，想快速轉(zhuǎn)行互聯(lián)網(wǎng)，但又不懂技術(shù)的小白

【為什么選擇Web前端？】

市場(chǎng)需求大：目前HTML5工程師日均崗位缺口50000，隨著互聯(lián)網(wǎng)+深入發(fā)展作為唯 一前端展示技術(shù)預(yù)計(jì)HTML5人才缺口將成倍增長(zhǎng)。

應(yīng)用域廣：移動(dòng)Web端，小程序，管理系統(tǒng)，小游戲，響應(yīng)式，大數(shù)據(jù)可視化，微信接入均可通過(guò)前端技術(shù)實(shí)現(xiàn)。

行業(yè)薪資高：HTML5開(kāi)發(fā)工程師均薪高晉升速度快

【課程亮點(diǎn)】

·基于PBET來(lái)進(jìn)行教學(xué)，以培養(yǎng)學(xué)員分析問(wèn)題和解決問(wèn)題的能力。

·實(shí)戰(zhàn)項(xiàng)目豐富，涵蓋主流行業(yè)的商業(yè)項(xiàng)目，家具、電影、電商等等。

·課程體系涵蓋技術(shù)全面，技術(shù)講解有足夠的深度。

·引入目前企業(yè)最中最 流行的框架來(lái)教學(xué)。

·深入企業(yè)內(nèi)部，剖析企業(yè)招聘、面試等等流程

·每周六天課程，**充足的學(xué)習(xí)時(shí)間和連續(xù)性。

·補(bǔ)充多套最 新最熱門的高級(jí)課程，幫助學(xué)員突破高薪瓶頸

·訓(xùn)練牢固的基本功，助力持久的競(jìng)爭(zhēng)力，幫助學(xué)員邁向成功

【課程大綱】

第 一周：HTML和CSS入門

知識(shí)要點(diǎn)：PhotoShop摳圖、切片技巧、pxcook標(biāo)注、Web前端開(kāi)發(fā)環(huán)境、HTML常用標(biāo)簽、表單元素、CSS基礎(chǔ)樣式使用、字體圖標(biāo)設(shè)計(jì)

課程目標(biāo)：熟練運(yùn)用HTML和CSS樣式屬性完成頁(yè)面的布局和美化，基于PSD原稿完成頁(yè)面像素級(jí)還原布局和設(shè)計(jì)。

第二周：H5和CSS3新特性

知識(shí)要點(diǎn)：選擇器、選擇器權(quán)重計(jì)算樣式繼承、IFC、BFC、常見(jiàn)布局技巧、CSS新增特性

課程目標(biāo)：熟練掌握網(wǎng)頁(yè)布局技巧，熟悉CSS3新特性完成頁(yè)面設(shè)計(jì)和優(yōu)化

第三周：CSS3動(dòng)畫SASS和BootStrap

知識(shí)要點(diǎn)：彈性布局、transtion過(guò)渡、tranform動(dòng)畫、Animation動(dòng)畫使用技巧，2D動(dòng)畫和3D動(dòng)畫設(shè)計(jì)，預(yù)編譯CSS技術(shù)：Sass基礎(chǔ)知識(shí)、響應(yīng)式布局原理、BootStrap源碼分析以及插件的運(yùn)用

課程目標(biāo)：理解動(dòng)畫的原理，掌握動(dòng)畫的基礎(chǔ)設(shè)計(jì)并完成網(wǎng)頁(yè)動(dòng)態(tài)效果設(shè)計(jì)，熟練掌握網(wǎng)頁(yè)布局，能夠熟練使用Less、Sass完成項(xiàng)目開(kāi)發(fā)，深入了解BootStrap設(shè)計(jì)

第四周：項(xiàng)目實(shí)戰(zhàn)及優(yōu)化《生鮮平臺(tái)》《家具網(wǎng)站》

知識(shí)要點(diǎn)：使用HTML、CSS、LESS、SASS等技術(shù)完成蝸牛家具網(wǎng)項(xiàng)目實(shí)戰(zhàn)

課程目標(biāo)：通過(guò)項(xiàng)目掌握第 一階段HTML、CSS的內(nèi)容、完成PC端頁(yè)面設(shè)計(jì)和后臺(tái)管理系統(tǒng)頁(yè)面設(shè)計(jì)

第五周：JavaScript編程基礎(chǔ)

知識(shí)要點(diǎn)：JavaScript發(fā)展及組成、變量、數(shù)據(jù)類型、控制結(jié)構(gòu)、數(shù)組和函數(shù)

課程目標(biāo)：了解JavaScript的發(fā)展，熟練掌握J(rèn)avaScript的基礎(chǔ)知識(shí)

第六周：WebAPI核心編程

知識(shí)要點(diǎn)：BOM操作和DOM操作學(xué)習(xí)，熟練使用jQuery框架開(kāi)發(fā)，代碼優(yōu)化。

課程目標(biāo)：熟練使用BOM的各種對(duì)象、熟練操作DOM的對(duì)象

第七周：jQuery+H5實(shí)戰(zhàn)

知識(shí)要點(diǎn)：jQuery實(shí)戰(zhàn)、H5相關(guān)api、以及canvas繪圖技術(shù)使用、隨機(jī)數(shù)據(jù)模擬

課程目標(biāo)：熟練使用所學(xué)知識(shí)來(lái)完成蝸牛電影城項(xiàng)目開(kāi)發(fā)和蝸牛小麥網(wǎng)項(xiàng)目開(kāi)發(fā)

第八周：項(xiàng)目實(shí)戰(zhàn)及優(yōu)化《蝸牛影城票務(wù)系統(tǒng)》《蝸牛小麥網(wǎng)》

知識(shí)要點(diǎn)：使用HTML、CSS、LESS、SASS、JavaScript、jQuery、Ajax等技術(shù)完成項(xiàng)目實(shí)戰(zhàn)

課程目標(biāo)：熟練使用所學(xué)知識(shí)來(lái)完成蝸牛電影城項(xiàng)目開(kāi)發(fā)和蝸牛小麥網(wǎng)項(xiàng)目開(kāi)發(fā)

第九周：JavaScript高級(jí)特性

知識(shí)要點(diǎn)：JavaScript高級(jí)特性：閉包、作用域鏈、遞歸、IIFE、立即函數(shù)等，ES6新增特性：解構(gòu)賦值、擴(kuò)展運(yùn)算符，箭頭函數(shù)等

課程目標(biāo)：掌握高級(jí)特性概念以及運(yùn)用，熟練使用ES6的新增特性

第十周：Nodejs+MongoDB編程實(shí)戰(zhàn)

知識(shí)要點(diǎn)：面向?qū)ο蟮幕A(chǔ)概念、nodejs的使用以及express框架的基礎(chǔ)運(yùn)用，MongoDB的使用以及mongoose的api學(xué)習(xí)

課程目標(biāo)：掌握面向?qū)ο缶幊袒舅枷?，nodejs+express搭建后臺(tái)，熟練使用mongodb搭建數(shù)據(jù)庫(kù)以及用mongoose實(shí)現(xiàn)后臺(tái)于數(shù)據(jù)庫(kù)交互

第十一周：前后端分離實(shí)戰(zhàn)

知識(shí)要點(diǎn)：webpack打包工具的使用、異步編程的概念、ajax、promise、async/await、git版本工具使用

課程目標(biāo)：掌握webpack對(duì)項(xiàng)目進(jìn)行打包，熟練使用異步編程進(jìn)行數(shù)據(jù)交互并部署到gitee上

第十二周：項(xiàng)目實(shí)戰(zhàn)和優(yōu)化《信用卡金融平臺(tái)》《保險(xiǎn)保單平臺(tái)》

知識(shí)要點(diǎn)：需求分析，數(shù)據(jù)庫(kù)設(shè)計(jì)，后臺(tái)開(kāi)發(fā)，使用vue、node完成pc和移動(dòng)端整站開(kāi)發(fā)

課程目標(biāo)：基于Node.js+Vue.js+Webpack+MongoDB+Git，實(shí)現(xiàn)整站項(xiàng)目完整功能并上線發(fā)布

第十三周：Vue.js全家桶

知識(shí)要點(diǎn)：VueCLI的使用、Vue基本語(yǔ)法、組件、生命周期、MVVM、VueRouter、Vuex、axios的封裝、Vue的打包配置

課程目標(biāo)：對(duì)Vue.js框架的基本使用有清晰的理解，對(duì)MVVM模式有深刻理解，熟練運(yùn)用Vue.js全家桶完成Web前端開(kāi)發(fā)和組件開(kāi)發(fā)

第十四周：ElementUI+VUE3.0+數(shù)據(jù)可視化

知識(shí)要點(diǎn)：elementui框架、Echarts、d3.js、vite工具的使用、Vue3.0

課程目標(biāo)：使用Echarts對(duì)數(shù)據(jù)實(shí)現(xiàn)動(dòng)態(tài)的可視化渲染，了解d3.js的基本語(yǔ)法

通過(guò)vite搭建vue3.0項(xiàng)目，并使用vue3.0完成基本的前端開(kāi)發(fā)

第十五周：微信小程序和uni-app

知識(shí)要點(diǎn)：微信小程序：基本介紹、開(kāi)發(fā)工具、wxml和wxss、全局配置和頁(yè)面配置、自定義組件、本地存儲(chǔ)、網(wǎng)絡(luò)請(qǐng)求、導(dǎo)航、云開(kāi)發(fā)、小程序發(fā)布

課程目標(biāo)：uni-app：開(kāi)發(fā)工具、基本使用、vuex、地圖功能

第十六周：畢業(yè)項(xiàng)目《k15在線視頻教育》《菜譜大全小程序》

知識(shí)要點(diǎn)：WoniuCarRental，整個(gè)項(xiàng)目前后端分離開(kāi)發(fā)；整個(gè)項(xiàng)目分為四部分：PC端網(wǎng)頁(yè)、移動(dòng)端APP、小程序、后臺(tái)管理。團(tuán)隊(duì)協(xié)作開(kāi)發(fā)，使用git進(jìn)行版本控制；

課程目標(biāo)：團(tuán)隊(duì)協(xié)作完成畢業(yè)項(xiàng)目

第十七周：React實(shí)戰(zhàn)

知識(shí)要點(diǎn)：組件、props、state、事件、表單、生命周期、hooks、ReactRouter

課程目標(biāo)：熟練使用react全家桶完成項(xiàng)目開(kāi)發(fā)

第十八周：Redux和React-Native

知識(shí)要點(diǎn)：Redux、saga、thunk中間件、ReactNative：環(huán)境搭建、組件、樣式、表單、事件、網(wǎng)絡(luò)請(qǐng)求、列表刷新、導(dǎo)航、底部tab導(dǎo)航欄、打包APK

課程目標(biāo)：熟練使用react-native開(kāi)發(fā)移動(dòng)端app

第十九周：TypeScript+umi.js+dva.js

知識(shí)要點(diǎn)：TypeScript核心編程、語(yǔ)法檢測(cè)、面向?qū)ο笳Z(yǔ)法、dva.js、umi.js介紹

課程目標(biāo)：基于TypeScript+dvajs+umijs完成項(xiàng)目實(shí)戰(zhàn)開(kāi)發(fā)

第二十周：畢業(yè)項(xiàng)目《汽車生活服務(wù)》《在線金融平臺(tái)》

知識(shí)要點(diǎn)：整個(gè)項(xiàng)目前后端分離開(kāi)發(fā)；整個(gè)項(xiàng)目分為四部分：PC端網(wǎng)頁(yè)、移動(dòng)端APP、小程序、后臺(tái)管理團(tuán)隊(duì)協(xié)作開(kāi)發(fā)，使用git進(jìn)行版本控制；

課程目標(biāo)：團(tuán)隊(duì)協(xié)作完成畢業(yè)項(xiàng)目

第二十一周：提升課程和就業(yè)輔導(dǎo)

flutter實(shí)戰(zhàn)：基于flutter框架來(lái)搭建app開(kāi)發(fā)環(huán)境，講解flutter開(kāi)發(fā)模式

SSR：理解SSR運(yùn)行原理及為什么需要使用SSR|掌握SSR環(huán)境搭建|掌握使用緩存和stream對(duì)SSR進(jìn)行優(yōu)化|掌握Nuxt.js/Next.js的應(yīng)用

框架源碼分析：TypeScript在Vue中源碼分析，Vue虛擬dom實(shí)現(xiàn)原理、MVVM實(shí)現(xiàn)流程、數(shù)據(jù)劫持

性能優(yōu)化：網(wǎng)頁(yè)性能優(yōu)化方案，腳本性能優(yōu)化方案，框架性能優(yōu)化方案，瀏覽器底層內(nèi)核、內(nèi)存分配管理、垃圾回收。

簡(jiǎn)歷指導(dǎo)：知識(shí)體系梳理、簡(jiǎn)歷項(xiàng)目指導(dǎo)、簡(jiǎn)歷人事指導(dǎo)

模擬面試：針對(duì)每個(gè)學(xué)生進(jìn)行模擬面試，針對(duì)每個(gè)學(xué)生基礎(chǔ)進(jìn)行查漏補(bǔ)缺

【上課時(shí)間】

每周一到周六，早上9點(diǎn)到晚上8點(diǎn)半（教室24小時(shí)對(duì)學(xué)員開(kāi)放，但不要學(xué)得太晚哦）

【資深講師】

徐朝波

蝸牛學(xué)苑資深講師

蝸牛學(xué)苑前端學(xué)科總監(jiān)，全棧工程師，四川大學(xué)本科。從事IT行業(yè)8年有余，積累了豐富的軟件開(kāi)發(fā)、項(xiàng)目管理經(jīng)驗(yàn)。精通Java、前端以及Python技術(shù)，H5開(kāi)發(fā)經(jīng)驗(yàn)豐富。原華為無(wú)線部門高級(jí)研發(fā)工程師，并擔(dān)任項(xiàng)目SE角色。擅長(zhǎng)系統(tǒng)架構(gòu)、應(yīng)用架構(gòu)以及Web前端技術(shù)。曾參與大型互聯(lián)網(wǎng)項(xiàng)目開(kāi)發(fā)數(shù)次，對(duì)前后端開(kāi)發(fā)有深入的見(jiàn)解，對(duì)高并、高可用、分布式架構(gòu)設(shè)計(jì)有著豐富的經(jīng)驗(yàn)。從事教學(xué)工作多年，擅長(zhǎng)引導(dǎo)學(xué)生去思考，喜歡圖形化的教學(xué)方式。教學(xué)方法獨(dú)特，為人平和，廣獲學(xué)員喜愛(ài)。

翟吉喆

蝸牛學(xué)苑高級(jí)講師

16年軟件企業(yè)開(kāi)發(fā)和培訓(xùn)經(jīng)驗(yàn)，資深Web前端高級(jí)軟件工程師，有著豐富的外貿(mào)行業(yè)經(jīng)驗(yàn)和大型項(xiàng)目開(kāi)發(fā)經(jīng)驗(yàn)，曾參與江蘇對(duì)外出口網(wǎng)、外貿(mào)供應(yīng)鏈管理系統(tǒng)，陜實(shí)發(fā)公務(wù)車調(diào)度平臺(tái)、咨詢分量跟蹤系統(tǒng)，安路信鐵路測(cè)距儀等多個(gè)大型項(xiàng)目的開(kāi)發(fā)。多年軟件培訓(xùn)經(jīng)驗(yàn)，授課思路清晰，邏輯嚴(yán)密，善于激發(fā)學(xué)生學(xué)習(xí)興趣，深受學(xué)員喜歡。

張濤

蝸牛學(xué)苑高級(jí)講師

超過(guò)17年IT從業(yè)經(jīng)驗(yàn)，8年軟件教學(xué)經(jīng)驗(yàn)。曾參與研發(fā)和實(shí)施甘肅省中職信息管理平臺(tái)，政務(wù)系統(tǒng)，Ourslook公司的《快遞幫》等，有豐富的開(kāi)發(fā)和實(shí)施經(jīng)驗(yàn)，歷任高級(jí)開(kāi)發(fā)工程師，研發(fā)組長(zhǎng)，項(xiàng)目經(jīng)理等職。對(duì)系統(tǒng)集成，技術(shù)運(yùn)維，Java開(kāi)發(fā)，Web前端、分布式等主流開(kāi)發(fā)技術(shù)有廣泛涉獵，擅長(zhǎng)企業(yè)級(jí)系統(tǒng)研發(fā)，系統(tǒng)架構(gòu)設(shè)計(jì)，擁有豐富的項(xiàng)目經(jīng)驗(yàn)和教學(xué)經(jīng)驗(yàn)，教學(xué)風(fēng)格嚴(yán)謹(jǐn)，條理清晰，邏輯嚴(yán)密，深受學(xué)生喜愛(ài)。

【為什么選擇蝸牛學(xué)苑】

全程面授。為了**大家更好的學(xué)習(xí)效果，蝸牛學(xué)苑所有校區(qū)的就業(yè)培訓(xùn)課程保持全程面授模式。

學(xué)生反饋和意見(jiàn)及時(shí)處理。每個(gè)月一次的匿名在線調(diào)查表，大家可以敞開(kāi)的表達(dá)，客觀存在的問(wèn)題，蝸牛學(xué)苑及相關(guān)責(zé)任人需要第 一時(shí)間給出解決。

課程體系及時(shí)更新。蝸牛學(xué)苑的課程盡可能的跟緊目前企業(yè)所需，設(shè)立專門的課程研發(fā)中心，課程保持半年一小更新，一年一次大更新的節(jié)奏，目前蝸牛學(xué)苑的課程已經(jīng)更新到了7.0版本，在今年的7月1日開(kāi)始在全國(guó)所有校區(qū)開(kāi)始實(shí)施。

真實(shí)商業(yè)項(xiàng)目池。公司設(shè)有專門的研發(fā)部門，有單獨(dú)的網(wǎng)絡(luò)安全業(yè)務(wù)線，同時(shí)兄弟公司雷人科技（蝸牛創(chuàng)想科技有限公司參股，專做軟件研發(fā)業(yè)務(wù)）也會(huì)一直提供技術(shù)支持，**蝸牛學(xué)苑有真實(shí)開(kāi)發(fā)項(xiàng)目案例。在項(xiàng)目實(shí)戰(zhàn)中是學(xué)員從真實(shí)的商業(yè)項(xiàng)目池中選擇項(xiàng)目，而不是像某一些小機(jī)構(gòu)永遠(yuǎn)做的都是那幾個(gè)萬(wàn)年都不變的項(xiàng)目。

學(xué)歷要求。蝸牛學(xué)苑一直以來(lái)對(duì)于學(xué)員是有學(xué)歷要求，必須要大專及以上的學(xué)歷才可以參加培訓(xùn)。不是我們看不起學(xué)歷低的學(xué)生，只是你們來(lái)學(xué)習(xí)成功的幾率真的太低，試錯(cuò)成本太高，這也是為你們負(fù)責(zé)。

一周試聽(tīng)不滿意或未通過(guò)考核退費(fèi)。試聽(tīng)一周，通過(guò)真實(shí)的教學(xué)感受，如果不滿意蝸牛學(xué)苑的任何服務(wù)可以無(wú)條件退費(fèi)，我們蝸牛學(xué)苑會(huì)**就業(yè)也同時(shí)會(huì)篩選學(xué)員，如果覺(jué)得你不適合學(xué)習(xí)，未通過(guò)考核也會(huì)勸退。這一周內(nèi)退學(xué)不會(huì)收取你任何費(fèi)用。

中途退學(xué)費(fèi)用結(jié)算。合同上白字黑字寫得很清楚如果因?yàn)閭€(gè)人原因退學(xué)或者被勸退，按照實(shí)際上課課時(shí)核算費(fèi)用，且不會(huì)核算重復(fù)上課內(nèi)容的天數(shù)（比如你某一階段學(xué)習(xí)了兩次，重復(fù)的天數(shù)只會(huì)給你核算一次）于五個(gè)工作日內(nèi)退還剩余費(fèi)用。不存在某一些機(jī)構(gòu)入學(xué)就不退、超過(guò)多少時(shí)間不退、退費(fèi)難的問(wèn)題。

降級(jí)、勸退機(jī)制。分階段教學(xué)，當(dāng)階段綜合測(cè)評(píng)未通過(guò)，或者學(xué)員自身學(xué)習(xí)困難可以免費(fèi)降級(jí)再學(xué)一次。并且針對(duì)多次降級(jí)還學(xué)不會(huì)的學(xué)員，我們抱著減少學(xué)員的時(shí)間，節(jié)約經(jīng)濟(jì)成本的目的會(huì)對(duì)其勸退，費(fèi)用按照上一條核算。

**工作性質(zhì)。**最終的就業(yè)職位為你學(xué)習(xí)的學(xué)科，不會(huì)做其它無(wú)關(guān)職位推薦，簡(jiǎn)單說(shuō)就是對(duì)口專業(yè)就業(yè)。不然學(xué)完了安排去送外賣也叫就業(yè)了，是吧？

**最 低底薪，達(dá)不到補(bǔ)償三倍差價(jià)。**你工作后的最 低底薪，如果沒(méi)有達(dá)到**的薪資水平會(huì)給予三倍的差價(jià)補(bǔ)償。

66個(gè)工作日未就業(yè)全額退費(fèi)。就是字面意思，66個(gè)工作日未成功就業(yè)退還全額學(xué)費(fèi)，真出現(xiàn)這種情況，絕不推諉。其實(shí)以前這一條規(guī)定的是三個(gè)月，我們覺(jué)得寫得太籠統(tǒng)了，現(xiàn)在精確到天數(shù)。

**通過(guò)試用期。如果因?yàn)榧夹g(shù)問(wèn)題被辭退，蝸牛學(xué)苑會(huì)對(duì)你負(fù)責(zé)，一直到你過(guò)試用期之后才算就業(yè)成功。**你在蝸牛學(xué)苑學(xué)到的知識(shí)是能解決企業(yè)實(shí)際問(wèn)題的，而不是靠忽悠面試官。

【教學(xué)環(huán)境】

【機(jī)構(gòu)介紹】

成都蝸牛創(chuàng)想職業(yè)技能培訓(xùn)學(xué)校有限公司是一家以信息技術(shù)服務(wù)為主導(dǎo)，立足高新技術(shù)前沿，專業(yè)致力于計(jì)算機(jī)軟件開(kāi)發(fā)、測(cè)試及應(yīng)用的高科技企業(yè)。公司由國(guó)內(nèi)資深一線IT技術(shù)專家共同打造，匯聚了國(guó)內(nèi)IT及互聯(lián)網(wǎng)行業(yè)頂 尖高手，集合了IT目前流行領(lǐng)域的所有成熟技術(shù)和思想，致力于為國(guó)內(nèi)IT及互聯(lián)網(wǎng)企業(yè)提供最 新的技術(shù)和研發(fā)解決方案，最 符合企業(yè)人才需求的專門人才，最 具技術(shù)含量和實(shí)戰(zhàn)經(jīng)驗(yàn)的內(nèi)訓(xùn)課程，幫助各個(gè)企業(yè)及員工快速突破技術(shù)瓶頸，成就團(tuán)隊(duì)價(jià)值。

公司總部成都，目前已在重慶、西安、上海、武漢等地設(shè)立有分公司，未來(lái)將形成覆蓋全國(guó)的布局模式。本著“不滿足于客戶認(rèn)可，更要幫助客戶成功”的服務(wù)理念，踏踏實(shí)實(shí)做事，認(rèn)認(rèn)真真服務(wù)。我們不追求高額利潤(rùn)，不追求短期收益，只關(guān)注與企業(yè)的長(zhǎng)期合作，實(shí)現(xiàn)與客戶的雙贏。
我們倡導(dǎo)企業(yè)與員工共成長(zhǎng)的企業(yè)文化，重視人文關(guān)懷，鼓勵(lì)創(chuàng)新，致力于為員工營(yíng)造充分展示自我才智、發(fā)揮潛能的舞臺(tái)。蝸牛創(chuàng)想，期待與有活力、有激情、有創(chuàng)新意識(shí)的您共成長(zhǎng)！
蝸牛學(xué)苑是成都蝸牛創(chuàng)想職業(yè)技能培訓(xùn)學(xué)校有限公司旗下獨(dú)立運(yùn)營(yíng)的教育品牌，承擔(dān)著公司的人才培養(yǎng)任務(wù)和合作企業(yè)的人才推送任務(wù)。為企業(yè)的長(zhǎng)足發(fā)展提供可持續(xù)的人才配給！