課程:8800,5-6個(gè)月左右
WEB前端課程內(nèi)容
WEB培訓(xùn)課程表----HTML CSS
簡(jiǎn)介:本課程從基本的概念開始講起,步步深入,帶領(lǐng)大家學(xué)習(xí)HTML、CSS樣式基礎(chǔ)知識(shí),了解各種常用標(biāo)簽的意義以及基本用法,后半部分教程主要講解CSS樣式代碼添加,為后面的案例課程打下基礎(chǔ)。
Html介紹:
本章節(jié)主要講解html和css樣式的關(guān)系,以及html標(biāo)簽、html文件結(jié)構(gòu)、head標(biāo)簽,后講解了在html中的注釋代碼的作用。
認(rèn)識(shí)標(biāo)簽(第.一部分):
這一章節(jié)將對(duì)標(biāo)簽的使用有了一些初步的認(rèn)識(shí),可以使用標(biāo)簽制作出一篇簡(jiǎn)單的文章網(wǎng)頁。下一章節(jié)我們將進(jìn)一步學(xué)習(xí)另外一部分html標(biāo)簽。
認(rèn)識(shí)標(biāo)簽(第二部分):
本章節(jié)主要講解列表、div及table標(biāo)簽使用,學(xué)完本章,我們可以在網(wǎng)頁上展示一些信息列表及表格數(shù)據(jù),使網(wǎng)頁上的信息更加豐富
認(rèn)識(shí)標(biāo)簽(第三部分):
本章節(jié)主要講解超鏈接標(biāo)簽、鏈接地址及圖片標(biāo)簽,學(xué)習(xí)完這一章節(jié)可以把分散的單獨(dú)的網(wǎng)頁用鏈接<a>標(biāo)簽有效的組織起來,達(dá)到網(wǎng)頁之間可以相互跳轉(zhuǎn)的作用。
與瀏覽者交互,表單標(biāo)簽:
每天都在網(wǎng)上沖浪,如果沒有表單,人們就無法輸入自己的個(gè)人信息來買東西,本章節(jié)主要從表單的作用、表單元素講起,學(xué)習(xí)完本章,可以制出簡(jiǎn)單的用戶登陸、注冊(cè)頁面。
學(xué)習(xí)CSS樣式:
本章就開始帶領(lǐng)大家來學(xué)習(xí)CSS樣式:先來認(rèn)識(shí)CSS樣式、了解CSS樣式的優(yōu)勢(shì)、后講解CSS代碼語法和CSS注釋代碼。
CSS樣式基本知識(shí):
這一章節(jié)主要講解與CSS樣式相關(guān)的基礎(chǔ)知識(shí):CSS樣式的位置及相關(guān)的優(yōu)先級(jí),為后面的CSS樣式具體學(xué)習(xí)打下基礎(chǔ)。
CSS選擇器:
本章主要介紹CSS的選擇器,通過學(xué)習(xí)本章,我們能對(duì)元素進(jìn)行樣式的設(shè)置
CSS的繼承、層疊和特殊性:
CSS中有一些概念是需要深刻理解的,此節(jié)開始將介紹CSS中的一些非常重要的概念包括CSS的繼承、層疊和特殊性。
CSS格式化排版:
本章將詳細(xì)介紹網(wǎng)頁排版中主要格式化要素,幫助讀者把CSS技術(shù)與網(wǎng)頁編排緊密結(jié)合在一起,實(shí)現(xiàn)網(wǎng)頁實(shí)用性與欣賞性相結(jié)合,實(shí)現(xiàn)出設(shè)計(jì)效果。
CSS盒模型:
盒模型是CSS布局的基石,它規(guī)定了網(wǎng)頁元素如何顯示以及元素間相互關(guān)系。本章將圍繞盒模型的概念、結(jié)構(gòu)、尺寸等基礎(chǔ)知識(shí)展開研究,以便為后面的學(xué)習(xí)和日后網(wǎng)頁設(shè)計(jì)奠定扎實(shí)的基礎(chǔ)。
CSS布局模型:
現(xiàn)在可以用所需的知識(shí)進(jìn)行真正設(shè)計(jì)了,學(xué)習(xí)完本章節(jié)可以運(yùn)用所學(xué)習(xí)的知識(shí)實(shí)現(xiàn)網(wǎng)頁的多列布局,本章將圍繞流動(dòng)模型、浮動(dòng)模型、層布局模型等布局技術(shù)展開研究,以便為后面制作復(fù)雜的網(wǎng)頁打下基礎(chǔ)。
CSS代碼縮寫,占用更少的帶寬:
雖然CSS文件或者嵌入的CSS都純文本文件,為了減少css樣式代碼的編寫量,代碼縮寫是很有必要的。這樣可以使用戶訪問你的網(wǎng)頁的時(shí)候占用更少的帶寬。
WEB培訓(xùn)課程表----JavaScript入門篇
簡(jiǎn)介:本教程讓您快速認(rèn)識(shí)JavaScript,熟悉JavaScript基本語法、窗口交互方法和通過DOM進(jìn)行網(wǎng)頁元素的操作,學(xué)會(huì)如何編寫JS代碼,如何運(yùn)用JavaScript去操作HTML元素和CSS樣式,本JavaScript教程分為四個(gè)章節(jié),能夠讓您快速入門,為JavaScript深入學(xué)習(xí)打下基礎(chǔ)。
JavaScript基礎(chǔ):
本章節(jié)主要講解如何在HTML文件中添加JavaScript代碼,掌握必備的基礎(chǔ)語法,為以后來章學(xué)習(xí)打下基礎(chǔ)。
常用互動(dòng)方法:
本章節(jié)主要講解如何向網(wǎng)頁中輸入內(nèi)容,如何與瀏覽器窗口進(jìn)行交互,通過簡(jiǎn)單的對(duì)象方法就可以輕松實(shí)現(xiàn)。
DOM操作:
如何用JavaScript去操作HTML元素和CSS樣式,實(shí)現(xiàn)簡(jiǎn)單的動(dòng)態(tài)操作。
WEB培訓(xùn)課程表----JavaScript進(jìn)階篇
簡(jiǎn)介:做為WEB攻城師必備技術(shù)JavaScript,本課程從如何插入JS代碼開始,學(xué)習(xí)JS基礎(chǔ)語法、語法、函數(shù)、方法等,讓你掌握J(rèn)S編程思路、知識(shí)的使用等,實(shí)現(xiàn)運(yùn)用JS語言為網(wǎng)頁增加動(dòng)態(tài)效果,達(dá)到與用戶交互的目的。
JS基礎(chǔ)語法:
本章節(jié)主要講解變量聲明、變量類型,如何對(duì)它們進(jìn)行賦值、改變、計(jì)算等一系列操作,掌握不同運(yùn)算符的使用方法,靈活運(yùn)用算術(shù)運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符對(duì)變量和數(shù)值進(jìn)行操作。
數(shù)組:
通過本章,掌握控制語句的執(zhí)行順序。因?yàn)镴avaScript程序中的語句一般按出現(xiàn)的順序執(zhí)行,有時(shí)這樣執(zhí)行不能滿足我們的需要,因此大多數(shù)編程語言都提供了流程控制語句,控制代碼的順序。
函數(shù):
函數(shù)是一段JavaScript代碼,它只定義一次,可被執(zhí)行或調(diào)用任意次。掌握函數(shù)的定義、引用。
事件響應(yīng),讓網(wǎng)頁交互:
JavaScript和HTML之間的交互是通過用戶和瀏覽器操作界面引發(fā)的事件來處理,本章介紹事件處理的概念,常用觸發(fā)事件。
JavaScript內(nèi)置對(duì)象:
了解JavaScript自帶一些內(nèi)置對(duì)象,掌握Math、Date、字符基礎(chǔ)對(duì)象和方法。
瀏覽器對(duì)象:
介紹瀏覽器對(duì)象中,history,navigator,screen,location等。
WEB培訓(xùn)課程表----HTML5之元素與標(biāo)簽結(jié)構(gòu)
簡(jiǎn)介:知識(shí)與實(shí)例相結(jié)合,本部分是HTML5課程的基礎(chǔ)內(nèi)容,主要講解HTML5的標(biāo)簽結(jié)構(gòu),與傳統(tǒng)的HTML4相比,新增和刪去的標(biāo)簽及相關(guān)屬性,并深入拓展了全局屬性的相關(guān)知識(shí)。
HTML5語法:
HTML5語法從DOCTYPE及字符編碼、大小寫、布爾值和引號(hào)及可以省略的標(biāo)簽等方面進(jìn)行詳細(xì)講解
新增及刪除標(biāo)簽:
本部分內(nèi)容很重要,對(duì)新增的標(biāo)簽要記住了才能運(yùn)用。主要有結(jié)構(gòu)標(biāo)簽、表單標(biāo)簽、媒體標(biāo)簽及其他功能標(biāo)簽。刪除的標(biāo)簽也要了解下,與時(shí)俱進(jìn)呀!
新增及廢除屬性:
光掌握了標(biāo)簽相關(guān)知識(shí)還遠(yuǎn)遠(yuǎn)不夠,接下來學(xué)習(xí)一下新增和廢除的屬性,特別是表單屬性、鏈接屬性以及其他屬性。
全局屬性:
逐一詳解HTML5新增加的六大全局屬性:data-yourvale、hidden、 Spellcheck、 tabindex、
contenteditable及desginMode。
語義化標(biāo)簽綜合案例:
確認(rèn)HTML5標(biāo)簽的相關(guān)知識(shí)都掌握了嗎? 接下來一起檢驗(yàn)下吧,上實(shí)例!
WEB培訓(xùn)課程表----玩轉(zhuǎn)Bootstrap(基礎(chǔ))
簡(jiǎn)介:本Bootstrap教程能夠讓您了解到,Bootstrap框架是一個(gè)非常受歡迎的前端開發(fā)框架,他能讓后端程序員和不懂設(shè)計(jì)的前端人員制作出優(yōu)美的Web頁面或Web應(yīng)用程序。在這個(gè)Bootstrap教程中,將帶領(lǐng)大家了解Bootstrap框架以及如何使用Bootstrap框架,通過本教程學(xué)習(xí)能夠獨(dú)立定制出適合自己的Bootstrap。
Bootstrap簡(jiǎn)介:
本章主要介紹了Bootstrap框架的歷史、要怎么獲取Bootstrap以及Bootstrap的文件結(jié)構(gòu)等。
Bootstrap排版:
Bootstrap通過覆寫元素的默認(rèn)樣式,實(shí)現(xiàn)對(duì)頁面排版的優(yōu)化,讓頁面在用戶面前呈現(xiàn)的更佳完美。
Bootstrap表單:
本章介紹Bootstrap框架核心部分之一:表單,通過本章節(jié)的學(xué)習(xí),可以輕松的使用Bootstrap框架制作出適合自己需求的表單。
Bootstrap網(wǎng)格系統(tǒng):
本章介紹Bootstrap框架的網(wǎng)格系統(tǒng),通過本章的學(xué)習(xí),可以使用網(wǎng)格系統(tǒng)完美的實(shí)現(xiàn)Web的布局。
菜單、按鈕及導(dǎo)航:
菜單(導(dǎo)航菜單)是一個(gè)Web網(wǎng)站或者Web應(yīng)用程序必不可少的一個(gè)組件。在Bootstrap框架中也提供了這樣的組件。在這一節(jié)中,我們主要和大家探討下拉菜單組件的使用。
導(dǎo)航條、分頁導(dǎo)航:
導(dǎo)航條和上一章介紹的導(dǎo)航,就相差一個(gè)字,多了一個(gè)“條”字。其實(shí)在Bootstrap框架中他們還是明顯的區(qū)別。在導(dǎo)航條中有一個(gè)背景色、而且導(dǎo)航條可以是純鏈接(類似導(dǎo)航),也可以是表單,還有就是表單和導(dǎo)航一起結(jié)合等多種形式。
其它內(nèi)置組件:
在網(wǎng)頁制作中還有許多有用的小組件,如列表框、縮略圖等,這一章就將給大家尾尾道來。
Bootstrap支持的JavaScript插件:
本章節(jié)講Bootstrap支持的JavaScript插件,包括選頂卡、彈出框、提示框。
WEB培訓(xùn)課程表----入門小程序開發(fā)
簡(jiǎn)介:講解小程序的基本知識(shí),如何注冊(cè),并開發(fā)一個(gè)自己的小程序,以及小程序開發(fā)過程中部分常見的問題。
小程序基礎(chǔ):
本章節(jié)什么是小程序,小程序有哪些宣傳方式,小程序官方文檔介紹,小程序開發(fā)流程,如何注冊(cè)小程序,新建小程序項(xiàng)目,小程序開發(fā)工具講解,小程序代碼結(jié)構(gòu)講解,代碼編寫-tabbar的配置。
代碼編寫-小案例實(shí)操:
本章節(jié)講解了小程序首頁開發(fā),第二個(gè)TAB頁的實(shí)現(xiàn)及小程序開發(fā)常見問題。