趁著有時間，就給大家把網(wǎng)站上的視頻教程給總結(jié)出來了，如果你喜歡的話記得點贊關(guān)注哦~也不妨小蛙忙碌了好一陣。
下面就一起來看看吧！
一、前端技術(shù)
1、HTML
1.1：快速掌握HTML
課程目標(biāo)：學(xué)習(xí)完本課程,可以熟練掌握網(wǎng)頁的開發(fā),各種常用標(biāo)記的使用；
適用人群：本課程適合于零基礎(chǔ)的人群學(xué)習(xí).由淺入深,循序漸進；
課程概述：超級文本標(biāo)記語言是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng)頁文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對書寫出錯的標(biāo)記將不指出其錯誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對于不同的瀏覽器，對同一標(biāo)記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。
環(huán)境參數(shù)：Windows 32位 或 64位
快速掌握HTML|HTML視頻課程 - 蛙課視頻?www.wkcto.com
2、CSS
2.1：1小時帶你入門CSS
課程目標(biāo)：學(xué)習(xí)完本課程,可以熟練掌握在html中使用css的不同方式,掌握各種常用的顯示效果
適用人群：本課程適合于熟練使用html標(biāo)記的人群
課程概述：CSS是能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計語言。相對于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁中的對象的位置排版進行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力，并能夠進行初步
交互設(shè)計，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計語言。CSS能夠根據(jù)不同使用者的理解能力，簡化或者優(yōu)化寫法，針對各類人群，有較強的易讀性。
環(huán)境參數(shù)：WINDOW32位或64位/Editplus/DW8
1小時帶你入門CSS|CSS視頻課程 - 蛙課視頻?www.wkcto.com
2.2、CSS3 翩翩來襲
課程目的：通過本課程學(xué)習(xí)，掌握CSS的最新標(biāo)準(zhǔn)CSS3，并利用CSS3解決實際相關(guān)問題。
適用人群：具有一定web開發(fā)基礎(chǔ)的開發(fā)人員。
課程概述：CSS3是CSS(層疊樣式表)技術(shù)的升級版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊，雖然W3C的CSS3規(guī)范仍在完善中，但現(xiàn)在大多數(shù)主流瀏覽器都已支持CSS3的新特性。本課程通過不同示例介紹CSS3的一些列模塊和新特性，助力大家快速掌握CSS3的一系列模塊和新特性。
環(huán)境參數(shù)：Sublime Text 3、Chrome
CSS3 翩翩來襲|CSS視頻課程 - 蛙課視頻?www.wkcto.com
3、BootStarp
3.1：一小時上手Bootstrap3
課程目標(biāo)：通過本課程的學(xué)習(xí)，可以保證您在一小時內(nèi)上手Bootstrap UI框架，您所在的團隊是否即將使用Bootstrap，而您卻從來沒有接觸過該框架，那么這一小時的視頻將對您有很大的幫助?？靵砗臀乙黄鹂焖俚氖褂肂ootstrap實現(xiàn)漂亮的頁面吧。
適用人群：需要您懂一點HTML/CSS/JavaScript，不需要懂太多。
課程概述：Bootstrap是美國Twitter公司的設(shè)計師Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript開發(fā)的簡潔、直觀、強悍的前端開發(fā)框架，使得Web開發(fā)更加快捷。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項目。國內(nèi)一些移動開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進行性能優(yōu)化而來。
環(huán)境參數(shù)：HBuilder，F(xiàn)ireFox/IE/Chrome瀏覽器中任選一個。
一小時上手Bootstrap3|Bootstrap視頻課程 - 蛙課視頻?www.wkcto.com
4、JavaScript
4.1：一步一步帶你掌握J(rèn)avaScript
課程目標(biāo)：學(xué)習(xí)完本課程,可以熟練掌握J(rèn)avaScript的核心語法,熟練掌握HTML DOM編碼,BOM編程.掌握J(rèn)SON的使用；
適用人群：本課程適合于掌握HTML,CSS的人群學(xué)習(xí)；
課程概述：JavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能.已經(jīng)被廣泛用于Web應(yīng)用開發(fā),為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現(xiàn)自身的功能的。
環(huán)境參數(shù)：Firefox瀏覽器/Webstorm
一步一步帶你掌握J(rèn)avaScript|JavaScript視頻課程 - 蛙課視頻?www.wkcto.com
4.2：一步一步帶你學(xué)AngularJS
課程目標(biāo)：通過本課程的學(xué)習(xí)，讓大家了解AngularJS，以及AngularJS在項目中的運用。
適用人群：具有一定web開發(fā)基礎(chǔ)的開發(fā)人員。
課程概述：AngularJS在2009年誕生，后來被Google收購，是基于JavaScript開發(fā)的客戶端應(yīng)用框架，也是為了克服HTML在構(gòu)建應(yīng)用上的不足而設(shè)計的，AngularJS可以更加快捷、簡單的開發(fā)Web應(yīng)用，使用與CRUD應(yīng)用或SPA單頁面網(wǎng)站開發(fā)，AngularJS有4大核心特性，包括MVC、模塊化、指令系統(tǒng)、雙向數(shù)據(jù)綁定。本課程通過一步一步的介紹，讓大家快速地掌握AngularJS這樣一個js框架，以適應(yīng)公司的開發(fā)需求。
環(huán)境參數(shù)：Sublime Text 3、Chrome
一步一步帶你學(xué)AngularJS |JavaScript視頻課程 - 蛙課視頻?www.wkcto.com
4.3：JavaScript高級應(yīng)用
課程目標(biāo)：通過本課程的學(xué)習(xí)，讓大家掌握J(rèn)avaScript的高級面向?qū)ο缶幊蹋?/p>
適用人群：本課程適合于有HTML,CSS,JavaScript基礎(chǔ)的人群學(xué)習(xí)；
課程概述：JavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能.已經(jīng)被廣泛用于Web應(yīng)用開發(fā),為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現(xiàn)自身的功能的。本課程介紹JavaScript的高級面向?qū)ο箝_發(fā)的知識，提高對JavaScript的認(rèn)識深度。
環(huán)境參數(shù)：Sublime Text 3、Chrome
JavaScript高級應(yīng)用|JavaScript視頻課程 - 蛙課視頻?www.wkcto.com
5、AJAX
5.1：提升用戶體驗必用神器之AJAX應(yīng)用
課程目標(biāo)：通過本課程的學(xué)習(xí)，使大家認(rèn)知ajax在實際項目開發(fā)中的重要作用，掌握AJAX的各種應(yīng)用方式，以及結(jié)合JSON技術(shù)的高級應(yīng)用方式。
適用人群：具有JAVA SE基礎(chǔ)，具有JDBC開發(fā)基礎(chǔ)，具有servlet開發(fā)基礎(chǔ)，具有jsp開發(fā)基礎(chǔ)，將來致力于做JAVA WEB開發(fā)的人員的必備課程。
課程概述：傳統(tǒng)開發(fā)的缺點，是對于瀏覽器的頁面，全部都是全局刷新的體驗。如果我們只是想取得或是更新頁面中的部分信息那么就必須要應(yīng)用到局部刷新的技術(shù)。局部刷新也是有效提升用戶體驗的一種非常重要的方式。
ajax技術(shù)是基于js語言的擴展，能夠通過將請求發(fā)送給后臺，并從后臺取得相關(guān)數(shù)據(jù)，然后將數(shù)據(jù)在頁面做局部刷新的重要技術(shù)。
本課程會通過對ajax的傳統(tǒng)使用方式，結(jié)合json操作的方式，結(jié)合跨域等高級技術(shù)的方式，對ajax做一個全面的講解。
環(huán)境參數(shù)：window7/8/10、jdk8、eclipse neon.1、tomcat9
提升用戶體驗必用神器之AJAX應(yīng)用|Ajax視頻課程 - 蛙課視頻?www.wkcto.com
6、jQuery
6.1：前端利器jQuery
課程目標(biāo)：學(xué)習(xí)完本課程,可以熟練掌握jQuery的核心原理.熟練掌握jQuery的各種選擇器,節(jié)點操作,事件處理等
適用人群：本課程適合于具備JavaScript基礎(chǔ)的人群
課程概述：jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。
jQuery設(shè)計的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，
提供一種簡便的JavaScript設(shè)計模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。
jQuery的核心特性可以總結(jié)為：具有獨特的鏈?zhǔn)秸Z法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS
選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等
環(huán)境參數(shù)：Firefox/Webstorm
前端利器jQuery|jQuery視頻課程 - 蛙課視頻?www.wkcto.com
7、NodeJS
7.1：帶你快速掌握NodeJS
課程目標(biāo)：通過本課程的學(xué)習(xí)，讓大家掌握NodeJS，以及NodeJS在項目中的運用。
適用人群：具有一定web開發(fā)基礎(chǔ)的開發(fā)人員。
課程概述：Node.js是基于谷歌瀏覽器的V8引擎打造，C++語言編寫的一個js運行環(huán)境，Node.js就是使用前端的js語言（有別于傳統(tǒng)的js語言）來實現(xiàn)后端的技術(shù)（服務(wù)器端）。我們以前對于前端開發(fā)人員來說，所編寫的代碼大部分都是運行在瀏覽器等前端運行環(huán)境上，對于后端服務(wù)器而言，接觸的比較少，現(xiàn)在我們可以通過NodeJS來完成使用前端語言編寫后端服務(wù)器的操作，使得我們前端的開發(fā)人員想要做后端服務(wù)方面的事情，不用再去學(xué)習(xí)一門后端語言，而是使用前端的語言技術(shù)就能夠?qū)崿F(xiàn)。本課程將一步一步地讓大家快速地掌握NodeJS這樣一個前端核心框架，以適應(yīng)公司的開發(fā)需要。
環(huán)境參數(shù)：editplus、Chrome、nodejs 10.15.3
帶你快速掌握NodeJS|NodeJS視頻課程 - 蛙課視頻?www.wkcto.com
來源：知乎
原文：https://zhuanlan.zhihu.com/p/67986281
