天津h5開發(fā)培訓(xùn)機(jī)構(gòu)

小班詳詢

課程優(yōu)勢：三點(diǎn)一線，三合一定制課程

上課方式：面授

上課時(shí)段：全日制,周末班

￥詢價(jià)

預(yù)約試聽在線咨詢

課程詳情教學(xué)點(diǎn) 教學(xué)環(huán)境學(xué)員評論

天津h5開發(fā)培訓(xùn)課程學(xué)習(xí)H5+CSS3，學(xué)員完成后可以獨(dú)立制作響應(yīng)式網(wǎng)頁設(shè)計(jì)，已經(jīng)具備應(yīng)對H5前端設(shè)計(jì)相應(yīng)的工作，畢業(yè)后可以從事任何網(wǎng)頁設(shè)計(jì)相關(guān)的工作。

01 多種特色課程任您選擇

02 精選課程只為滿足你的要求

《網(wǎng)頁基礎(chǔ)》課程+

網(wǎng)頁基礎(chǔ)課程
節(jié)點(diǎn)學(xué)習(xí)內(nèi)容	最終學(xué)習(xí)目標(biāo)描述
節(jié)點(diǎn)1 認(rèn)識(shí)網(wǎng)站：學(xué)習(xí)網(wǎng)站相關(guān)知識(shí)；掌握DW界面和其功能	HTML是網(wǎng)頁制作必備技能，主要介紹HTML概念、語法及常用基礎(chǔ)標(biāo)簽
節(jié)點(diǎn)2 代碼入門：HTML代碼基礎(chǔ)及CSS層疊樣式表概述	css的盒子模型，更好的排版，進(jìn)行頁面布局。介紹CSS語法、選擇器、繼承、層疊及優(yōu)先級基礎(chǔ)內(nèi)容。
節(jié)點(diǎn)3 知識(shí)進(jìn)階：表單制作、JavaScript、html5+css3	表單標(biāo)簽的編寫規(guī)范、嵌套規(guī)范以及相關(guān)屬性的用法講解；了解JavaScript語言，掌握它的語法、數(shù)據(jù)類型、基本算數(shù)和邏輯運(yùn)算操作，方便我們開發(fā)中直接調(diào)用，進(jìn)而實(shí)現(xiàn)更多功能常見的html5標(biāo)簽；講解css3的圓角、陰影、旋轉(zhuǎn)、縮放、以及速率等屬性值
節(jié)點(diǎn)4 實(shí)戰(zhàn)應(yīng)用：入門網(wǎng)站制作；進(jìn)階網(wǎng)站制作；多平臺(tái)網(wǎng)站設(shè)計(jì)戰(zhàn)略	搭建一個(gè)網(wǎng)頁HTML結(jié)構(gòu)，并掌握網(wǎng)布局相應(yīng)知識(shí)與技巧。針對CSS中的基礎(chǔ)布局以及經(jīng)典的布局展開詳細(xì)的講解。對前面知識(shí)的綜合應(yīng)用，通過項(xiàng)目實(shí)戰(zhàn)，更加熟練掌握基礎(chǔ)知識(shí)，在實(shí)踐中復(fù)習(xí)、鞏固知識(shí)，提高綜合能力。
本模塊完成后學(xué)員具備完成簡單靜態(tài)頁面能力，可以從事網(wǎng)頁前臺(tái)制作的工作，但是因?yàn)楦钊氲募夹g(shù)缺乏，無法勝任更高級的設(shè)計(jì)與開發(fā)工作，屬于網(wǎng)頁設(shè)計(jì)最底層的工作能力要求程度

《H5前端設(shè)計(jì)》課程+

H5前端設(shè)計(jì)課程
節(jié)點(diǎn)學(xué)習(xí)內(nèi)容	最終學(xué)習(xí)目標(biāo)描述
節(jié)點(diǎn)1 H5前端開發(fā)環(huán)境介紹：傳統(tǒng)網(wǎng)站知識(shí)布局總結(jié)	前端開發(fā)環(huán)境介紹：DreamWeaver、 Notepad++、HBuilder；HTML基礎(chǔ)，CSS基礎(chǔ)，CSS核心屬性；CSS樣式層疊繼承，盒模型
節(jié)點(diǎn)2 HTML5基礎(chǔ)及案例練習(xí)	HTML5提供了新的元素來創(chuàng)建更好的頁面結(jié)構(gòu)，告別傳統(tǒng)代碼不能更好語義化說明及頁面新功能增加。新增標(biāo)簽介紹：<article>、<aside>、<figure>、<header>、<mark>、<nav>、<section> ... ... 移除標(biāo)簽介紹： <acronym>、<basefont>、<frame>、<strike> ... ...
節(jié)點(diǎn)3 CSS3基礎(chǔ)及案例練習(xí)	CSS3基礎(chǔ)屬性介紹，做到用代碼大量替換PS作圖的工作，符合市場需求。邊框?qū)傩裕篵ox-shadow、border-image；圓角：border-radius；背景：background-size、background-origin、background-clip；漸變：線性漸變、徑向漸變；文本效果：text-shadow、box-shadow、text-overflow、word-wrap、word-break；字體：@font-face；... ...
節(jié)點(diǎn)4 定位布局及CSS3特效應(yīng)用：動(dòng)畫特效交互事件；響應(yīng)式設(shè)計(jì)	CSS3的特效使用，制作交互動(dòng)畫，讓網(wǎng)站活起來。2D/3D轉(zhuǎn)換：translate()、rotate()；過渡/動(dòng)畫屬性：transition、animation；... ...三種定位布局方式，定位在交互上的應(yīng)用。響應(yīng)式設(shè)計(jì)：就是我們?nèi)粘Ｕf的手機(jī)網(wǎng)站或三屏合一網(wǎng)站。通過使用的設(shè)備環(huán)境（系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等）進(jìn)行相對應(yīng)的布局。最終達(dá)到網(wǎng)站的不同尺寸布局。
本模塊會(huì)深入系統(tǒng)的學(xué)習(xí)H5+CSS3，學(xué)員完成后可以獨(dú)立制作響應(yīng)式網(wǎng)頁設(shè)計(jì)，已經(jīng)具備應(yīng)對H5前端設(shè)計(jì)相應(yīng)的工作，畢業(yè)后可以從事任何網(wǎng)頁設(shè)計(jì)相關(guān)的工作

網(wǎng)頁高級特效與框架開發(fā)+

網(wǎng)頁高級特效與框架開發(fā)
節(jié)點(diǎn)學(xué)習(xí)內(nèi)容	最終學(xué)習(xí)目標(biāo)描述
節(jié)點(diǎn)1 HTML5新標(biāo)簽：?檔頭和編碼聲明；基礎(chǔ)標(biāo)簽；文本類標(biāo)簽；列表標(biāo)簽；語義化標(biāo)簽的應(yīng)?；字符實(shí)體‘’表格標(biāo)簽；HTML5標(biāo)簽的兼容處理；HTML5標(biāo)簽SEO的作?；HTML5表單新特性；多媒體標(biāo)簽	掌握HTML代碼的規(guī)范編寫，掌握HTML5新標(biāo)簽的特性，掌握多媒體在??中的應(yīng)?
節(jié)點(diǎn)2 CSS3新特性：CSS的定義；CSS引?；CSS選擇器；CSS3與CSS2的區(qū)別；長度單位；顏?單位；常用屬性；CSS3屬性；尺?；邊框；背景；內(nèi)補(bǔ)?；外補(bǔ)?；布局；定位；字體；文本；列表；表格；用戶界?；多欄；2D變換；過渡動(dòng)畫；	CSS3：圓?邊框、邊框九宮格特效、多圖背景、動(dòng)畫、漸變和倒影、多列屬性布局、服務(wù)器端字體，可以實(shí)現(xiàn)基礎(chǔ)網(wǎng)頁布局，??樣式定義及CSS，樣式特效
節(jié)點(diǎn)3 W3C盒子模型；div+css?頁布局；彈性盒?HTML5兼容性處理；使? HTML5布局元素的布局；Media Query響應(yīng)式布局；百分比??布局；	掌握使?媒體查詢技術(shù)及百分比布局，實(shí)現(xiàn)響應(yīng)式頁?，自動(dòng)適應(yīng)多種分辨率設(shè)備
節(jié)點(diǎn)4 PS切圖；精靈圖；CSS重制樣式表reset；CSS、Normalize.css；CSS命名規(guī)范，CSS常用名；	C掌握和設(shè)計(jì)人員對接，把一張PSD圖?切成自?需要的圖片樣式，按照效果圖實(shí)現(xiàn)網(wǎng)站
節(jié)點(diǎn)5 JS的DOM操作；DOM 節(jié)點(diǎn)；DOM 方法；DOM 屬性；DOM 訪問；DOM 修改；DOM 內(nèi)容；DOM 元素；DOM 事件；JS的BOM操作；Window；Screen；Location；History；Navigator；PopupAlert；Timing；Cookies；AJAX	掌握J(rèn)S操作?面及瀏覽器元素，培養(yǎng)動(dòng)?制作特效、表單驗(yàn)證的能?，掌握AJAX??異步交互
節(jié)點(diǎn)6 JQuery簡介；JQuery 安裝jQuery CSS 操作；jQuery 選擇器；jQuery 篩選；jQuery HTML文檔處理；jQuery 事件；jQuery效果；jQuery Ajax；jQuery 其他操作；jQuery 插件；	掌握jQuery實(shí)現(xiàn)?面特效，表單驗(yàn)證，及AJAX異步交互
節(jié)點(diǎn)7 項(xiàng)目實(shí)訓(xùn)： PS切圖；CSS重置樣式表；?頁規(guī)范兼容性；SASS；Compass 精靈圖代碼壓縮；常?網(wǎng)站效果；rem相對?小布局；	能夠獨(dú)?完成網(wǎng)?布局，頁面效果，表單驗(yàn)證的一整套網(wǎng)?制作
本模塊會(huì)深入學(xué)習(xí)html5+css布局和特效制作，掌握jquery使用和常用特效制作，掌握流行js框架開發(fā)項(xiàng)目流程，并能使?原?JS開發(fā)網(wǎng)站常見各類特效，熟練掌握Ajax 技術(shù)

《PHP開發(fā)》課程+

PHP開發(fā)課程
節(jié)點(diǎn)學(xué)習(xí)內(nèi)容	最終學(xué)習(xí)目標(biāo)描述
節(jié)點(diǎn)1 后臺(tái)基礎(chǔ)：動(dòng)態(tài)網(wǎng)站介紹與服務(wù)器環(huán)境搭建	PHP的環(huán)境搭建、編輯器的安裝，以及基本語法和PHP的工作原理。了解xampp和cms后臺(tái)系統(tǒng)。
節(jié)點(diǎn)2 基礎(chǔ)制作：PHP開發(fā)博客展示網(wǎng)站項(xiàng)目	MySQL數(shù)據(jù)庫的安裝、數(shù)據(jù)類型、數(shù)據(jù)的增刪改查、多表聯(lián)查、可視化管理工具的使用。 PHP開發(fā)博客展示網(wǎng)站項(xiàng)目，主要包括新聞內(nèi)容發(fā)布管理、表單數(shù)據(jù)調(diào)用功能。
節(jié)點(diǎn)3 項(xiàng)目實(shí)戰(zhàn)：門戶型新聞視頻音樂電商綜合網(wǎng)站的規(guī)劃構(gòu)建	數(shù)據(jù)調(diào)用的基本語法和使用，以及項(xiàng)目中如何運(yùn)用。通過JS數(shù)據(jù)調(diào)用、表單搜索查詢、視頻數(shù)據(jù)嵌入、留言模塊、投票系統(tǒng)、注冊登錄驗(yàn)證等典型模塊系統(tǒng)的設(shè)計(jì)、實(shí)現(xiàn)。
節(jié)點(diǎn)4 售后與維護(hù)：售后與維護(hù)	掌握PHP開源程序的功能模塊源代碼進(jìn)行二次開發(fā)。掌握做PHP項(xiàng)目前的準(zhǔn)備工作，數(shù)據(jù)庫的結(jié)構(gòu)設(shè)計(jì)，完整項(xiàng)目的制作。網(wǎng)站上線及后期維護(hù)服務(wù)器遷移，網(wǎng)站備份維護(hù)。
本模塊系統(tǒng)學(xué)習(xí)網(wǎng)站后臺(tái)開發(fā)相關(guān)技能，學(xué)員完成后具備獨(dú)立搭建完整網(wǎng)站數(shù)據(jù)后臺(tái)的能力，可以勝任數(shù)據(jù)庫開發(fā)，PHP網(wǎng)站后臺(tái)開發(fā)等相關(guān)工作

《網(wǎng)頁UI》課程+

網(wǎng)頁UI課程
節(jié)點(diǎn)學(xué)習(xí)內(nèi)容	最終學(xué)習(xí)目標(biāo)描述
節(jié)點(diǎn)1 熟悉代碼：網(wǎng)站頁面基礎(chǔ)制作	認(rèn)識(shí)HTML的最新版本HTML5，主要包括HTML5的標(biāo)簽變化、屬性變化、音視頻、以及表單驗(yàn)證。
節(jié)點(diǎn)2 設(shè)計(jì)的可用性原則：用戶心理引導(dǎo)與運(yùn)用	色彩與體驗(yàn) 色彩與注意力集中 AIDA(注意力、興趣、期望、行動(dòng)）網(wǎng)站UI設(shè)計(jì)流程：需求分析、整理需求、產(chǎn)品思維解析、原型設(shè)計(jì)、產(chǎn)品立項(xiàng)。
節(jié)點(diǎn)3 網(wǎng)站響應(yīng)式布局：HTML5+CSS3	詳細(xì)講解CSS3的變化，新的概念和理念，及其CSS3新增加的選擇器深入講解元素如何扭曲、移位或旋轉(zhuǎn)，讓我們可以更自由得裝飾和變形HTML組件在 CSS3 中，新的用戶界面特性包括重設(shè)元素尺寸、盒尺寸以及輪廓等
節(jié)點(diǎn)4 用戶體驗(yàn)優(yōu)化（UEO+SEO）：項(xiàng)目設(shè)計(jì)流程；進(jìn)階網(wǎng)站制作；多平臺(tái)網(wǎng)站設(shè)計(jì)戰(zhàn)略	在IMG標(biāo)簽中表明正確的圖片尺寸服務(wù)器和內(nèi)容分發(fā)網(wǎng)絡(luò) 合并CSS和JavaScript 驗(yàn)證頁面如何探測長時(shí)間跳轉(zhuǎn)鏈頁面內(nèi)容、功能布局優(yōu)化頁面元素配色優(yōu)化需求分析、用戶場景模擬、競品分析根據(jù)產(chǎn)品的用戶定位進(jìn)行設(shè)計(jì)， UI設(shè)計(jì)師交出產(chǎn)品設(shè)計(jì)圖時(shí)，更多的配合開發(fā)人員、測試人員進(jìn)行截圖配合。 UI設(shè)計(jì)師需對產(chǎn)品的效果進(jìn)行驗(yàn)證，是否可用，用戶是否接受，以及與需求是否一致。
本模塊是更深入的頁面設(shè)計(jì)學(xué)習(xí)，會(huì)初步接觸最新的html5標(biāo)準(zhǔn)與css3，學(xué)員完成后可以完成響應(yīng)式的頁面布局與網(wǎng)站優(yōu)化等進(jìn)階工作，但是受模塊內(nèi)容時(shí)長限制，在前端設(shè)計(jì)工作的深入學(xué)習(xí)上仍舊不足，還需要更深入的學(xué)習(xí)

WEB全棧開發(fā)+

WEB全棧開發(fā)
節(jié)點(diǎn)學(xué)習(xí)內(nèi)容	最終學(xué)習(xí)目標(biāo)描述
節(jié)點(diǎn)1 Node.js+MongoDB+Express：VUE.JS介紹；安裝；模板/數(shù)據(jù)綁定；Class／Style綁定；事件；組件；混合；插件；服務(wù)/路路由；	掌握Vue.JS使?方法，理解前端架構(gòu)分層思想，掌握單?面應(yīng)?實(shí)現(xiàn)原理及具體實(shí)現(xiàn)方法
節(jié)點(diǎn)2 NodeJS簡介；NodeJS安裝；npm?具使?；模塊、package；回調(diào)函數(shù)；buffer，事件；?件處理模塊；http，URL，querystring，path等模塊；POST/GET請求；安裝模板引擎；	NodeJS作為服務(wù)端語言，接收處理響應(yīng)請求，掌握NodeJS搭建服務(wù)器
節(jié)點(diǎn)3 NoSQL基礎(chǔ)概念；MongoDB 簡介；數(shù)據(jù)庫、集合、?文檔概念；數(shù)據(jù)庫操作；集合操作；?文檔CURD操作；條件操作符；Limit與Skip?方法；排序；NodeJS的mongoose模塊操作MongoDB；	理解數(shù)據(jù)庫在程序開發(fā)中所起的作用，掌握 MongoDB數(shù)據(jù)庫操作，能夠獨(dú)?獲取分析數(shù)據(jù)
節(jié)點(diǎn)4 Express 簡介；安裝 Express；路由；中間件；視圖；模板引擎；AJAX；跨域/JSONP；搜索分?；?件上傳；登陸注冊；	Express基于 Node.js 平臺(tái)，快速、開放、極簡的 web 開發(fā)框架。它提供一系列強(qiáng)大的特性，幫助你創(chuàng)建各種 Web 和移動(dòng)設(shè)備應(yīng)用。熟悉Express可以更好的掌握互聯(lián)網(wǎng)交互原理。
節(jié)點(diǎn)5 Web Socket；SSE；?絡(luò)爬蟲（實(shí)現(xiàn)多人聊天時(shí)，服務(wù)器主動(dòng)推送消息）；常?工具使用webpack；壓縮混淆；AMD/CMD規(guī)范；結(jié)合Vue.JS實(shí)現(xiàn)單頁?應(yīng)用；Web APP 打包	掌握常用工具，掌握聊天通訊，掌握前后端共同交互實(shí)現(xiàn)單頁?應(yīng)用，掌握APP打包制作
節(jié)點(diǎn)6 h5新特性：?音/視頻 API；本地存儲(chǔ)localStorage/sessionStorage；Geolocation（地理理定位）；百度地圖API；瀏覽器多線程Web Workers；應(yīng)?程序緩存（Application Cache）；Canvas 畫圖、SVG；拖拽事件、API；FileReader API；PAJAX；Bootstrap。插件：swiper、圖表、iconfont	集中講解掌握H5核?心 API，同時(shí)配合網(wǎng)上提供的接口服務(wù)完成需求，對于前端水平全面提升
節(jié)點(diǎn)7 接?微信公眾平臺(tái)；賬號(hào)申請；微信JSSDK使?；分享接?；圖像接?；?頻接?；智能接口；設(shè)備信息；地理位置；界?操作；WEUI框架；微信?程序開發(fā)；創(chuàng)建項(xiàng)?；?具；框架；WXML 、 WXSS；組件API	微信小程序是一種全新的連接用戶與服務(wù)的方式，它可以在微信內(nèi)被便捷地獲取和傳播，同時(shí)具有出色的使用體驗(yàn)。作為一個(gè)跟上趨勢的前端程序員，當(dāng)今最熱門的小程序開發(fā)值得我們掌握
節(jié)點(diǎn)8 整站開發(fā)： Git協(xié)作；前端項(xiàng)目規(guī)范化；H5新特性即時(shí)通訊；互聯(lián)網(wǎng)服務(wù)接口調(diào)用	培養(yǎng)具備整站開發(fā)能力，培養(yǎng)項(xiàng)目劃分管理協(xié)作技巧，前端后端項(xiàng)目規(guī)范設(shè)計(jì)，通過這個(gè)項(xiàng)目讓每一個(gè)學(xué)?生參與項(xiàng)目的規(guī)范化協(xié)作工作，模擬真實(shí)的開發(fā)環(huán)境。
本模塊從零開始逐步深入學(xué)習(xí)web前端開發(fā)的高級階段，以目前最火的微信小程序開發(fā)為模板，教授學(xué)員Web全棧開發(fā)的技巧，課程完成學(xué)員可以獨(dú)立完成相關(guān)項(xiàng)目，并輕松應(yīng)付相關(guān)工作需求

03 我們憑什么自信獲得您的認(rèn)可？

先鋒科教職業(yè)設(shè)計(jì)培訓(xùn)

成立于1998年，隸屬于天津市人社局，具備正規(guī)辦學(xué)資質(zhì)的培訓(xùn)機(jī)構(gòu)，專注于職業(yè)設(shè)計(jì)師的培養(yǎng)下平面設(shè)計(jì)，網(wǎng)頁設(shè)計(jì)等多種設(shè)計(jì)培訓(xùn)課程

先鋒科教數(shù)字藝術(shù)培訓(xùn)

成立于2013年，為先鋒科教數(shù)字藝術(shù)培訓(xùn)部，專注于數(shù)字類設(shè)計(jì)專業(yè)培訓(xùn)，包括游戲建模，UI設(shè)計(jì)，三維動(dòng)畫，影視后期，原畫插畫等培訓(xùn)課程

專業(yè)師資團(tuán)隊(duì)

先鋒科教師資團(tuán)隊(duì)全部需要具備不少于7年職業(yè)項(xiàng)目經(jīng)驗(yàn)，不少于1年職業(yè)培訓(xùn)經(jīng)驗(yàn)，層層選拔，并由學(xué)員配合節(jié)點(diǎn)課程大綱監(jiān)督教學(xué)質(zhì)量

04 學(xué)員常見的問題

01 什么是三合一教學(xué)模式？

三合一教學(xué)模式是針對目前特殊時(shí)期先鋒科教推出的教學(xué)系統(tǒng)，學(xué)員只需要花費(fèi)很低的學(xué)費(fèi)就可以同時(shí)享受：面授同步課程錄像，網(wǎng)絡(luò)直播課，線下面授三種服務(wù)。
02 恢復(fù)面授后如何上課？

現(xiàn)階段報(bào)名學(xué)員均可享受所報(bào)專業(yè)的面授服務(wù)，恢復(fù)面授后學(xué)員只需要到現(xiàn)場和老師重新簽訂一份面授協(xié)議即可，然后根據(jù)自己時(shí)間讓教務(wù)老師將學(xué)員加入面授課程計(jì)劃中。
03 可以試聽嗎？

我們每個(gè)專業(yè)都提供了一定量的面授課程實(shí)錄節(jié)選供學(xué)員試聽，在本頁面課程目錄下學(xué)員可以很容易的找到試聽課程，點(diǎn)擊就可以觀看。