Ⅰ 學習前端技術，有那些好的網站
個人常用前端學習網站：
B站HTML+CSS教程（更新中）：https://www.bilibili.com/video/BV15T4y1F7Hj
菜鳥教程：https://www.runoob.com/
思否：https://segmentfault.com/
騰訊課堂js教程：https://ke.qq.com/course/231577
B站 vue教程：https://www.bilibili.com/video/BV15741177Eh
移動端 Vue 組件庫：https://youzan.github.io/vant/#/zh-CN/
在線工具：https://tool.lu/
CSDN：https://www.csdn.net/
前站導航：http://frontendjs.com/
後盾人：https://hounren.gitee.io/note/
MDN：https://developer.mozilla.org/zh-CN/
搜索引擎：https://goobe.io/
Ⅱ 什麼是web前端，學習web前端能做
web前端就是您打開網頁，看到一切內容、圖片、動態、特效等等這所有的東西都是由web前端來實現的，最開始的web前端都是靜態的，內容文字這些，隨著互聯網的發展現在的web前端有更多的交互效果，功能更加強大。
學習前端的前景還是很好的，工作的也有很多，比如說網頁製作、前端製作工程師、網站重構工程師、前端開發工程師、前端架構師等等
web前端
現在5G和大數據的發展，各個企業對web前端的需求會更多，發展會非常的好。
Ⅲ 前端工作者常看的權威網站有哪些
前端開發工程師的主要職責是與交互設計師、視覺設計師協作，根據設計圖用HTML和CSS完成頁面製作（也可能是一個人完成所有）。同時，在此基礎之上，對完成的頁面進行維護和對網站前端性能做相應的優化。另外，一名合格的前端開發工程師，應該具有一定的審美能力和基礎的美工操作能力，能很好的與交互及視覺協作。現在的前端工程師可能都需要一定程度上的全棧了，也就是前後端都需要會。不僅需要製作靜態頁面，包括網站架構，H5等。如今市場上招聘web前端需要你會寫JS、會用JS、能設計、切圖、懂用戶交互等，還需要前端架構是開發和優化框架，及伺服器，用戶體驗等涉汲就比較廣，當然全棧式前端工程師工資也就比較高了
Ⅳ 2015年有哪些比較優秀的前端框架
作者：匿名用戶
鏈接：http://www.hu.com/question/39377015/answer/81017680
來源：知乎
著作權歸作者所有，轉載請聯系作者獲得授權。
此榜單根據github上star數作為排名依據，一個人力量有限，如果收集有遺漏歡迎補充。
1、名稱：Bootstrap
類別/語言：HTML、CSS、JavaScript
創建者： Twitter
人氣：在Github上有91007 stars
描述：主流框架中毋庸置疑的老大，Bootstrap 是基於 HTML、CSS、JavaScript 的，它簡潔靈活，使得 Web 開發更加快捷。
核心概念/原則: RWD 和移動優先制。
瀏覽器支持： Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)
響應式: Yes
模塊化: Yes
官網地址：Bootstrap · The world's most popular mobile-first and responsive front-end framework.
Github地址：twbs/bootstrap · GitHub
2、名稱：html5-boilerplate
類別/語言：HTML、CSS、JavaScript
創建者：Paul Irish
人氣：在Github上有32,349 stars
描述：HTML5 Boilerplate 幫你構建 快速, 健壯, 並且 適應力強 的web app或網站。
核心概念/原則：響應式
瀏覽器支持：Firefox, Chrome, Safari, IE8+,Edge,Opera
預處理器：None
響應式：Yes
模塊化：Yes
官網地址：HTML5 Boilerplate: T
Github地址：h5bp/html5-boilerplate · GitHub
3、名稱：Meteor
類別/語言：HTML、CSS、JavaScript
創建者：immir
人氣：在Github上有31,092 stars
描述：Meteor是新一代的開發即時web應用的開源框架，它能幫助你在最少的時間內完成開發。
核心概念/原則：響應式
預處理器: Less
響應式: Yes
模塊化: Yes
官網地址：Meteor
Github地址：meteor/meteor · GitHub
4、名稱：Semantic UI
類別/語言：HTML、CSS、JavaScript
創建者: Jack Lukic
人氣: 在Github上有22,325 stars
描述: 「基於自然語言有效原則的UI組件框架」
核心概念/原則: 語義，標簽的矛盾性、響應式
瀏覽器支持：Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10。
預處理器: Less
響應式: Yes
模塊化: Yes
官網地址：Semantic UI
Github地址：Semantic-Org/Semantic-UI · GitHub
5、名稱：Foundation
類別/語言：HTML、CSS、JavaScript
創建者: ZURB
人氣: 在Github上有22,206+ stars
描述: 「世界上最優秀的響應式前端框架」
核心概念/原則: RWD 、手機優先、語義的
瀏覽器支持： Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
預處理器: Sass
響應式: Yes
模塊化: Yes
官網地址：Foundation | The most advanced responsive front-end framework in the world.
Github地址：zurb/foundation-sites · GitHub
6、名稱：Materialize
類別/語言：CSS
創建者：Google
人氣：在Github上有15,288stars
描述：Materialize是一個個基於材料設計的一個現代化的響應式前端框架。他們做了最繁重的工作，為您提供默認的樣式，結合了您的自定義組件。此外，他們還改進動畫和過渡，為開發人員提供流暢的體驗。
核心概念/原則：響應式
預處理器：Sass
響應式：Yes
模塊化：Yes
官網地址：Documentation
Github地址：Dogfalo/materialize · GitHub
瀏覽器支持：Chrome 35+, Firefox 31+, Safari 7+, IE 10+
7、名稱：Pure
類別/語言：CSS
創建者: Yahoo
人氣: 在Github上有13,161 stars
描述: 「您可以在每一個web項目中使用的一組小的和響應式的CSS模塊」
核心概念/原則:SMACSS,極簡的.
瀏覽器支持：Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
預處理器: None
響應式: Yes
模塊化: Yes
官網地址：http://purecss.io/
Github地址：yahoo/pure · GitHub
8、名稱：Vue
類別/語言：CSS、JavaScript
創建者：尤雨溪
人氣：在Github上有12,214 stars
描述：Vue.js 是用於構建互動式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。
核心概念/原則：響應式
瀏覽器支持：Firefox, Chrome, Safari, IE9+，Android 4.2+，iOS 7+
預處理器：None
響應式：Yes
模塊化：Yes
官網地址：vue.js
Github地址：vuejs/vue · GitHub
9、名稱：Skeleton
類別/語言：CSS、JavaScript
創建者：Dave Gamache
人氣：在Github上有10,622stars
描述：Skeleton 是一個小的 JS 和 CSS 文件的集合,可幫你快速開發漂亮的網站,適合各種屏幕設備包括手機。Skeleton 基於 960 grid 開發。它是一個 UI 框架。
核心概念/原則：響應式
瀏覽器支持：Firefox, Chrome, Safari, IE10+,Opera
預處理器：None
響應式：Yes
模塊化：Yes
官網地址：Skeleton: Responsive CSS Boilerplate
Github地址：dhg/Skeleton · GitHub
10.名稱： Amaze UI
類別/語言：HTML、CSS、JavaScript
創建者：雲適配
最後更新時間：2015年12月
人氣：在Github上有6425 stars
描述：國內首個開源HTML5跨屏前端框架，中文排版支持更優、本土化組件豐富。
並在2015年11月推出基於 React.js 的專屬移動端 Web 組件庫Amaze UI touch。
核心概念/原則：組件化、移動優先、輕量級、高性能。
瀏覽器支持： Firefox, Chrome, Safari, IE8+
響應式: Yes
模塊化: Yes
官網地址：Amaze UI | 中國首個開源 HTML5 跨屏前端框架
Github地址：amazeui/amazeui · GitHub
11、名稱：UIkit
類別/語言：HTML、CSS、JavaScript
創建者: YOOtheme
人氣: 在Github上有6,050+ stars
描述: 「一個輕量級的和模塊化的前端框架,用於快速開發和功能強大的web介面。」
核心概念/原則:RWD, 手機優先.
預處理器: Less, Sass
響應式: Yes
模塊化: Yes
官網地址：UIkit
Github地址：uikit/uikit · GitHub
瀏覽器支持： Chrome, Firefox, Safari, IE9+
12、名稱：Yui
類別/語言：CSS、JavaScript
創建者：Yahoo
人氣：在Github上有3,200+ stars
描述：Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫，為了能建立一個高互動的網頁，它採用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用授權為 BSD許可證
核心概念/原則：響應式
預處理器: None
響應式：Yes
模塊化：Yes
官網地址：http://yuilibrary.com/
Github地址：yui/yui3 · GitHub
瀏覽器支持：Firefox, Chrome, Safari, IE10+,Opera
13.名稱：kissy
類別/語言： JavaScript
創建者：淘寶前端
最後更新時間：2015年7月
人氣：在Github上有2035 stars
描述：KISSY 是一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。
框架大小: 37 KB
核心概念/原則: 模塊化，跨終端，高擴展性
模塊化: Yes
官網地址：KISSY - A Powerful JavaScript Framework
Github地址：kissyteam/kissy · GitHub
14.名稱：MUI
類別/語言： HTML、CSS、JavaScript
創建者：Dclould
最後更新時間：2016年1月
人氣：在Github上有2012 stars
描述：MUI-最接近原生App體驗的前端框架框架。
核心概念/原則: 多端發布、高性能
響應式: NO
模塊化: Yes
官網地址：MUI-最接近原生APP體驗的高性能前端框架
Github地址：dcloudio/mui · GitHub
15.名稱：Arale
類別/語言： JavaScript
創建者：支付寶前端
最後更新時間：2015年7月
人氣：在Github上有1252 stars
描述：Arale 是一個開放、簡單、易用的前端基礎類庫。
框架大小:未知
核心概念/原則: 開放、簡單、易用
瀏覽器支持：Firefox, Chrome, Safari, IE6+
響應式: Yes
模塊化: Yes
官網地址：Arale - 隨心構建互聯網應用
Github地址：aralejs/aralejs.org · GitHub
16.名稱：JX
類別/語言：Javascript
創建者：騰訊前端
最後更新時間：2015年12月
人氣：在Github上有952 stars
描述：JX 是模塊化的非侵入式Web前端框架，特別適合構建和組織大規模、工業級的Web App。
框架大小: 未知
核心概念/原則: 保持最優執行效率
瀏覽器支持： 兼容主流瀏覽器
模塊化: Yes
官網地址：JX - 騰訊 Web 前端開發框架
Github地址：AlloyTeam/JX · GitHub
17.名稱：GMU
類別/語言：HTML、CSS、JavaScript
創建者：網路前端
最後更新時間：2015年12月
人氣：在Github上有940stars
描述：GMU是基於zepto的mobile UI組件庫，提供webapp、pad端簡單易用的UI組件! Web App。
核心概念/原則: 簡單易用、輕量級
模塊化: Yes
官網地址：http://gmu..com/
Github地址：fex-team/GMU · GitHub
18.名稱：ZUI
類別/語言： HTML、CSS、JavaScript
創建者：蟬道
最後更新時間：2015年7月
人氣：在Github上有616 stars
描述：開源HTML5前端框架
核心概念/原則:簡單易用、輕量級、易於定製
瀏覽器支持：未知
官網地址：ZUI - 開源HTML5跨屏框架
Github地址：easysoft/zui · GitHub
19.名稱：Clouda Touch.js
類別/語言：JavaScript
創建者：網路雲
人氣：在Github上有387 stars
描述：Touch.js是移動設備上的手勢識別與事件庫,也是在網路內部廣泛使用的開發。
核心概念/原則: 無入侵設計、媲美原生的交互、極簡的API
模塊化: Yes
官網地址：Touch.js
Github地址：Clouda-team/touch.code..com · GitHub
20.名稱：Arkui
類別/語言：HTML、CSS、JavaScript
創建者：豆瓣
人氣：在Github上有129 stars
模塊化: Yes
官網地址：arkui
Github地址：mockee/arkui · GitHub
Ⅳ 前端開發參考哪些網站，哪些論壇好
藍色天空和博客園這兩個論壇比較好
Ⅵ 如何製作一個優秀的網站前端頁面
網站首頁是用戶進入你網站看到的第一面，如果這第一面給用戶的印象不好，不夠吸引，那樣會讓用戶沒有了繼續瀏覽的慾望。一個不夠吸引人的網站首頁，就算你網站推廣做的再好，IP量再高，但是往往就是因為網站首頁設計的不夠好、不夠精緻、不夠吸引，從而導致了網站轉化率不高。網站首頁的設計不但在網站建設過程中很重要，在網站優化中也起到了關鍵作用。那麼一個優質的網站首頁該怎麼樣設計呢？一個震撼的網站首頁用什麼設計呢？
網站首頁無論是放在網站設計，還是網站建設和網站優化中都是首要針對的步驟。不管是企業網站、個人網站，還是商城網站、分銷網站。網站首頁都要足夠精緻、獨特、設計風格鮮明，這樣才能讓瀏覽的用戶視覺上的沖刺，從而可以觸發用戶的消費慾望或者繼續瀏覽的念頭。
Ⅶ Web前端開發比較好的技術類資源網站有哪些
github 程序員的天堂
W3CPlus | css3教程-css3實例-css3動畫
W3CPLUS是一個前端愛好者的家園，W3CPLUS努力打造最優秀的web 前端學習的站點。W3CPLUS力求原創，以一起學習，一起進步，共同分享為原則。W3CPLUS站提供了有關於css,css3,html,html5,jQuery,手機移動端的技術文檔、DEMO、資源，與前端愛好者一起共勉。
W3Help - W3help是由國內多家關注Web標準的公司、團體、標准組織，及科研單位等共同創立的Web標准推廣網站。我們創辦該網站的目的是為了促進Web標准技術在國內業界的應用和推廣，提供跨瀏覽器開發資源，推動國內Web環境與國際標準的接軌，最終實現國內Web的標准化。我們真誠歡迎國內業界同仁一起加入到推廣Web標準的事業中來。
Can I use... Support tables for HTML5, CSS3, etc 查看主流瀏覽器對css、css3等兼容性，很強大。
奇舞周刊 領略前端技術 閱讀奇舞周刊。收集每周前端精華文章，集結成冊，每周五發送給您
碼農周刊 碼農周刊是一份專為程序員打造的IT技術周刊。我們會為你精選一周IT技術干貨，每周三發送，完全免費。
Ⅷ 前端開發網的網站欄目
「xHTML+CSS」版塊介紹了前端開發日常工作中總結的經驗、技巧，以及站長KwooJan寫的《2天駕馭DIV+CSS》教程，也是初學者入門的經典教程；
「JavaScript」版塊集錦了社區成員的教程、技巧和經驗，學習的同時也可以在這里與前端的大牛們共同編寫一個類庫，這對S水平提高大有幫助；
「jQuery版塊」有站長KwooShung原創的《5天駕馭jQuery》教程，作為一名優秀的前端開發工程師的親身實戰經驗和系統化整理，學習起來比遇到問題就去查的學習方式更加的系統連貫；
「HTML5+CSS3」版塊不但集錦了CSS3、HTML5和Canvas方面的教程，也包含了社區其他學員的優秀作品、學習心得以及經驗總結； 「求助/問問」版塊是前端開發網獨具特色的一個版塊，只要是前端開發方面的問題，都可以在這里提問，將得到站內眾多專業的前端開發工程師解答。
2012年01月12日，前端開發網推出了「問問首頁」新版上線，各位前端朋友在這里提問問題將會更加方便，問題解決效率更高！ 瀏覽器大全：包含了國內外常見的30餘款瀏覽器且提供了下載地址；
前端工具：包含了FireFox和Chrome常見的開發人員插件工具；
jQuery類庫聚合：包含了從jQuery誕生至今所有的版本；
前端開發工具箱：方便前端開發者在開發的時候對代碼進行格式調整或編碼等設置。
JavaScript正則表達式工具：前端開發攻城師在編寫代碼的時候，很多情況下都會用到正則表達式，甚至於我們看了正則表達式的API也不能十分理解，有的時候我們也比較懶，拿著API也不知道怎麼去編寫，此工具便是為此所誕生！
IE6，再見：IE6的死亡倒計時專題，此專題讓很多討厭IE6的前端開發者也對它產生了感情，有種依依不捨的感覺，其中包含了IE6十年相伴，IE6的禮物，IE6的故事，IE6的兄弟姐妹和IE6的自白書。 聚集了前端開發方面優秀的博客、網站、社區等等優秀資源。
Ⅸ 網站前端指的是什麼
前端就是顯示在大家眼前，都可以看到的網站的這個就是前端，後端就是管理員看到 的後端
Ⅹ 網站前端是什麼
用官方的解釋來說：前端就是網站前台部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁，前端技術一般分為前端設計和前端開發，前端設計一般可以理解為網站的視覺設計，前端開發則是網站的前台代碼實現，在創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。
用我們的話說，網站前端就是網頁給訪問網站的人看的內容和頁面，而前端開發顧名思義就是網站前端代碼的實現，上面也有提到過以HTML，CSS及JavaScript為基礎語言的使用，進行網頁設計，不過前端也不完全就是網頁設計，早年的網頁設計主要是以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。而現在的前端開發使得現代網頁更加美觀，交互效果顯著，功能更加強大。