web的核心技術(shù)：

1、HTML

掌握HTML是網(wǎng)頁的核心，是一種制作萬維網(wǎng)頁面的標(biāo)準(zhǔn)語言，是萬維網(wǎng)瀏覽器使用的一種語言，它消除了不同計(jì)算機(jī)之間信息交流的障礙。因此，它是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言，學(xué)好HTML是成為Web前端開發(fā)人員的基本條件。

HTML是一種標(biāo)記語言，能夠?qū)崿F(xiàn)Web頁面并在瀏覽器中顯示。HTML5作為HTML的最新版本，引入了多項(xiàng)新技術(shù)，大大增強(qiáng)了對(duì)于應(yīng)用的支持能力，使得Web技術(shù)不再局限于呈現(xiàn)網(wǎng)頁內(nèi)容。

隨著CSS、JavaScript、Flash等技術(shù)的發(fā)展，Web對(duì)于應(yīng)用的處理能力逐漸增強(qiáng)，用戶瀏覽網(wǎng)頁的體驗(yàn)已經(jīng)有了較大的改善。不過HTML5中的幾項(xiàng)新技術(shù)實(shí)現(xiàn)了質(zhì)的突破，使得Web技術(shù)首次被認(rèn)為能夠接近于本地原生應(yīng)用技術(shù)，開發(fā)Web應(yīng)用真正成為開發(fā)者的一個(gè)選擇。

HTML5可以使開發(fā)者的工作大大簡化，理論上單次開發(fā)就可以在不同平臺(tái)借助瀏覽器運(yùn)行，降低開發(fā)的成本，這也是產(chǎn)業(yè)界普遍認(rèn)為HTML5技術(shù)的主要優(yōu)點(diǎn)之一。AppMobi、摩托羅拉、Sencha、Appcelerator等公司均已推出了較為成熟的開發(fā)工具，支持HTML5應(yīng)用的發(fā)展。

2、CSS

學(xué)好CSS是網(wǎng)頁外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁外觀做得更加美觀。

3、JavaScript

學(xué)習(xí)JavaScript的基本語法，以及如何使用JavaScript編程將會(huì)提高開發(fā)人員的個(gè)人技能。

JavaScript是一種輕量級(jí)的解釋型編程語言，它旨在創(chuàng)建以網(wǎng)絡(luò)為中心的應(yīng)用程序。JavaScript非常容易實(shí)現(xiàn)，因?yàn)樗cHTML集成在一起；它是開放和跨平臺(tái)的。

javascript的作用：

• 1）、使網(wǎng)頁具有交互性，例如響應(yīng)用戶點(diǎn)擊，給用戶提供更好的體驗(yàn)

• 2）、可以處理表單，檢驗(yàn)用戶的輸入，并提供及時(shí)反饋節(jié)省用戶時(shí)間。例如，表單中要你輸入電子郵箱而你卻輸入一個(gè)手機(jī)號(hào)，那么應(yīng)該給你一個(gè)提醒。

• 3）、還可以根據(jù)用戶的操作，動(dòng)態(tài)的創(chuàng)建頁面。例如，發(fā)郵件時(shí)，添加附件操作。

• 4）、設(shè)置cookie，cookie是存儲(chǔ)在瀏覽器上的一些臨時(shí)信息，例如你瀏覽過的網(wǎng)站地址，使用過的用戶名

• 5）、JavaScript 使有規(guī)律地重復(fù)的HTML文段簡化，減少下載時(shí)間。

• 6）、瀏覽器與服務(wù)器進(jìn)行數(shù)據(jù)通訊，比如現(xiàn)在最流行的Ajax異步傳輸；

• 7）、更豐富的界面，可以使用JavaScript來包含諸如拖放組件和滑塊之類的項(xiàng)目，以便為您的站點(diǎn)訪問者提供豐富的界面。

4、jQuery

jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架，jQuery是一個(gè)快速的，簡潔的javascript庫，使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫效果，并且方便地為網(wǎng)站提供AJAX交互。

5、PHP

PHP，一個(gè)嵌套的縮寫名稱，是英文超級(jí)文本預(yù)處理語言(PHP:Hypertext Preprocessor)的縮寫。PHP 是一種HTML內(nèi)嵌式的語言。

6、AJAX

AJAX全稱為“Asynchronous Java and XML”(異步Java和XML)，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。國內(nèi)通常的讀音為“阿賈克斯”和阿賈克斯足球隊(duì)讀音一樣。

Ajax是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù)，通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，Ajax可以在無需重新加載整個(gè)網(wǎng)頁的情況下，更新部分網(wǎng)頁的技術(shù)。

7、API

API(Application Programming Interface，應(yīng)用程序編程接口)是一些預(yù)先定義的函數(shù)，目的是提供應(yīng)用程序與開發(fā)人員基于某軟件或硬件的以訪問一組例程的能力，而又無需訪問源碼，或理解內(nèi)部工作機(jī)制的細(xì)節(jié)。

8、ASP

ASP是Active Server Page的縮寫，意為“動(dòng)態(tài)服務(wù)器頁面”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用，它可以與數(shù)據(jù)庫和其它程序進(jìn)行交互，是一種簡單、方便的編程工具。ASP的網(wǎng)頁文件的格式是。asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。

9、Google Web Toolkit

Google Web Toolkit(簡稱GWT)是Google 推出的 Ajax 應(yīng)用開發(fā)包，GWT 支持開發(fā)者使用Java語言開發(fā)Ajax 應(yīng)用。

10、操作系統(tǒng)

了解Unix和Linux的基本知識(shí)，對(duì)于開發(fā)人員有益無害。

11、網(wǎng)絡(luò)服務(wù)器

了解Web服務(wù)器，包括對(duì)Apache的基本配置，htaccess配置技巧的掌握等。

前端框架

熟悉掌握HTML、服務(wù)器端腳本語言、CSS和JavaScript之后，學(xué)習(xí)Web框架可以加快Web開發(fā)速度，節(jié)約時(shí)間。PHP程序員可選的框架包括CakePHP、CodeIgniter、Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員常用RoR。

隨著Web 越來越規(guī)范和標(biāo)準(zhǔn)的統(tǒng)一，Web組件化技術(shù)不斷革新，移動(dòng)端開發(fā)不斷升華，以下是一些常見開源前端框架：

• Bootstrap

主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它簡潔靈活，使得 Web 開發(fā)更加快捷。

html5-boilerplate

該框架可以快速構(gòu)建健壯，且適應(yīng)力強(qiáng)的web app或網(wǎng)站。

• Meteor

Meteor是新一代的開發(fā)即時(shí)web應(yīng)用的開源框架，它能在較短時(shí)間內(nèi)完成開發(fā)。

• Semantic UI

基于自然語言有效原則的UI組件框架

• Foundation

優(yōu)秀的響應(yīng)式前端框架

• Materialize

基于材料設(shè)計(jì)的現(xiàn)代化響應(yīng)式前端框架?？商峁┠J(rèn)的樣式，自定義組件。此外，Materialize還改進(jìn)動(dòng)畫和過渡，為開發(fā)人員提供流暢的體驗(yàn)。

• Pure

幾乎可以在每一個(gè)web項(xiàng)目中使用的一組小的和響應(yīng)式的CSS模塊。

• Vue

Vue.js 是用于構(gòu)建交互式的 Web 界面的庫。它提供了 MVVM 數(shù)據(jù)綁定和一個(gè)可組合的組件系統(tǒng)，具有簡單、靈活的 API。

• Angular

AngularJS由Misko Hevery 等人于2009年創(chuàng)建，后來唄谷歌所收購。它是一款優(yōu)秀的前端JS框架被應(yīng)用多多種產(chǎn)品中去。它不僅是一個(gè)理念先進(jìn)的前端開發(fā)框架，還是一種端對(duì)端的解決方案。它遵循架構(gòu)設(shè)計(jì)中的MVC模式，提倡數(shù)據(jù)與邏輯處理組件的松耦合。AngularJS通過指令技術(shù)實(shí)現(xiàn)了對(duì)HTML的自然擴(kuò)展，以及通過編譯技術(shù)實(shí)現(xiàn)了數(shù)據(jù)模型與展現(xiàn)視圖的雙向自動(dòng)同步，減輕了復(fù)雜的DOM操作。另外它也對(duì)前端的自動(dòng)化測(cè)試技術(shù)提供了良好的支持。

Angular是一種用于創(chuàng)建單一應(yīng)用程序界面的前端框架，它有許多核心功能例如數(shù)據(jù)綁定，服務(wù)，指令以及依賴注入等等。它具有模塊功能強(qiáng)大，擁有自定義命令等優(yōu)點(diǎn)

• React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其創(chuàng)新式的VirtualDOM，性能上碾壓angularJS，一經(jīng)推出，火的一塌糊涂。 特點(diǎn)很多，VirtualDOM、JSX、Diff算法等，支持ES6語法，采用函數(shù)式編程，門檻稍高，但也更靈活，能讓開發(fā)具有更多可能性。

React主要用于構(gòu)建UI，你可以在React里傳遞多種類型的參數(shù)，如聲明代碼，幫助你渲染出UI、也可以是靜態(tài)的HTML DOM元素、也可以傳遞動(dòng)態(tài)變量、甚至是可交互的應(yīng)用組件。

• Skeleton

Skeleton 是一個(gè)小的 JS 和 CSS 文件的集合,可快速開發(fā)漂亮的網(wǎng)站,適合各種屏幕設(shè)備包括手機(jī)。Skeleton 基于 960 grid 開發(fā)。它是一個(gè) UI 框架。

• Amaze UI

國內(nèi)首個(gè)開源HTML5跨屏前端框架產(chǎn)品系列，中文排版支持更優(yōu)、本土化組件豐富。該產(chǎn)品系列中有專門針對(duì)移動(dòng)端的HTML5混合應(yīng)用開發(fā)框架Amaze UI Touch以及針對(duì)跨屏HTML5網(wǎng)頁開發(fā)的Amaze UI Web。其中，Amaze UI Touch可以幫助開發(fā)者通過豐富的組件，快速構(gòu)建出與原生APP相媲美的專屬移動(dòng)端的HTML5應(yīng)用。

• UIkit

一個(gè)輕量級(jí)的和模塊化的前端框架,用于快速開發(fā)和功能強(qiáng)大的web接口。

• Yui

Yahoo! UI Library (YUI) 是一個(gè)開放源代碼的 JavaScript 函數(shù)庫，為了能建立一個(gè)高互動(dòng)的網(wǎng)頁，它采用了AJAX, DHTML 和 DOM 等程式碼技術(shù)。它也包含了許多 CSS 資源。使用授權(quán)為 BSD許可證。

• kissy

一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。

• MUI

最接近原生App體驗(yàn)的前端框架的框架。

• Arale

一個(gè)開放、簡單、易用的前端基礎(chǔ)類庫。

• JX

JX 是模塊化的非侵入式Web前端框架，特別適合構(gòu)建和組織大規(guī)模、工業(yè)級(jí)的Web App。

• GMU

GMU是基于zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件! Web App。

• ZUI

開源HTML5前端框架

• Clouda Touch.js

Touch.js是移動(dòng)設(shè)備上的手勢(shì)識(shí)別與事件庫,也是在百度內(nèi)部廣泛使用的開發(fā)。

如還有其他困惑，可在線了解有關(guān)信息>>>了解web及其培訓(xùn)課程>>>