当前位置:首页 » 网页前端 » 优秀前端网站
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

优秀前端网站

发布时间: 2022-05-08 23:40:42

Ⅰ 学习前端技术,有那些好的网站

个人常用前端学习网站:
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为基础语言的使用,进行网页设计,不过前端也不完全就是网页设计,早年的网页设计主要是以图片和文字为主,用户使用网站的行为也以浏览为主。而现在的前端开发使得现代网页更加美观,交互效果显着,功能更加强大。