Web前端課程體系
【所屬機(jī)構(gòu)：豆職IT訓(xùn)練營】
課程介紹
| 課程 | 課程名稱 | 教學(xué)科目 | 詳細(xì)內(nèi)容 |
| Web前端工程師 | Photoshop基礎(chǔ) | Photoshop基礎(chǔ)；像素單位；圖層概念；選區(qū)工具；切片工具；快捷鍵(快速操作) | 了解PS菜單及工具的使用；網(wǎng)站的成型；常用概念；圖片格式；切圖工具的使用技巧； |
探素HTML 5和HTML考試 | HTML簡介；HTML元素；HTML標(biāo)簽；HTML屬性；HTML文本格式化；HTML實(shí)體；HTML鏈接。相對路徑；HTML圖像；HTML列表；HTML表格；HTML背景；HTML表單；HTML布局； | HTML表單：1)單行文本輸入框；2)表單提交按鈕；3)表單重置按鈕；4)復(fù)選框；5)單選框；6)下拉框；7)多行文本輸入框；8)密碼輸入框。 簡單的企業(yè)網(wǎng)站首頁可以用表；格布局(涉及一些字體圖像，背景，顏色等的使用)；框架頁的編寫；在網(wǎng)頁中使用新表單控件；使用HTML5新標(biāo)簽對網(wǎng)頁進(jìn)行布局 | |
探索CSS3 | CSS-介紹；CSS-選擇器；CSS語法ID選擇器、類選擇器、派生選擇器；CSS字體屬性；CSS常用文本屬性；CSS背景屬性；CSS邊框?qū)傩裕籆SS邊距屬性；CSS間隙屬性；CSS盒子模式；CSS列表樣式屬性；CSS偽類；CSS3 - transform變換屬性；CSS3 - transition過渡動(dòng)畫；CSS3 - animation自定義動(dòng)畫；CSS3- animate.css使用；CSS3-常用單位一覽；CSS -布局； | CSS基礎(chǔ)語法規(guī)則的使用；使用CSS選擇器控制頁面每一個(gè)元素的樣式；元素的變形屬性(元素放大縮小，旋轉(zhuǎn)，拉伸等)；元素的樣式過渡(顏色的漸變等)；自定義動(dòng)畫(css3彈球效果)；2D/3D轉(zhuǎn)換(查看大圖的顯示效果)；動(dòng)畫庫Animate CsS的使用；CSS Hack(各大瀏覽器的兼容調(diào)試)；CSS優(yōu)化(優(yōu)化代碼結(jié)構(gòu)) | |
PC實(shí)戰(zhàn)篇 | 1.使用html5以及css3完成響應(yīng)式網(wǎng)站的制作；2兼容各種分辨率的響應(yīng)式網(wǎng)站；CCS3-制作伊森手表網(wǎng)站； | 用html5和CSS3知識(shí)，完成；實(shí)戰(zhàn)響應(yīng)式項(xiàng)目:伊森手表、金領(lǐng)企業(yè)網(wǎng)站 | |
移動(dòng)端實(shí)戰(zhàn)篇 | CSS3 -移動(dòng)端現(xiàn)狀介紹及未來發(fā)展；CSS3-視口介紹；CSS3-移動(dòng)端適配；CSS3 -制作購物app； | 了解視口的設(shè)計(jì)原理；完成實(shí)戰(zhàn)項(xiàng)目：團(tuán)購app、社交網(wǎng)站 | |
Bootstrap | Bootstrap-基本介紹；Bootstrap -基本實(shí)例；Bootstrap -柵格系統(tǒng)；Bootstrap -排版；Bootstrap-表格；Bootstrap-表單；Bootstrap -按鈕；Bootstrap -圖片；Bootstrap -響應(yīng)式工具；Bootstrap -組件；Bootstrap - Javascript插件；Bootstrap -項(xiàng)目實(shí)戰(zhàn)； | 理解Bootstrap 的原理；熟練掌握Bootstrap 的核心API；能夠?qū)崿F(xiàn)響應(yīng)式布局以及功能交互；完成實(shí)戰(zhàn)項(xiàng)目:layabox游戲引擎主題網(wǎng)站 | |
CSS預(yù)處理器；SASS+CSS考試 | sass的介紹與安裝；sass的編譯；sass的語法；sass的項(xiàng)目使用； | SASS的實(shí)現(xiàn)原理；SASS的編譯和基本使用；SASS如何應(yīng)用到項(xiàng)目； | |
SVN&FTP | SVN版本控制器軟件；FTP文件傳輸軟件； | FTP的簡單操作；SVN的具體操作方法；實(shí)操:上傳項(xiàng)目到服務(wù)器； | |
| 高級Web前端工程師 | Javasoript入門應(yīng)用 | JavaScript語言介紹；JavaScript變量；JavaSoript流程控制； JavaScript函數(shù)；內(nèi)置對象、屬性、方法、事件、瀏覽器對象、文檔對象；DOM基礎(chǔ)應(yīng)用；正則表達(dá)式；JSON | 目的要求:如何引用js;掌握js的語法；練習(xí):階乘計(jì)算: 99乘法表：1) 文件域的動(dòng)態(tài)生成與刪除；2)表格的動(dòng)態(tài)生成與刪除3) JSON對象， 函數(shù)的自定義與傳值；演示常見的錯(cuò)誤。培訓(xùn)學(xué)員使用；FireFox調(diào)試網(wǎng)頁，解決網(wǎng)頁錯(cuò) |
javascript應(yīng)用+考試 | 介紹各種js類庫Zeptojqury,syul.-JQUERY UI；掌握jQuery的使用及其插件的封裝在jQuery中編寫播件、播件擴(kuò)展、插件應(yīng)用；touchJS、jQluery pagination分頁；jQuery.artDialog彈出層；jQuery custom-sorollbar滾動(dòng)條；JQUERY U /jquery mobile使用；AJAX同源策略和跨域JSON XML；熟悉JavaSaript的設(shè)計(jì)模式:構(gòu)造函數(shù)；單例、工廠、代理、觀察者等設(shè)計(jì)模式ES6初步和Babel；掌握模塊化開發(fā)AMD. CMD的設(shè)計(jì)規(guī)范；理解模塊式開發(fā)，以及requirejs / soajsI CommonJS插件的使用面向組件編程的方式；面向組件編程的實(shí)現(xiàn)原理；面向組件編程實(shí)戰(zhàn)；RequireJS框架介紹；LoadUS框架介紹；SeauS框架講解及實(shí)操 | 制作網(wǎng)站的動(dòng)態(tài)特效；在HTML文件中添加jQuery的應(yīng)用；使用JQuery中的核心方法；常用選擇器的使用；常用的JQuery方法；jQuery中的幾種實(shí)現(xiàn)方法；使用JQuery實(shí)現(xiàn)一些常見的頁面實(shí)例，進(jìn)面鞏固JQuery的學(xué)習(xí)jquery插件使用；了解jQueryU的使用原理；異步獲取數(shù)據(jù)；使用JQuery實(shí)現(xiàn)一些常見的頁面實(shí)例，進(jìn)面鞏因JQuery的學(xué)習(xí) | |
游戲制作 | Canvas -簡介和應(yīng)用領(lǐng)域介紹；Canwas -基礎(chǔ)繪圖接口使用；Canwas -繪圖接口使用；Canvas-項(xiàng)目實(shí)戰(zhàn)(貪吃蛇)；Lufylegend引擎 | 通過系統(tǒng)學(xué)習(xí)Canvas基本到接口；熟悉使用Canvas給制動(dòng)畫；了解Lufyegend游戲引擎的原理，使用方法 | |
| 后端開發(fā)工程師 | 環(huán)境指建 | 網(wǎng)絡(luò)編程思想介紹、BS/CS架構(gòu)介紹、靜動(dòng)態(tài)網(wǎng)頁介紹、開發(fā)語言介紹等； Windows FApache+PHP+Mysq集成環(huán)境的搭建(WAMP. PHPstudylhtpconf介紹php.ni介紹；城名；虛擬主機(jī)；HTTP協(xié)議 | 搭建并配置環(huán)境，編寫phpin-fo.php頁面 |
php基礎(chǔ)部分 | PHP語言介紹；變量；數(shù)據(jù)類型；操作符；流程控制；函數(shù)；數(shù)組；字符串；表單； | PHP語法每個(gè)知識(shí)點(diǎn)的使用；每個(gè)知識(shí)點(diǎn)都有具體案例 | |
mysql基礎(chǔ)部分 | 數(shù)據(jù)庫概念；數(shù)據(jù)庫實(shí)體；數(shù)據(jù)庫關(guān)系；MYSQL介紹；使用phpmyadmin管理MySQL；MySQL數(shù)據(jù)庫類型介紹；Mysql數(shù)據(jù)庫建立；MySQL表的建立；MySQL字段類型介紹；索引及主鍵介紹；SQL語句介紹(增、刪、改查、連表查詢)；PHP與數(shù)據(jù)庫的操作介紹 | ||
php接口部分 | XML介紹及應(yīng)用；PP解析XML；JSON應(yīng)用；PHP解析JSON；實(shí)例演示； | XML介紹及應(yīng)用；PHP解析XML；JSON應(yīng)用；PHP解析JSON；實(shí)例演示 | |
本地存儲(chǔ)方案 | WebStorage API；localstorage. sessionstorage；Cookie本地存儲(chǔ)；離線Web應(yīng)用；websal； | 了解常用的移動(dòng)端緩存原理并熟悉其使用 | |
項(xiàng)目實(shí)戰(zhàn)(json數(shù)據(jù)模式) | 項(xiàng)目開發(fā)演示 | 主項(xiàng)目實(shí)戰(zhàn): H5博客系統(tǒng) | |
| 前端開發(fā)構(gòu)架師 | Web工作流框架 | WEB工作流-介紹；gulp-介紹；gulp-搭建環(huán)境(Nodejs的安 裝和ONPM的使用)；gulp-全局安裝；gup - package.json文件配置；gulp - gupiejs文件配置；gulp播件安裝；Webpack -介紹；Webpack -全局安裝和局部安裝；Webpack-查看版本和安裝指定版本；Webpack -實(shí)現(xiàn)單個(gè)或多個(gè)JS文件編譯架；Webpack-設(shè)置源文件目錄Webpack-省略文件后綴；Webpack -編譯CSS和引用CSS；Webpack -編譯SASS和引用SCS；Webpack -執(zhí)行命令；Bower -介紹；Bower -全局安裝；Bower -初始化(bower json文件配置)；Bower-安裝較新包和指定版本包；Bower-自定義安裝目錄；Bower-更新、查找和卸載包；Grunt-基本使用； | 知悉業(yè)界內(nèi)技術(shù)前沿的WEB；工作流開發(fā)方式；掌握Nodejs的安裝和Npm的基本使用；理解Gulp的基本原理，從實(shí)戰(zhàn)中收獲項(xiàng)目經(jīng)驗(yàn)：1)掌握如何安裝Gup工具； 2)掌握如何配置Gup,個(gè)性化配置適合自己的開發(fā)模式掌提如何利用Gup插件，享受高效開發(fā)體驗(yàn)；理解Webpack的基本原理和開發(fā)效能：1)掌握各種Webpak安裝方式；2)掌握各位編譯(Js/CSS/SASS)；3)掌理Webpack的命令行操作；理解Bower的基本原理，清晰高效利用播件的開發(fā)方式：1)掌握Bower的各種安裝方式；2)掌握Bower的常用操作；理解Grunt的基本原理和使用；掌握前端開發(fā)工具(Gulpwebpack. Grunt. Bower) ，快速有效完成項(xiàng)目。實(shí)現(xiàn)常見的HTML、CSS. JS文件壓縮優(yōu)化、打包等操作，落實(shí)到利用WEB工作流工具構(gòu)建高質(zhì)量、高性能，高規(guī)范化的前端項(xiàng)目。 |
AngularJs前端架構(gòu)框架 | Anguarjs-基本介紹；Angularjs-基本實(shí)例；Anguarjs -控制器；Angularjs-模板；Angular.js -過濾器；Angularjs -依賴注入；Anguarjs - MVC；Angularjs-服務(wù)；Anguarjs-與服務(wù)端的交互；Angularjs -指令；Angular.js -路由；Anguarjs-項(xiàng)目實(shí)戰(zhàn) | 理解AngularJS的框架原理；掌握MVC編程模式，能夠熟練使；用AngularJS實(shí)現(xiàn)頁面的重構(gòu)；Angularjs電影網(wǎng)項(xiàng)目；TK科技項(xiàng)目 | |
Node開發(fā)工程師 | Nodeus | NodeJS-基本介紹；Nodeus一回調(diào)函數(shù)；NodeuS-事件循環(huán)；NodeuS-路由；Nodeus一MySQL操作；NodeuS一函數(shù)；Nodeus一GET/POST請求；NodeJS-文件系統(tǒng) | 通過練習(xí)基礎(chǔ)演示掌握構(gòu)建；NodeUS應(yīng)用；理解NodeuS是什么?掌握回調(diào)函數(shù)如何運(yùn)用在Nodeus開發(fā)過程中。理解NodeuS的異步調(diào)用機(jī)制；基于NodeuJS處理請求/響應(yīng)頁面；對外提供WEB服務(wù)；熟悉基于NodoJS的數(shù)據(jù)庫操作；基于Node S路由構(gòu)建多頁面響應(yīng)內(nèi)容；掌握Node.S對系統(tǒng)文件的操作；掌握NodeuS模塊化開發(fā)的理念并用于實(shí)際開發(fā) |
移動(dòng)端開發(fā)工程師 | VueJS前端開發(fā)框架 | Vueus一介紹；VueuS-實(shí)例；Vueus一模板語法；VUeuS Class與Style綁定；VueuS-條件澶染；Vuous一列表渲染；Vueus -表單控件綁定；VueuS -組件 | 了解VueJS的基本原理；了解VuoUS的基礎(chǔ)應(yīng)用；基于VueUS快速開發(fā)WEBAPP |
微信小程序 | 小程序開發(fā)工具介紹與項(xiàng)目創(chuàng)建；小程序文件結(jié)構(gòu)；常用組件(view, image, text, navigator,swiper等)；界面:設(shè)置導(dǎo)航條，導(dǎo)航，動(dòng)畫、繪圖等等；開放接口:登錄，包括簽名加密。用戶信息、微信支付、模板消息 | 了解微信小程序開發(fā)原理；利用前端框架開發(fā)小程序；開發(fā)前后臺(tái)微信小程序的應(yīng)用 | |
混合式APP開發(fā) | 混合式APP介紹；模擬器(夜神、海馬)；MU框架項(xiàng)目實(shí)戰(zhàn)(3YY、 紅旅動(dòng)漫) | 混合式APP介紹；模擬器(夜神，海馬)；MU框架項(xiàng)目實(shí)戰(zhàn) | |
培訓(xùn)優(yōu)勢
- 01品牌實(shí)力
擁有十多個(gè)產(chǎn)品著作權(quán)，多個(gè)商標(biāo)，使用自己出版的專用專業(yè)教材。
- 02課程體系
內(nèi)容符合互聯(lián)網(wǎng)招聘市場對于設(shè)計(jì)師的招聘需求，根據(jù)市場需求更新課程內(nèi)容。
- 03專職講師
實(shí)訓(xùn)講師具備豐厚的互聯(lián)網(wǎng)設(shè)計(jì)經(jīng)驗(yàn)、完整的設(shè)計(jì)意識(shí)以及豐富的項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)。
- 04教學(xué)平臺(tái)
為了方便到線下實(shí)訓(xùn)基地學(xué)習(xí)的學(xué)生，提供線上教學(xué)平臺(tái)，有專業(yè)講師進(jìn)行疑問解答。
- 05實(shí)訓(xùn)教學(xué)
大小項(xiàng)目貫穿整個(gè)教學(xué)過程，畢業(yè)設(shè)計(jì)完全按照互聯(lián)網(wǎng)企業(yè)產(chǎn)品設(shè)計(jì)真實(shí)環(huán)境進(jìn)行。
- 06就業(yè)服務(wù)
豆職提供長期就業(yè)服務(wù)，無論新老學(xué)員均有就業(yè)機(jī)會(huì)；畢業(yè)后請教問題，有老師解答。
就業(yè)保障
實(shí)戰(zhàn)教學(xué) 相當(dāng)于向你導(dǎo)入至少兩年的工作經(jīng)驗(yàn)，就業(yè)后從容應(yīng)對工作。
模擬面試 豐富的面試經(jīng)驗(yàn),成功的面試技巧，讓你在真正的面試中可以從容應(yīng)對。
就業(yè)服務(wù) 學(xué)習(xí)還能賺錢,物質(zhì)和精神雙豐收，沒有比這個(gè)更實(shí)在的了。
長期服務(wù) 豆職提供長期反復(fù)就業(yè)服務(wù)，無論新老學(xué)員均有就業(yè)機(jī)會(huì)。
熱門課程更多+
