WEB前端基礎(chǔ)班
(基礎(chǔ)入門課程)
天津h5開發(fā)培訓(xùn)機(jī)構(gòu)
【所屬機(jī)構(gòu)：天津先鋒科教培訓(xùn)】
天津h5開發(fā)培訓(xùn)課程學(xué)習(xí)H5+CSS3，學(xué)員完成后可以獨(dú)立制作響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)，已經(jīng)具備應(yīng)對(duì)H5前端設(shè)計(jì)相應(yīng)的工作，畢業(yè)后可以從事任何網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的工作。
01 多種特色課程任您選擇
+ 
+ H5精修班
(HTML5精修課程)
+ PHP后臺(tái)開發(fā)班
(網(wǎng)站工程師開發(fā)課程)
+ WEB前端工程師業(yè)班
(WEB前端開發(fā)課程)
02 精選課程只為滿足你的要求
- 《網(wǎng)頁(yè)基礎(chǔ)》課程
網(wǎng)頁(yè)基礎(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)頁(yè)制作必備技能，主要介紹HTML概念、語(yǔ)法及常用基礎(chǔ)標(biāo)簽 節(jié)點(diǎn)2
代碼入門：HTML代碼基礎(chǔ)及CSS層疊樣式表概述
css的盒子模型，更好的排版，進(jìn)行頁(yè)面布局。 介紹CSS語(yǔ)法、選擇器、繼承、層疊及優(yōu)先級(jí)基礎(chǔ)內(nèi)容。 節(jié)點(diǎn)3知識(shí)進(jìn)階：表單制作、JavaScript、html5+css3表單標(biāo)簽的編寫規(guī)范、嵌套規(guī)范以及相關(guān)屬性的用法講解；了解JavaScript語(yǔ)言，掌握它的語(yǔ)法、數(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)頁(yè)HTML結(jié)構(gòu)，并掌握網(wǎng)布局相應(yīng)知識(shí)與技巧。針對(duì)CSS中的基礎(chǔ)布局以及經(jīng)典的布局展開詳細(xì)的講解。對(duì)前面知識(shí)的綜合應(yīng)用，通過(guò)項(xiàng)目實(shí)戰(zhàn)，更加熟練掌握基礎(chǔ)知識(shí)，在實(shí)踐中復(fù)習(xí)、鞏固知識(shí)，提高綜合能力。 本模塊完成后學(xué)員具備完成簡(jiǎn)單靜態(tài)頁(yè)面能力，可以從事網(wǎng)頁(yè)前臺(tái)制作的工作，但是因?yàn)楦钊氲募夹g(shù)缺乏，無(wú)法勝任更高級(jí)的設(shè)計(jì)與開發(fā)工作，屬于網(wǎng)頁(yè)設(shè)計(jì)最底層的工作能力要求程度 - 《H5前端設(shè)計(jì)》課程
H5前端設(shè)計(jì)課程 節(jié)點(diǎn)學(xué)習(xí)內(nèi)容 最終學(xué)習(xí)目標(biāo)描述 節(jié)點(diǎn)1H5前端開發(fā)環(huán)境介紹：傳統(tǒng)網(wǎng)站知識(shí)布局總結(jié)前端開發(fā)環(huán)境介紹：DreamWeaver、 Notepad++、HBuilder；HTML基礎(chǔ)，CSS基礎(chǔ)，CSS核心屬性；CSS樣式層疊繼承，盒模型 節(jié)點(diǎn)2HTML5基礎(chǔ)及案例練習(xí)HTML5提供了新的元素來(lái)創(chuàng)建更好的頁(yè)面結(jié)構(gòu)，告別傳統(tǒng)代碼不能更好語(yǔ)義化說(shuō)明及頁(yè)面新功能增加。新增標(biāo)簽介紹：<article>、<aside>、<figure>、<header>、<mark>、<nav>、<section> ... ...
移除標(biāo)簽介紹： <acronym>、<basefont>、<frame>、<strike> ... ...
節(jié)點(diǎn)3CSS3基礎(chǔ)及案例練習(xí)CSS3基礎(chǔ)屬性介紹，做到用代碼大量替換PS作圖的工作，符合市場(chǎng)需求。邊框?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)站活起來(lái)。2D/3D轉(zhuǎn)換：translate()、rotate()；過(guò)渡/動(dòng)畫屬性：transition、animation；... ...三種定位布局方式，定位在交互上的應(yīng)用。響應(yīng)式設(shè)計(jì)： 就是我們?nèi)粘Ｕf(shuō)的手機(jī)網(wǎng)站或三屏合一網(wǎng)站。通過(guò)使用的設(shè)備環(huán)境（系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等）進(jìn)行相對(duì)應(yīng)的布局。最終達(dá)到網(wǎng)站的不同尺寸布局。 本模塊會(huì)深入系統(tǒng)的學(xué)習(xí)H5+CSS3，學(xué)員完成后可以獨(dú)立制作響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)，已經(jīng)具備應(yīng)對(duì)H5前端設(shè)計(jì)相應(yīng)的工作，畢業(yè)后可以從事任何網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的工作 - 網(wǎng)頁(yè)高級(jí)特效與框架開發(fā)
網(wǎng)頁(yè)高級(jí)特效與框架開發(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)簽；語(yǔ)義化標(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ū)別；長(zhǎng)度單位；顏?單位；常用屬性；CSS3屬性；尺?；邊框；背景；內(nèi)補(bǔ)?；外補(bǔ)?；布局；定位；字體； 文本； 列表；表格；用戶界?；多欄；2D變換；過(guò)渡動(dòng)畫；CSS3：圓?邊框、邊框九宮格特效、多圖背景、動(dòng)畫、漸變和倒影、多列屬性布局、服務(wù)器端字體，可以實(shí)現(xiàn)基礎(chǔ)網(wǎng)頁(yè)布局，??樣式定義及CSS，樣式特效節(jié)點(diǎn)3
W3C盒子模型；div+css?頁(yè)布局；彈性盒?HTML5兼容性處理；使? HTML5布局元素的布局；Media Query響應(yīng)式布局；
百分比??布局；
掌握使?媒體查詢技術(shù)及百分比布局，實(shí)現(xiàn)響應(yīng)式頁(yè)?，自動(dòng)適應(yīng)多種分辨率設(shè)備 節(jié)點(diǎn)4
PS切圖；精靈圖；CSS重制樣式表reset；CSS、Normalize.css；CSS命名規(guī)范，CSS常用名；C掌握和設(shè)計(jì)人員對(duì)接，把一張PSD圖?切成自?需要的圖片樣式，按照效果圖實(shí)現(xiàn)網(wǎng)站 節(jié)點(diǎn)5JS的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)6JQuery簡(jiǎn)介；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重置樣式表；?頁(yè)規(guī)范兼容性；SASS；Compass 精靈圖代碼壓縮；常?網(wǎng)站效果；rem相對(duì)?小布局；能夠獨(dú)?完成網(wǎng)?布局，頁(yè)面效果，表單驗(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)境搭建、編輯器的安裝，以及基本語(yǔ)法和PHP的工作原理。 了解xampp和cms后臺(tái)系統(tǒng)。 節(jié)點(diǎn)2
基礎(chǔ)制作：PHP開發(fā)博客展示網(wǎng)站項(xiàng)目MySQL數(shù)據(jù)庫(kù)的安裝、數(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)用的基本語(yǔ)法和使用，以及項(xiàng)目中如何運(yùn)用。
通過(guò)JS數(shù)據(jù)調(diào)用、表單搜索查詢、視頻數(shù)據(jù)嵌入、留言模塊、投票系統(tǒng)、注冊(cè)登錄驗(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ù)庫(kù)的結(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ù)庫(kù)開發(fā)，PHP網(wǎng)站后臺(tái)開發(fā)等相關(guān)工作 - 《網(wǎng)頁(yè)UI》課程
網(wǎng)頁(yè)UI課程 節(jié)點(diǎn)學(xué)習(xí)內(nèi)容 最終學(xué)習(xí)目標(biāo)描述 節(jié)點(diǎn)1
熟悉代碼：網(wǎng)站頁(yè)面基礎(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)證頁(yè)面
如何探測(cè)長(zhǎng)時(shí)間跳轉(zhuǎn)鏈
頁(yè)面內(nèi)容、功能布局優(yōu)化
頁(yè)面元素配色優(yōu)化
需求分析、用戶場(chǎng)景模擬、競(jìng)品分析
根據(jù)產(chǎn)品的用戶定位進(jìn)行設(shè)計(jì)， UI設(shè)計(jì)師交出產(chǎn)品設(shè)計(jì)圖時(shí)，更多的配合開發(fā)人員、測(cè)試人員進(jìn)行截圖配合。
UI設(shè)計(jì)師需對(duì)產(chǎn)品的效果進(jìn)行驗(yàn)證，是否可用，用戶是否接受，以及與需求是否一致。本模塊是更深入的頁(yè)面設(shè)計(jì)學(xué)習(xí)，會(huì)初步接觸最新的html5標(biāo)準(zhǔn)與css3，學(xué)員完成后可以完成響應(yīng)式的頁(yè)面布局與網(wǎng)站優(yōu)化等進(jìn)階工作，但是受模塊內(nèi)容時(shí)長(zhǎng)限制，在前端設(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簡(jiǎn)介；NodeJS安裝；npm?具使?；模塊、package；回調(diào)函數(shù)；buffer，事件；?件處理模塊；http，URL，querystring，path等模塊；POST/GET請(qǐng)求；安裝模板引擎；NodeJS作為服務(wù)端語(yǔ)言，接收處理響應(yīng)請(qǐng)求，掌握NodeJS搭建服務(wù)器
節(jié)點(diǎn)3
NoSQL基礎(chǔ)概念；MongoDB 簡(jiǎn)介；數(shù)據(jù)庫(kù)、集合、?文檔概念；數(shù)據(jù)庫(kù)操作；集合操作；?文檔CURD操作；條件操作符；Limit與Skip?方法；排序；NodeJS的mongoose模塊操作MongoDB；
理解數(shù)據(jù)庫(kù)在程序開發(fā)中所起的作用，掌握 MongoDB數(shù)據(jù)庫(kù)操作，能夠獨(dú)?獲取分析數(shù)據(jù) 節(jié)點(diǎn)4
Express 簡(jiǎn)介；安裝 Express；路由；中間件；視圖；模板引擎；AJAX；跨域/JSONP；搜索分?；?件上傳；登陸注冊(cè)；Express基于 Node.js 平臺(tái)，快速、開放、極簡(jiǎn)的 web 開發(fā)框架。它提供一系列強(qiáng)大的特性，幫助你創(chuàng)建各種 Web 和移動(dòng)設(shè)備應(yīng)用。熟悉Express可以更好的掌握互聯(lián)網(wǎng)交互原理。 節(jié)點(diǎn)5Web Socket；SSE；?絡(luò)爬蟲（實(shí)現(xiàn)多人聊天時(shí)，服務(wù)器主動(dòng)推送消息）；常?工具使用webpack；壓縮混淆；AMD/CMD規(guī)范；結(jié)合Vue.JS實(shí)現(xiàn)單頁(yè)?應(yīng)用；Web APP 打包掌握常用工具，掌握聊天通訊，掌握前后端共同交互實(shí)現(xiàn)單頁(yè)?應(yīng)用，掌握APP打包制作 節(jié)點(diǎn)6h5新特性：?音/視頻 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ù)完成需求，對(duì)于前端水平全面提升 節(jié)點(diǎn)7接?微信公眾平臺(tái)；賬號(hào)申請(qǐng)；微信JSSDK使?；分享接?；圖像接?；?頻接?；智能接口；設(shè)備信息；地理位置；界?操作；WEUI框架；微信?程序開發(fā)；創(chuàng)建項(xiàng)?；?具；框架；WXML 、 WXSS；組件API微信小程序是一種全新的連接用戶與服務(wù)的方式，它可以在微信內(nèi)被便捷地獲取和傳播，同時(shí)具有出色的使用體驗(yàn)。作為一個(gè)跟上趨勢(shì)的前端程序員，當(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ì)，通過(guò)這個(gè)項(xiàng)目讓每一個(gè)學(xué)?生參與項(xiàng)目的規(guī)范化協(xié)作工作，模擬真實(shí)的開發(fā)環(huán)境。 本模塊從零開始逐步深入學(xué)習(xí)web前端開發(fā)的高級(jí)階段，以目前最火的微信小程序開發(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)頁(yè)設(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é)模式是針對(duì)目前特殊時(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)場(chǎng)和老師重新簽訂一份面授協(xié)議即可，然后根據(jù)自己時(shí)間讓教務(wù)老師將學(xué)員加入面授課程計(jì)劃中。
- 03 可以試聽嗎？
我們每個(gè)專業(yè)都提供了一定量的面授課程實(shí)錄節(jié)選供學(xué)員試聽，在本頁(yè)面課程目錄下學(xué)員可以很容易的找到試聽課程，點(diǎn)擊就可以觀看。
熱門課程更多+
