WEB全棧工程師精品班

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