
Web全棧工程師培訓
第一階段(美學設計與軟件技能)
設計預科
商務辦公 windows、word、excel、ppt辦公應用;辦公軟件在專業中的應用
美術設計基礎 設計素描、水粉、速寫的原理及實踐,投影、視圖、透視,燈光表現,寫生
美術設計提高 設計素描、水粉提高課程、光和影的寫實手法、審美觀念的提高、色彩搭配的提高,配色原理的提高。
手繪圖標 二維剪影圖標、三維寫實圖標案例實訓,了解創意在設計中的具體運用;理解創意思維的形態置換原理;掌握將創意思維轉化為圖形樣式的能力
階段考核 完(wan)成描素、色彩圖各一張
網頁設計軟件
Dreamweaver 講解DW的人性化功能以及在頁面架構和前端開發應用領域的使用技巧,html基礎應用,快速入門,css樣式表的應用,網站的管理和維護
Fireworks 講解FW在網頁切片、圖層、幀、gif動畫、畫布設置中的應用以及配合其他軟件進行使用
Photoshop 熟練掌握PS在圖像編輯、圖像合成、校色調色及特效制作四大部分的技巧以及配合其他軟件的應用
Illustrator 廣泛應用于出版、多媒體和UI圖標界面設計的工業標準矢量插畫的軟件,印刷和Web網絡創作的專業平臺,針對Web和移動的改進、介紹多個畫板、觸摸式創意工具等新鮮特性
第二階段(WEB界面與整站項目設計)
三大構成 平面構成與設計 點的構成形式、線的構成形式、面的構成形式,訓練各種熟練的構成技巧和表現方法,培養審美觀及美的修養和感覺,提高創作活動和造型能力-活躍構思。
色彩構成與設計 學習色彩與視覺的原理、三要素及色彩對比、色彩推移、綜合對比及色調變化、表現手法、色彩視覺心理與性格的對比;提高綜合審美能力。
立體構成與設計 立體構成的概念特征及作用、材料要素及加工工具、 視覺效果和心理感受、立體構成的設計應用、立體構成與建筑設計、立體構成與工業產品設計等方面應用
WEB網頁界面設計元素設計 網頁Banner排版與設計 Banner版面設計的規則與規范,版面的排版。色相的選擇,色調的調整。讓banner制作更速成化。
Banner廣告強化設計,主要講解banner制作標準及要求、純文字banner實例、金融業banner實例、快銷品banner實例、文字橫排/豎排/斜排的風格差異、服裝類banner實例、化妝品banner實例、數碼類banner實例、配飾類banner實例
網頁元素及規范 頁面設計基本流程與設計規范的概念性講解,重點了解Web界面設計規范及頁面元素;網頁配色技巧、色彩與構圖的概念及技巧;網頁導航與按鈕設計
WEB整站(zhan)設計(ji)實訓 網站(zhan)設計(ji)流(liu)(liu)程與策(ce)劃 網站(zhan)設計(ji)流(liu)(liu)程,網站(zhan)設計(ji)理念(nian)創新,業務合同簽定等;如何從零(ling)開始策(ce)劃一個網站(zhan),包(bao)括主題(ti)定位(wei)、欄(lan)目規劃等,如何去策(ce)劃盈利模式。如何去做行業分析(xi) 及競爭對手分析(xi),及如何制(zhi)作(zuo)網站(zhan)策(ce)劃書(shu)等。
企業類
網站項目實訓
如(ru)(ru)蘋果、騰訊企(qi)業類(lei)平臺,重點(dian)學(xue)習頁(ye)(ye)(ye)面(mian)主題(ti)設(she)(she)計(ji)(ji)(ji)(ji)如(ru)(ru)TOP部分設(she)(she)計(ji)(ji)(ji)(ji),BANNER設(she)(she)計(ji)(ji)(ji)(ji),產品(pin)頁(ye)(ye)(ye)設(she)(she)計(ji)(ji)(ji)(ji),新聞頁(ye)(ye)(ye)設(she)(she)計(ji)(ji)(ji)(ji),首頁(ye)(ye)(ye)設(she)(she)計(ji)(ji)(ji)(ji),類(lei)各設(she)(she)計(ji)(ji)(ji)(ji)技巧(qiao)如(ru)(ru)網頁(ye)(ye)(ye)的(de)(de)尺(chi)寸、頁(ye)(ye)(ye)面(mian)的(de)(de)留白、圖層與圖像的(de)(de)關系、網頁(ye)(ye)(ye)導航設(she)(she)計(ji)(ji)(ji)(ji)、字體(ti)的(de)(de)排版設(she)(she)計(ji)(ji)(ji)(ji)、廣告(gao)條(banner)制作、正文內(nei)容的(de)(de)詳(xiang)細(xi)設(she)(she)計(ji)(ji)(ji)(ji)
分類網站項目實訓
及階段考核
教師指導你完成階段設計作品,以備應(ying)聘時使(shi)用;從立(li)案(an)到素(su)材、材料收集整理,再(zai)到風格(ge)定位、欄目(mu)規劃,獨立(li)完成分類及個(ge)人網(wang)站設計,其中需容(rong)入不(bu)同(tong)的(de)分類信息、作品等;
電商平臺類
網站項目實訓
商業案例實訓如京東、小米等平臺,重點學習網站整體架構設計、欄目規劃、頁面制作及系列產品總體界面風格設計,布局技巧及細節設計技巧,各類網頁交互設計應用、響應式設計應用
第三階段(web前(qian)端布局與交互開發)
web前端
HTML5/CSS3布局與樣式
HTML標簽 HTMl5、H5標簽、智能表單、結構化標簽
隨堂項目:
1.文章頁面的結構化布局。包括文章標題、正文、圖片、頁面背景、作者、發表時間等信息 2.利用table標簽課程表的實現 3.利用form、input表單標簽實現簡單登錄注冊頁面
CSS基礎語法 常見樣式 CSS3簡介、.css3引入、常見樣式、文字與文本、顏色
隨堂項目:一般導航欄的制作
CSS選擇器 css選擇器、名字選擇器、外號選擇器、洋蔥式選擇器的用法、偽類選擇器、結構化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器
CSS盒子模型 盒子模型、如何用好盒模型
隨堂項目:導航欄的制作,利用盒子模型拉開間距、hover效果添加后的內邊距設定
浮動與定位 float、clear、塌陷的父容器、position:一動不動的(static),跟著別人跑的(absolute),以自己為中心的(relative),固定的(fixed)
隨堂項目:導航欄左右布局的定位、二級菜單的實現、回到頂部的按鈕
響應式布局與頁面優化處理 移動頁面與PC端頁面布局時候需要注意點、響應式布局的實現原理、各種瀏覽器對于CSS樣式的支持情況、頁面優化需要注意的地方、解決跨瀏覽器兼容性問題
隨堂項目:移動端的用戶注冊頁面、PC端的用戶注冊頁面。
頁面切圖實戰項目 企業站實訓:
1.首頁導航、二級菜單
2.banner輪播圖
3.產品展示
4.成功案例
5.新聞中心
6.聯系方式
7.友情鏈接
8.版權申明
9.總結
商城實訓:
1.首頁(頭部導航、分類搜索、秒殺產品、猜你喜歡、推薦商品)
2.用戶中心(訂單、個人信息、收貨地址、賬單)
3.商品詳情頁(展示圖、描述信息、促銷價格、細節展示、產品詳情)
4.登錄&注冊頁面
web前端
JavaScript交互 核心語法 javascript語法、介紹html5認識JavaScript、javascript中的對象、數組、變量、.流程控制(if…else switch…case while for)
隨堂項目:九九乘法表、閏年計算、誰是高富帥(if…else.. Switch…case)
BOM與DOM操作 DOM操作:讓一成不變的網頁動起來;BOM操作:瀏覽器也有話要說
隨堂項目:網頁時鐘的制作、回到頂部
事件編程 JS的事件機制:讓網頁回應你的問候;常見的JS事件:單擊、雙擊、移動、懸停、焦點的獲取與失去、瀏覽器的關閉與加載
隨堂項目:
1.選不中的按鈕的實現 2.做一個計算器怎樣?
正則表達式 正則表達式的語法基礎、利用正則表達式做字符匹配、面向對象編程:脫離過程走向對象
隨堂項目:郵箱格式的驗證、編寫一個獲取常見輸入數據的格式驗證類。
面向對象編程 面向對象編程簡介、對象的創建、繼承的實現、原型與原型鏈。
隨堂項目:仿windows屏保氣泡
JQuery JQuery基礎語法、JQuery選擇器、JQuery的BOM與DOM操作、事件編程、常見動畫與自定義動畫編程
隨堂項目:打地鼠游戲、抽獎輪盤制作
JQuery 項目實戰 圖片輪播、利用jQuery制作拼圖、貪吃蛇等項目實訓
Bootstrap bootstrap介紹、bootstrap的柵格系統、CSS樣式、組件、bootstrap的javascript插件
隨堂項目:利用bootstrap構建移動商城首頁、用戶注冊、登錄等頁面
ECMAScript6
1.webpack介紹
2.webpackg管用配置
3.模塊處理module
6.3種加載器loaders的使用 4.編譯器babel
5.插件plugins 6.熱更新次操作
7.打項目終包
隨堂練習:新前端開發環境搭建
Ajax技術 Ajax技術介紹、json格式與XML格式詳解、Ajax的post與get兩種提交方式詳解、服務器端的數據反饋機制說明、如何利用jQuery實現Ajax提交
隨堂項目:用戶注冊、登錄的Ajax無刷新實現、淘寶收貨地址中省市級聯的實現
第四階段(WEB前端-移動端進階開發)
WEB前端移動端開發 HTML5 高級功能 canvas標簽的使用、多媒體在網頁中的使用、HTML5中的智能表單、HTML5中API的詳解(定位、數據庫存儲)
隨堂項目:利用智能表單實現注冊頁面、利用canvas繪制小星星、利用HTML5中新功能實現一個近超市搜索頁面。
CSS3 動畫詳解 CSS3的動畫功能、CSS3新增選擇器、彈性盒模型、服務器字體
隨堂項目:利用CSS3動畫繪制一個三維立體動態的導航欄。
webAPP開發
1.移動端頁面的設計要求
2.HTML5動畫的常見使用場景
3.多媒體在頁面中的使用
4.商城項目首頁、用戶注冊、登錄、商品列表等頁面的實現
微信公眾號開發開發(JSSDK)
1.是微信公眾號項目開發的簡介。
2.微信公眾號項目的官方文檔與demo樣例全解析
3.調用微信官方API接口函數
4.利用H5的新特性構建更富有表現力的活動頁面
5.常見微信分享、投票、活動、抽獎頁面的設計與實現
隨堂練習:非凡學院公眾號項目實踐
微信小程序
1.小程序相關介紹及賬號申請
2.小程序開發環境搭建
3.小程序布局原理
4.小程序組件、API使用
5.weUI使用
隨堂練習:商城小程序項目實戰
Vue.js
1.Vue.js 簡介
2.模板語法
3.指令系統
4.組件開發
5.生命周期
6.腳手架工具
7.路由
8.數據請求
隨堂練習:
1.To Do List 項目實踐
2. Vue.js 博客實戰
第五階段(WEB高級框架與后臺交互)
WEB高級框架與后臺交互 Angular.js 1.angular.js 簡介 2.MVC概念
3.指令系統 4.表達式
5.數據綁定 6.作用域
隨堂練習:京東商城項目
React.js
1.react.js簡介
2.開發環境搭建
3.jsx語法
4.組件編程
5.組件生命周期
6.路(lu)由使用
PHP入門
1.PHP語法簡介
2.函數
3.會話控制
4.面向對象編程
5.常用MySQL語句
6.PHP鏈接數據庫
7.通信接口api開發
DedeCMS 詳細講解織夢系統軟件的安裝、模板、插件等使用;修改頁面布局及細節;
dede標簽的使(shi)用方法;及如(ru)何替換、制(zhi)作、修改、美(mei)化(hua)模(mo)板;熟(shu)練使(shi)用各(ge)類功(gong)能(neng)插(cha)件如(ru)社會化(hua)登錄(lu)、在線客服等技術;結業后可快(kuai)速制(zhi)作常見商(shang)業網(wang)站