WEB全棧工程師精品班

課程介紹 通過本專業的學習，學員有了一定的網頁規劃和搭建能力，能熟練快速完成網頁界面設計、網站美工設計；能運用H5+JS進行開發前端交互設計能力，開發各種網頁框架；能運用PHP等軟件開發常見后臺網站管理系統；通過網頁網站實訓模塊，學生能熟練掌握門戶網站，電子商務網站，企事業單位網站，垂直類網站等成套商業網站的設計流程，設計理念，設計風格等；通過軟技能培訓，學員對自己人生規劃，口才表達，服務心態，就業技巧，溝通技巧等有了全面提升，足夠應付在以后的就業工作過程中游刃有余；本課程學習完，學員基本上具備半年以上的工作經驗。 上海非凡作為滬上首批網頁設計的正規培訓基地，具有辦學許可證，全程名師面授教學，PPHA教學考核體系，畢業答辯+招聘雙選會，為國內外*品牌企業提供優秀專業設計人才！ WEB全棧工程師精品班 課程模塊 課程科目 培訓內容 *階段（WEB前端布局與交互開發） 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.產品中心 5.友情鏈接 6.版權申明 商城站實訓：1.搜索框 2.頭部導航 3.分類菜單 4.banner圖 5.分類商品 6.幫助中心 7.版權備案 專題站實訓：重點練習H5變形動畫的添加，使頁面有動態交互效果 個人頁面：根據自己設計的個人頁面效果圖實現靜態頁面，獨立完成切圖和代碼過程，指導添加動態效果，并整合自己所有的作品實現鏈接查看 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前端移動端開發 git版本控制 1.Git的簡介 2.git常用命令 3.smartGit軟件的安裝使用 4.常用操作提交、推送、合并、回滾操作 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使用、云存儲、云端數據庫、云函數 網校實訓項目：1.建立云開發環境 2.網校首頁 3.教師分類頁面 4.課程搜索頁面 5.課程詳情頁 6.個人中心 7.獲取用戶權限登錄 8.購買課程頁面 9.購物車 階段考核 教師指導你完成階段作品，以備應聘時使用；從立案到素材、材料收集整理，再到風格定位、欄目規劃，獨立完成項目作品，其中需容入不同的分類信息、作品等； 第三階段（WEB高級框架) WEB前端高級框架與后臺交互 Vue.js 1.Vue.js簡介與安裝 2.Vue實例 3.模板語法 4. 監聽屬性與偵聽器5.生命周期 6.自定義組件開發 7.自定義事件 8過渡與動畫 9.數據的傳遞 10.數據請求工具axios的使用 11.腳手架工具搭建Vue開大環境 1.elment-ui簡介 2.安裝element-ui 3.主題設置 4.常用組件 5.element-admin 管理后臺項目 1.路由簡介 2.動態路由 3.嵌套路由 4.編程式導航 5.命名路由與命名視圖 6.別名與重定向 7.路由守衛 1.狀態管理 2.核心概念：state、getter、Mutation、action 3.模塊化的狀態管理 1.服務器端渲染 2.基本結構 3.路由和代碼分割 4.客戶端激活 5.緩存管理 隨堂練習：1.To Do List 項目實踐 2.餓了么APP開發 3.element-admin管理后臺 商城項目實訓：1.搭建vue開發環境 2.商城首頁 3.商品詳情頁 4.購物車 5.個人中心 6.搜索頁面 7.商品分類 8.用戶注冊 9.用戶登錄 10.商城上線。 Angular.js 1.angular.js簡介 2.MVC概念 3.開發環境搭建 4.指令系統 5.主從組件開發 6.路由管理 7.服務 8.數據通信請求 隨堂練習：To-do-list React.js 1.react.js簡介 2.開發環境搭建 3.jsx語法 4.自定義組件 & props參數傳遞5.父子組件通信 6.state和生命周期 7.事件處理 8.列表 9.表單 10.ant-design前端框架 隨堂練習：餓了么點餐項目實戰 階段考核 教師指導你完成階段作品，以備應聘時使用；從立案到素材、材料收集整理，再到風格定位、欄目規劃，獨立完成項目作品，其中需容入不同的分類信息、作品等； 第四階段（WEB后臺交互與開發） PHP后臺開發 搭建環境 PHP簡介、WEB程序的訪問流程、安裝Apache、MySQL、PHP7、配置虛擬主機 PHP基礎 變量和常量、數據類型、運算符、流程控制、函數、字符串、數組、PSR規范 表單傳值 表單傳值的方式、PHP接收數據的三種方式、PHP處理復選框數據、文件上傳 MySQLi擴展 基本操作、執行增刪改操作、執行查詢操作、與MySQLi相關的函數、MySQLi擴展應用案例 面向對象 面向對象概述、面向對象實現、封裝、繼承、多態、對象遍歷、對象序列化、反射機制、命名空間、Trait新特性 GD圖像處理 GD庫概述、GD畫布實現、驗證碼、縮略圖、水印圖 會話技術 會話技術概述、Cookie與Session的區別、Cookie原理、Cookie操作、Session原理、Session操作、垃圾回收機制 PDO擴展 PDO簡介、PDO類、PDOStatement類、PDO預處理、PDO事務處理、PDO異常處理、PDO屬性、封裝PDO類 MVC設計模式 MVC設計模式、搭建自定義MVC框架 博客項目 項目開發流程、數據表數據、后臺實現、前臺實現、擴展功能 ThinkPHP5 框架 ThinkPHP5框架概述、基礎、架構、路由、控制器、視圖、模型、項目實用項 ThinkPHP5 商城項目實戰 商城系統概述、數據表設計、后臺設計、前臺設計、會員設計、購物車設計、訂單設計、接口設計（微信/支付寶、短信、QQ登錄、郵件、地圖、物流）、靜態化 MYSQL 數據庫管理 數據庫部署 數據庫服務概述、構建MySQL服務器、MySQL數據類型、表結構的調整， MySQL多實例、MySQL索引類型、MySQL存儲引擎 數據庫操作 表記錄基本操作、查詢及匹配條件、多表查詢、數據導入導出、MySQL分割庫表。 數據庫權限 用戶授權及撤銷、數據備份與恢復、MySQL管理工具，實時增量備份、XtraBackup備份、MySQL主從同步 數據庫優化 MySQL讀寫分離、MySQL性能調優. 商城實訓項目 商城實訓項目 及階段考核 1.商城需求說明 2.開發環境的搭建 3.規劃建立數據庫 4.編寫商城所需前端頁面 5.商城業務流程控制 6.api接口開發 7.支付接口的使用 8.商城上線 9.調試優化 第五階段（崗前強化與就業指導） 溝通技能 和就業指導 管理與溝通 心態與服務、職場商務禮儀、溝通與口才強化、職業素養提升、團隊合作 就業指導 畢業作品整理、行業規范與合同、職場與行業分析、企業觀模與規劃、職場崗位實戰模擬、創業指導、實習與預工作 特別說明 1.報名課程，贈送視頻包、軟件包、素材包、材料包 2.報名課程，在學習過程中，學員有機會參加派接的訂單實戰 3.培訓目標：能系統全面的學習界面設計、前端開發、移動端開發、后臺交互開發、美工設計，結業后相當于有半年左右實戰經驗，能成功勝任設計、前端/移動端開發，后臺應用等職位 4.保證學會：出勤率達90%以上，可享受1年內免費重新學習 5.考試認證：《網頁設計師》、《網頁前端工程師》（費用另付） 6.學習周期：共600課時（45分鐘/課時），平日班4個月；業余制10個月 7.招生要求：*以上學歷 本課程支持付費方式 付費方案 付費方式 一次性付費 現金、刷卡、轉帳、支付寶、微信 助學分期 （符合條件者申請） 支持百度錢包教育助學分期（6期、12期、4+8期） 注明：詳細見“助學分期付費”說明文件 上海WEB全棧工程師培訓是上海非凡進修學校(非凡)的特色實戰課程,還開設web前端開發,web全棧工程師,網站開發培訓班,已培養大批web網頁人才