【適合人群】

·大專及以上學歷，零基礎均可學習

·剛步入社會，缺乏實戰經驗，找不到合適工作的應屆畢業生

·想要轉行挑戰高薪的群體

·厭倦傳統行業，想快速轉行互聯網，但又不懂技術的小白

【為什么選擇Web前端？】

市場需求大：目前HTML5工程師日均崗位缺口50000，隨著互聯網+深入發展作為唯 一前端展示技術預計HTML5人才缺口將成倍增長。

應用域廣：移動Web端，小程序，管理系統，小游戲，響應式，大數據可視化，微信接入均可通過前端技術實現。

行業薪資高：HTML5開發工程師均薪高晉升速度快

【課程亮點】

·基于PBET來進行教學，以培養學員分析問題和解決問題的能力。

·實戰項目豐富，涵蓋主流行業的商業項目，家具、電影、電商等等。

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

·引入目前企業最中最 流行的框架來教學。

·深入企業內部，剖析企業招聘、面試等等流程

·每周六天課程，**充足的學習時間和連續性。

·補充多套最 新最熱門的高級課程，幫助學員突破高薪瓶頸

·訓練牢固的基本功，助力持久的競爭力，幫助學員邁向成功

【課程大綱】

第 一周：HTML和CSS入門

知識要點：PhotoShop摳圖、切片技巧、pxcook標注、Web前端開發環境、HTML常用標簽、表單元素、CSS基礎樣式使用、字體圖標設計

課程目標：熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，基于PSD原稿完成頁面像素級還原布局和設計。

第二周：H5和CSS3新特性

知識要點：選擇器、選擇器權重計算樣式繼承、IFC、BFC、常見布局技巧、CSS新增特性

課程目標：熟練掌握網頁布局技巧，熟悉CSS3新特性完成頁面設計和優化

第三周：CSS3動畫SASS和BootStrap

知識要點：彈性布局、transtion過渡、tranform動畫、Animation動畫使用技巧，2D動畫和3D動畫設計，預編譯CSS技術：Sass基礎知識、響應式布局原理、BootStrap源碼分析以及插件的運用

課程目標：理解動畫的原理，掌握動畫的基礎設計并完成網頁動態效果設計，熟練掌握網頁布局，能夠熟練使用Less、Sass完成項目開發，深入了解BootStrap設計

第四周：項目實戰及優化《生鮮平臺》《家具網站》

知識要點：使用HTML、CSS、LESS、SASS等技術完成蝸牛家具網項目實戰

課程目標：通過項目掌握第 一階段HTML、CSS的內容、完成PC端頁面設計和后臺管理系統頁面設計

第五周：JavaScript編程基礎

知識要點：JavaScript發展及組成、變量、數據類型、控制結構、數組和函數

課程目標：了解JavaScript的發展，熟練掌握JavaScript的基礎知識

第六周：WebAPI核心編程

知識要點：BOM操作和DOM操作學習，熟練使用jQuery框架開發，代碼優化。

課程目標：熟練使用BOM的各種對象、熟練操作DOM的對象

第七周：jQuery+H5實戰

知識要點：jQuery實戰、H5相關api、以及canvas繪圖技術使用、隨機數據模擬

課程目標：熟練使用所學知識來完成蝸牛電影城項目開發和蝸牛小麥網項目開發

第八周：項目實戰及優化《蝸牛影城票務系統》《蝸牛小麥網》

知識要點：使用HTML、CSS、LESS、SASS、JavaScript、jQuery、Ajax等技術完成項目實戰

課程目標：熟練使用所學知識來完成蝸牛電影城項目開發和蝸牛小麥網項目開發

第九周：JavaScript高級特性

知識要點：JavaScript高級特性：閉包、作用域鏈、遞歸、IIFE、立即函數等，ES6新增特性：解構賦值、擴展運算符，箭頭函數等

課程目標：掌握高級特性概念以及運用，熟練使用ES6的新增特性

第十周：Nodejs+MongoDB編程實戰

知識要點：面向對象的基礎概念、nodejs的使用以及express框架的基礎運用，MongoDB的使用以及mongoose的api學習

課程目標：掌握面向對象編程基本思想，nodejs+express搭建后臺，熟練使用mongodb搭建數據庫以及用mongoose實現后臺于數據庫交互

第十一周：前后端分離實戰

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

課程目標：掌握webpack對項目進行打包，熟練使用異步編程進行數據交互并部署到gitee上

第十二周：項目實戰和優化《信用卡金融平臺》《保險保單平臺》

知識要點：需求分析，數據庫設計，后臺開發，使用vue、node完成pc和移動端整站開發

課程目標：基于Node.js+Vue.js+Webpack+MongoDB+Git，實現整站項目完整功能并上線發布

第十三周：Vue.js全家桶

知識要點：VueCLI的使用、Vue基本語法、組件、生命周期、MVVM、VueRouter、Vuex、axios的封裝、Vue的打包配置

課程目標：對Vue.js框架的基本使用有清晰的理解，對MVVM模式有深刻理解，熟練運用Vue.js全家桶完成Web前端開發和組件開發

第十四周：ElementUI+VUE3.0+數據可視化

知識要點：elementui框架、Echarts、d3.js、vite工具的使用、Vue3.0

課程目標：使用Echarts對數據實現動態的可視化渲染，了解d3.js的基本語法

通過vite搭建vue3.0項目，并使用vue3.0完成基本的前端開發

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

知識要點：微信小程序：基本介紹、開發工具、wxml和wxss、全局配置和頁面配置、自定義組件、本地存儲、網絡請求、導航、云開發、小程序發布

課程目標：uni-app：開發工具、基本使用、vuex、地圖功能

第十六周：畢業項目《k15在線視頻教育》《菜譜大全小程序》

知識要點：WoniuCarRental，整個項目前后端分離開發；整個項目分為四部分：PC端網頁、移動端APP、小程序、后臺管理。團隊協作開發，使用git進行版本控制；

課程目標：團隊協作完成畢業項目

第十七周：React實戰

知識要點：組件、props、state、事件、表單、生命周期、hooks、ReactRouter

課程目標：熟練使用react全家桶完成項目開發

第十八周：Redux和React-Native

知識要點：Redux、saga、thunk中間件、ReactNative：環境搭建、組件、樣式、表單、事件、網絡請求、列表刷新、導航、底部tab導航欄、打包APK

課程目標：熟練使用react-native開發移動端app

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

知識要點：TypeScript核心編程、語法檢測、面向對象語法、dva.js、umi.js介紹

課程目標：基于TypeScript+dvajs+umijs完成項目實戰開發

第二十周：畢業項目《汽車生活服務》《在線金融平臺》

知識要點：整個項目前后端分離開發；整個項目分為四部分：PC端網頁、移動端APP、小程序、后臺管理團隊協作開發，使用git進行版本控制；

課程目標：團隊協作完成畢業項目

第二十一周：提升課程和就業輔導

flutter實戰：基于flutter框架來搭建app開發環境，講解flutter開發模式

SSR：理解SSR運行原理及為什么需要使用SSR|掌握SSR環境搭建|掌握使用緩存和stream對SSR進行優化|掌握Nuxt.js/Next.js的應用

框架源碼分析：TypeScript在Vue中源碼分析，Vue虛擬dom實現原理、MVVM實現流程、數據劫持

性能優化：網頁性能優化方案，腳本性能優化方案，框架性能優化方案，瀏覽器底層內核、內存分配管理、垃圾回收。

簡歷指導：知識體系梳理、簡歷項目指導、簡歷人事指導

模擬面試：針對每個學生進行模擬面試，針對每個學生基礎進行查漏補缺

【上課時間】

每周一到周六，早上9點到晚上8點半（教室24小時對學員開放，但不要學得太晚哦）

【資深講師】

徐朝波

蝸牛學苑資深講師

蝸牛學苑前端學科總監，全棧工程師，四川大學本科。從事IT行業8年有余，積累了豐富的軟件開發、項目管理經驗。精通Java、前端以及Python技術，H5開發經驗豐富。原華為無線部門高級研發工程師，并擔任項目SE角色。擅長系統架構、應用架構以及Web前端技術。曾參與大型互聯網項目開發數次，對前后端開發有深入的見解，對高并、高可用、分布式架構設計有著豐富的經驗。從事教學工作多年，擅長引導學生去思考，喜歡圖形化的教學方式。教學方法獨特，為人平和，廣獲學員喜愛。

翟吉喆

蝸牛學苑高級講師

16年軟件企業開發和培訓經驗，資深Web前端高級軟件工程師，有著豐富的外貿行業經驗和大型項目開發經驗，曾參與江蘇對外出口網、外貿供應鏈管理系統，陜實發公務車調度平臺、咨詢分量跟蹤系統，安路信鐵路測距儀等多個大型項目的開發。多年軟件培訓經驗，授課思路清晰，邏輯嚴密，善于激發學生學習興趣，深受學員喜歡。

張濤

蝸牛學苑高級講師

超過17年IT從業經驗，8年軟件教學經驗。曾參與研發和實施甘肅省中職信息管理平臺，政務系統，Ourslook公司的《快遞幫》等，有豐富的開發和實施經驗，歷任高級開發工程師，研發組長，項目經理等職。對系統集成，技術運維，Java開發，Web前端、分布式等主流開發技術有廣泛涉獵，擅長企業級系統研發，系統架構設計，擁有豐富的項目經驗和教學經驗，教學風格嚴謹，條理清晰，邏輯嚴密，深受學生喜愛。

【為什么選擇蝸牛學苑】

全程面授。為了**大家更好的學習效果，蝸牛學苑所有校區的就業培訓課程保持全程面授模式。

學生反饋和意見及時處理。每個月一次的匿名在線調查表，大家可以敞開的表達，客觀存在的問題，蝸牛學苑及相關責任人需要第 一時間給出解決。

課程體系及時更新。蝸牛學苑的課程盡可能的跟緊目前企業所需，設立專門的課程研發中心，課程保持半年一小更新，一年一次大更新的節奏，目前蝸牛學苑的課程已經更新到了7.0版本，在今年的7月1日開始在全國所有校區開始實施。

真實商業項目池。公司設有專門的研發部門，有單獨的網絡安全業務線，同時兄弟公司雷人科技（蝸牛創想科技有限公司參股，專做軟件研發業務）也會一直提供技術支持，**蝸牛學苑有真實開發項目案例。在項目實戰中是學員從真實的商業項目池中選擇項目，而不是像某一些小機構永遠做的都是那幾個萬年都不變的項目。

學歷要求。蝸牛學苑一直以來對于學員是有學歷要求，必須要大專及以上的學歷才可以參加培訓。不是我們看不起學歷低的學生，只是你們來學習成功的幾率真的太低，試錯成本太高，這也是為你們負責。

一周試聽不滿意或未通過考核退費。試聽一周，通過真實的教學感受，如果不滿意蝸牛學苑的任何服務可以無條件退費，我們蝸牛學苑會**就業也同時會篩選學員，如果覺得你不適合學習，未通過考核也會勸退。這一周內退學不會收取你任何費用。

中途退學費用結算。合同上白字黑字寫得很清楚如果因為個人原因退學或者被勸退，按照實際上課課時核算費用，且不會核算重復上課內容的天數（比如你某一階段學習了兩次，重復的天數只會給你核算一次）于五個工作日內退還剩余費用。不存在某一些機構入學就不退、超過多少時間不退、退費難的問題。

降級、勸退機制。分階段教學，當階段綜合測評未通過，或者學員自身學習困難可以免費降級再學一次。并且針對多次降級還學不會的學員，我們抱著減少學員的時間，節約經濟成本的目的會對其勸退，費用按照上一條核算。

**工作性質。**最終的就業職位為你學習的學科，不會做其它無關職位推薦，簡單說就是對口專業就業。不然學完了安排去送外賣也叫就業了，是吧？

**最 低底薪，達不到補償三倍差價。**你工作后的最 低底薪，如果沒有達到**的薪資水平會給予三倍的差價補償。

66個工作日未就業全額退費。就是字面意思，66個工作日未成功就業退還全額學費，真出現這種情況，絕不推諉。其實以前這一條規定的是三個月，我們覺得寫得太籠統了，現在精確到天數。

**通過試用期。如果因為技術問題被辭退，蝸牛學苑會對你負責，一直到你過試用期之后才算就業成功。**你在蝸牛學苑學到的知識是能解決企業實際問題的，而不是靠忽悠面試官。

【教學環境】

【機構介紹】

成都蝸牛創想職業技能培訓學校有限公司是一家以信息技術服務為主導，立足高新技術前沿，專業致力于計算機軟件開發、測試及應用的高科技企業。公司由國內資深一線IT技術專家共同打造，匯聚了國內IT及互聯網行業頂 尖高手，集合了IT目前流行領域的所有成熟技術和思想，致力于為國內IT及互聯網企業提供最 新的技術和研發解決方案，最 符合企業人才需求的專門人才，最 具技術含量和實戰經驗的內訓課程，幫助各個企業及員工快速突破技術瓶頸，成就團隊價值。

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