WEB全棧工程師精品班

課程介紹 通過本專業(yè)的學(xué)習(xí)，學(xué)員有了一定的網(wǎng)頁規(guī)劃和搭建能力，能熟練快速完成網(wǎng)頁界面設(shè)計(jì)、網(wǎng)站美工設(shè)計(jì)；能運(yùn)用H5+JS進(jìn)行開發(fā)前端交互設(shè)計(jì)能力，開發(fā)各種網(wǎng)頁框架；能運(yùn)用PHP等軟件開發(fā)常見后臺(tái)網(wǎng)站管理系統(tǒng)；通過網(wǎng)頁網(wǎng)站實(shí)訓(xùn)模塊，學(xué)生能熟練掌握門戶網(wǎng)站，電子商務(wù)網(wǎng)站，企事業(yè)單位網(wǎng)站，垂直類網(wǎng)站等成套商業(yè)網(wǎng)站的設(shè)計(jì)流程，設(shè)計(jì)理念，設(shè)計(jì)風(fēng)格等；通過軟技能培訓(xùn)，學(xué)員對(duì)自己人生規(guī)劃，口才表達(dá)，服務(wù)心態(tài)，就業(yè)技巧，溝通技巧等有了全面提升，足夠應(yīng)付在以后的就業(yè)工作過程中游刃有余；本課程學(xué)習(xí)完，學(xué)員基本上具備半年以上的工作經(jīng)驗(yàn)。 上海非凡作為滬上首批網(wǎng)頁設(shè)計(jì)的正規(guī)培訓(xùn)基地，具有辦學(xué)許可證，全程名師面授教學(xué)，PPHA教學(xué)考核體系，畢業(yè)答辯+招聘雙選會(huì)，為國內(nèi)外*品牌企業(yè)提供優(yōu)秀專業(yè)設(shè)計(jì)人才！ WEB全棧工程師精品班 課程模塊 課程科目 培訓(xùn)內(nèi)容 *階段（WEB前端布局與交互開發(fā)） web前端 HTML5/CSS3布局與樣式 HTML標(biāo)簽 HTMl5、H5標(biāo)簽、智能表單、結(jié)構(gòu)化標(biāo)簽 隨堂項(xiàng)目： 1.文章頁面的結(jié)構(gòu)化布局。包括文章標(biāo)題、正文、圖片、頁面背景、作者、發(fā)表時(shí)間等信息 2.利用table標(biāo)簽課程表的實(shí)現(xiàn) 3.利用form、input表單標(biāo)簽實(shí)現(xiàn)簡單登錄注冊頁面 CSS基礎(chǔ)語法常見樣式 CSS3簡介、.css3引入、常見樣式、文字與文本、顏色 隨堂項(xiàng)目：一般導(dǎo)航欄的制作 CSS選擇器 css選擇器、名字選擇器、外號(hào)選擇器、洋蔥式選擇器的用法、偽類選擇器、結(jié)構(gòu)化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器 CSS盒子模型 盒子模型、如何用好盒模型 隨堂項(xiàng)目：導(dǎo)航欄的制作，利用盒子模型拉開間距、hover效果添加后的內(nèi)邊距設(shè)定 浮動(dòng)與定位 float、clear、塌陷的父容器、position：一動(dòng)不動(dòng)的(static)，跟著別人跑的(absolute)，以自己為中心的(relative)，固定的(fixed) 隨堂項(xiàng)目：導(dǎo)航欄左右布局的定位、二級(jí)菜單的實(shí)現(xiàn)、回到頂部的按鈕 響應(yīng)式布局與頁面優(yōu)化處理 移動(dòng)頁面與PC端頁面布局時(shí)候需要注意點(diǎn)、響應(yīng)式布局的實(shí)現(xiàn)原理、各種瀏覽器對(duì)于CSS樣式的支持情況、頁面優(yōu)化需要注意的地方、解決跨瀏覽器兼容性問題 隨堂項(xiàng)目：移動(dòng)端的用戶注冊頁面、PC端的用戶注冊頁面。 靜態(tài)頁面切圖實(shí)戰(zhàn)項(xiàng)目 企業(yè)站實(shí)訓(xùn)：1.首頁導(dǎo)航 2.banner圖 3.模塊展示 4.新聞中心 5.產(chǎn)品中心 5.友情鏈接 6.版權(quán)申明 商城站實(shí)訓(xùn)：1.搜索框 2.頭部導(dǎo)航 3.分類菜單 4.banner圖 5.分類商品 6.幫助中心 7.版權(quán)備案 專題站實(shí)訓(xùn)：重點(diǎn)練習(xí)H5變形動(dòng)畫的添加，使頁面有動(dòng)態(tài)交互效果 個(gè)人頁面：根據(jù)自己設(shè)計(jì)的個(gè)人頁面效果圖實(shí)現(xiàn)靜態(tài)頁面，獨(dú)立完成切圖和代碼過程，指導(dǎo)添加動(dòng)態(tài)效果，并整合自己所有的作品實(shí)現(xiàn)鏈接查看 web前端 JavaScript交互 核心語法 javascript語法、介紹html5認(rèn)識(shí)JavaScript、javascript中的對(duì)象、數(shù)組、變量、.流程控制（if…else switch…case while for） 隨堂項(xiàng)目：九九乘法表、閏年計(jì)算、誰是高富帥（if…else.. Switch…case） BOM與DOM操作 DOM操作：讓一成不變的網(wǎng)頁動(dòng)起來；BOM操作：瀏覽器也有話要說 隨堂項(xiàng)目：網(wǎng)頁時(shí)鐘的制作、回到頂部 事件編程 JS的事件機(jī)制：讓網(wǎng)頁回應(yīng)你的問候；常見的JS事件：單擊、雙擊、移動(dòng)、懸停、焦點(diǎn)的獲取與失去、瀏覽器的關(guān)閉與加載 隨堂項(xiàng)目：1.選不中的按鈕的實(shí)現(xiàn) 2.做一個(gè)計(jì)算器怎樣？ 正則表達(dá)式 正則表達(dá)式的語法基礎(chǔ)、利用正則表達(dá)式做字符匹配、面向?qū)ο缶幊蹋好撾x過程走向?qū)ο? 隨堂項(xiàng)目：郵箱格式的驗(yàn)證、編寫一個(gè)獲取常見輸入數(shù)據(jù)的格式驗(yàn)證類。 面向?qū)ο缶幊? 面向?qū)ο缶幊毯喗?、?duì)象的創(chuàng)建、繼承的實(shí)現(xiàn)、原型與原型鏈。 隨堂項(xiàng)目：仿windows屏保氣泡 JQuery JQuery基礎(chǔ)語法、JQuery選擇器、JQuery的BOM與DOM操作、事件編程、常見動(dòng)畫與自定義動(dòng)畫編程 隨堂項(xiàng)目：打地鼠游戲、抽獎(jiǎng)輪盤制作 JQuery 項(xiàng)目實(shí)戰(zhàn) 圖片輪播、利用jQuery制作拼圖、貪吃蛇等項(xiàng)目實(shí)訓(xùn) Bootstrap bootstrap介紹、bootstrap的柵格系統(tǒng)、CSS樣式、組件、bootstrap的javascript插件 隨堂項(xiàng)目：利用bootstrap構(gòu)建移動(dòng)商城首頁、用戶注冊、登錄等頁面 ECMAScript6 1.webpack介紹 2.webpackg管用配置 3.模塊處理module 6.3種加載器loaders的使用 4.編譯器babel 5.插件plugins 6.熱更新次操作 7.打項(xiàng)目最終包 隨堂練習(xí)：新前端開發(fā)環(huán)境搭建 Ajax技術(shù) Ajax技術(shù)介紹、json格式與XML格式詳解、Ajax的post與get兩種提交方式詳解、服務(wù)器端的數(shù)據(jù)反饋機(jī)制說明、如何利用jQuery實(shí)現(xiàn)Ajax提交 隨堂項(xiàng)目：用戶注冊、登錄的Ajax無刷新實(shí)現(xiàn)、淘寶收貨地址中省市級(jí)聯(lián)的實(shí)現(xiàn) 第二階段（WEB前端-移動(dòng)端進(jìn)階開發(fā)） WEB前端移動(dòng)端開發(fā) git版本控制 1.Git的簡介 2.git常用命令 3.smartGit軟件的安裝使用 4.常用操作提交、推送、合并、回滾操作 HTML5 高級(jí)功能 canvas標(biāo)簽的使用、多媒體在網(wǎng)頁中的使用、HTML5中的智能表單、HTML5中API的詳解（定位、數(shù)據(jù)庫存儲(chǔ)） 隨堂項(xiàng)目：利用智能表單實(shí)現(xiàn)注冊頁面、利用canvas繪制小星星、利用HTML5中新功能實(shí)現(xiàn)一個(gè)最近超市搜索頁面。 CSS3 動(dòng)畫詳解 CSS3的動(dòng)畫功能、CSS3新增選擇器、彈性盒模型、服務(wù)器字體 隨堂項(xiàng)目：利用CSS3動(dòng)畫繪制一個(gè)三維立體動(dòng)態(tài)的導(dǎo)航欄。 webAPP開發(fā) 1.移動(dòng)端頁面的設(shè)計(jì)要求 2.HTML5動(dòng)畫的常見使用場景 3.多媒體在頁面中的使用 4.商城項(xiàng)目首頁、用戶注冊、登錄、商品列表等頁面的實(shí)現(xiàn) 微信公眾號(hào)開發(fā)開發(fā)（JSSDK） 1.是微信公眾號(hào)項(xiàng)目開發(fā)的簡介。 2.微信公眾號(hào)項(xiàng)目的官方文檔與demo樣例全解析 3.調(diào)用微信官方API接口函數(shù) 4.利用H5的新特性構(gòu)建更富有表現(xiàn)力的活動(dòng)頁面 5.常見微信分享、投票、活動(dòng)、抽獎(jiǎng)頁面的設(shè)計(jì)與實(shí)現(xiàn) 隨堂練習(xí)：非凡公眾號(hào)項(xiàng)目實(shí)踐 微信小程序 1.小程序相關(guān)介紹及賬號(hào)申請 2.小程序開發(fā)環(huán)境搭建 3.小程序布局原理 4.小程序組件、API使用 5.weUI使用、云存儲(chǔ)、云端數(shù)據(jù)庫、云函數(shù) 網(wǎng)校實(shí)訓(xùn)項(xiàng)目：1.建立云開發(fā)環(huán)境 2.網(wǎng)校首頁 3.教師分類頁面 4.課程搜索頁面 5.課程詳情頁 6.個(gè)人中心 7.獲取用戶權(quán)限登錄 8.購買課程頁面 9.購物車 階段考核 教師指導(dǎo)你完成階段作品，以備應(yīng)聘時(shí)使用；從立案到素材、材料收集整理，再到風(fēng)格定位、欄目規(guī)劃，獨(dú)立完成項(xiàng)目作品，其中需容入不同的分類信息、作品等； 第三階段（WEB高級(jí)框架) WEB前端高級(jí)框架與后臺(tái)交互 Vue.js 1.Vue.js簡介與安裝 2.Vue實(shí)例 3.模板語法 4. 監(jiān)聽屬性與偵聽器5.生命周期 6.自定義組件開發(fā) 7.自定義事件 8過渡與動(dòng)畫 9.數(shù)據(jù)的傳遞 10.數(shù)據(jù)請求工具axios的使用 11.腳手架工具搭建Vue開大環(huán)境 1.elment-ui簡介 2.安裝element-ui 3.主題設(shè)置 4.常用組件 5.element-admin 管理后臺(tái)項(xiàng)目 1.路由簡介 2.動(dòng)態(tài)路由 3.嵌套路由 4.編程式導(dǎo)航 5.命名路由與命名視圖 6.別名與重定向 7.路由守衛(wèi) 1.狀態(tài)管理 2.核心概念：state、getter、Mutation、action 3.模塊化的狀態(tài)管理 1.服務(wù)器端渲染 2.基本結(jié)構(gòu) 3.路由和代碼分割 4.客戶端激活 5.緩存管理 隨堂練習(xí)：1.To Do List 項(xiàng)目實(shí)踐 2.餓了么APP開發(fā) 3.element-admin管理后臺(tái) 商城項(xiàng)目實(shí)訓(xùn)：1.搭建vue開發(fā)環(huán)境 2.商城首頁 3.商品詳情頁 4.購物車 5.個(gè)人中心 6.搜索頁面 7.商品分類 8.用戶注冊 9.用戶登錄 10.商城上線。 Angular.js 1.angular.js簡介 2.MVC概念 3.開發(fā)環(huán)境搭建 4.指令系統(tǒng) 5.主從組件開發(fā) 6.路由管理 7.服務(wù) 8.數(shù)據(jù)通信請求 隨堂練習(xí)：To-do-list React.js 1.react.js簡介 2.開發(fā)環(huán)境搭建 3.jsx語法 4.自定義組件 & props參數(shù)傳遞5.父子組件通信 6.state和生命周期 7.事件處理 8.列表 9.表單 10.ant-design前端框架 隨堂練習(xí)：餓了么點(diǎn)餐項(xiàng)目實(shí)戰(zhàn) 階段考核 教師指導(dǎo)你完成階段作品，以備應(yīng)聘時(shí)使用；從立案到素材、材料收集整理，再到風(fēng)格定位、欄目規(guī)劃，獨(dú)立完成項(xiàng)目作品，其中需容入不同的分類信息、作品等； 第四階段（WEB后臺(tái)交互與開發(fā)） PHP后臺(tái)開發(fā) 搭建環(huán)境 PHP簡介、WEB程序的訪問流程、安裝Apache、MySQL、PHP7、配置虛擬主機(jī) PHP基礎(chǔ) 變量和常量、數(shù)據(jù)類型、運(yùn)算符、流程控制、函數(shù)、字符串、數(shù)組、PSR規(guī)范 表單傳值 表單傳值的方式、PHP接收數(shù)據(jù)的三種方式、PHP處理復(fù)選框數(shù)據(jù)、文件上傳 MySQLi擴(kuò)展 基本操作、執(zhí)行增刪改操作、執(zhí)行查詢操作、與MySQLi相關(guān)的函數(shù)、MySQLi擴(kuò)展應(yīng)用案例 面向?qū)ο? 面向?qū)ο蟾攀?、面向?qū)ο髮?shí)現(xiàn)、封裝、繼承、多態(tài)、對(duì)象遍歷、對(duì)象序列化、反射機(jī)制、命名空間、Trait新特性 GD圖像處理 GD庫概述、GD畫布實(shí)現(xiàn)、驗(yàn)證碼、縮略圖、水印圖 會(huì)話技術(shù) 會(huì)話技術(shù)概述、Cookie與Session的區(qū)別、Cookie原理、Cookie操作、Session原理、Session操作、垃圾回收機(jī)制 PDO擴(kuò)展 PDO簡介、PDO類、PDOStatement類、PDO預(yù)處理、PDO事務(wù)處理、PDO異常處理、PDO屬性、封裝PDO類 MVC設(shè)計(jì)模式 MVC設(shè)計(jì)模式、搭建自定義MVC框架 博客項(xiàng)目 項(xiàng)目開發(fā)流程、數(shù)據(jù)表數(shù)據(jù)、后臺(tái)實(shí)現(xiàn)、前臺(tái)實(shí)現(xiàn)、擴(kuò)展功能 ThinkPHP5 框架 ThinkPHP5框架概述、基礎(chǔ)、架構(gòu)、路由、控制器、視圖、模型、項(xiàng)目實(shí)用項(xiàng) ThinkPHP5 商城項(xiàng)目實(shí)戰(zhàn) 商城系統(tǒng)概述、數(shù)據(jù)表設(shè)計(jì)、后臺(tái)設(shè)計(jì)、前臺(tái)設(shè)計(jì)、會(huì)員設(shè)計(jì)、購物車設(shè)計(jì)、訂單設(shè)計(jì)、接口設(shè)計(jì)（微信/支付寶、短信、QQ登錄、郵件、地圖、物流）、靜態(tài)化 MYSQL 數(shù)據(jù)庫管理 數(shù)據(jù)庫部署 數(shù)據(jù)庫服務(wù)概述、構(gòu)建MySQL服務(wù)器、MySQL數(shù)據(jù)類型、表結(jié)構(gòu)的調(diào)整， MySQL多實(shí)例、MySQL索引類型、MySQL存儲(chǔ)引擎 數(shù)據(jù)庫操作 表記錄基本操作、查詢及匹配條件、多表查詢、數(shù)據(jù)導(dǎo)入導(dǎo)出、MySQL分割庫表。 數(shù)據(jù)庫權(quán)限 用戶授權(quán)及撤銷、數(shù)據(jù)備份與恢復(fù)、MySQL管理工具，實(shí)時(shí)增量備份、XtraBackup備份、MySQL主從同步 數(shù)據(jù)庫優(yōu)化 MySQL讀寫分離、MySQL性能調(diào)優(yōu). 商城實(shí)訓(xùn)項(xiàng)目 商城實(shí)訓(xùn)項(xiàng)目 及階段考核 1.商城需求說明 2.開發(fā)環(huán)境的搭建 3.規(guī)劃建立數(shù)據(jù)庫 4.編寫商城所需前端頁面 5.商城業(yè)務(wù)流程控制 6.api接口開發(fā) 7.支付接口的使用 8.商城上線 9.調(diào)試優(yōu)化 第五階段（崗前強(qiáng)化與就業(yè)指導(dǎo)） 溝通技能 和就業(yè)指導(dǎo) 管理與溝通 心態(tài)與服務(wù)、職場商務(wù)禮儀、溝通與口才強(qiáng)化、職業(yè)素養(yǎng)提升、團(tuán)隊(duì)合作 就業(yè)指導(dǎo) 畢業(yè)作品整理、行業(yè)規(guī)范與合同、職場與行業(yè)分析、企業(yè)觀模與規(guī)劃、職場崗位實(shí)戰(zhàn)模擬、創(chuàng)業(yè)指導(dǎo)、實(shí)習(xí)與預(yù)工作 特別說明 1.報(bào)名課程，贈(zèng)送視頻包、軟件包、素材包、材料包 2.報(bào)名課程，在學(xué)習(xí)過程中，學(xué)員有機(jī)會(huì)參加派接的訂單實(shí)戰(zhàn) 3.培訓(xùn)目標(biāo)：能系統(tǒng)全面的學(xué)習(xí)界面設(shè)計(jì)、前端開發(fā)、移動(dòng)端開發(fā)、后臺(tái)交互開發(fā)、美工設(shè)計(jì)，結(jié)業(yè)后相當(dāng)于有半年左右實(shí)戰(zhàn)經(jīng)驗(yàn)，能成功勝任設(shè)計(jì)、前端/移動(dòng)端開發(fā)，后臺(tái)應(yīng)用等職位 4.保證學(xué)會(huì)：出勤率達(dá)90%以上，可享受1年內(nèi)免費(fèi)重新學(xué)習(xí) 5.考試認(rèn)證：《網(wǎng)頁設(shè)計(jì)師》、《網(wǎng)頁前端工程師》（費(fèi)用另付） 6.學(xué)習(xí)周期：共600課時(shí)（45分鐘/課時(shí)），平日班4個(gè)月；業(yè)余制10個(gè)月 7.招生要求：*以上學(xué)歷 本課程支持付費(fèi)方式 付費(fèi)方案 付費(fèi)方式 一次性付費(fèi) 現(xiàn)金、刷卡、轉(zhuǎn)帳、支付寶、微信 助學(xué)分期 （符合條件者申請） 支持百度錢包教育助學(xué)分期（6期、12期、4+8期） 注明：詳細(xì)見“助學(xué)分期付費(fèi)”說明文件 上海WEB全棧工程師培訓(xùn)是上海非凡進(jìn)修學(xué)校(非凡)的特色實(shí)戰(zhàn)課程,還開設(shè)web前端開發(fā),web全棧工程師,網(wǎng)站開發(fā)培訓(xùn)班,已培養(yǎng)大批web網(wǎng)頁人才