前端学习资源合集

最新推荐文章于 2024-05-12 07:21:47 发布
最新推荐文章于 2024-05-12 07:21:47 发布
阅读量916 收藏 2
点赞数 1
分类专栏： 学习资源 文章标签： 前端 学习

在前端路上摸索前行，在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。欢迎更新，以下各排名不分先后顺序。

自己 RSS 长期订阅了一些IT 和技术相关博客，这里是我Feedly 输出的opml，可直接导入一些RSS 阅读器: https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml

前端收集图谱

此部分为@jikeytang 贡献

image

聚合&&周报订阅
名称订阅地址介绍
英文推送
Html5 Weeklyhttp://html5weekly.com/Html 技术类
CSS Weeklyhttp://css-weekly.com/
Javascript Weeklyhttp://javascriptweekly.com/JS相关，同样有 html,css 和工具相关
Web Design Weeklyhttp://web-design-weekly.com/设计、技术、技巧、工具聚合
UX Weeklyhttp://uxwkly.com/用户体验、网页设计推送
Web Tools Weeklyhttp://webtoolsweekly.com/Js，工具推送
RESPONSIVE DESIGN NEWSLETTERhttp://re
sponsivedesignweekly.com/每周推送一次响应式设计相关
Tutorialzinehttp://tutorialzine.com/精品教程和资源推送
Sidebarhttp://sidebar.io/每天、每半周、每周推送5条设计相关
The Hacker News Newsletterhttp://www.hackernewsletter.com/HN 每周精选
Design Newshttps://news.layervault.com/F2类资讯聚合
Css Animationshttp://cssanimation.rocks/关于CSS动画的订阅
HACKDESIGNhttp://hackdesign.org/每周发布一个设计类课程
中文推送
稀土:掘金http://gold.xitu.io/国内十分用心的开发者技术分享、交流平台
SegmentFault精选http://segmentfault.com/国内开发者技术问答社区每周精选问答
FE Weeklyhttp://www.feweekly.com/每周一次，内容主要是英文的，不过有中文导读
EchoJs_Newshttp://www.echojs.com/每天推送若干好文，都是英文的，JS技术类
 碼天狗週刊http://weekly.codetengu.com/台湾的，一份開發者導向的IT 技術週刊，適合所有患有資訊焦慮症、氣血循環不順以及性受挫的軟體工程師們。
Github Issue Blog Readerhttps://gitissue.comGithub Issue 博客聚合平台，每天更新内容，可及时关注阅读

专业博客

注:此处活跃度为博客更新频率，原创度指的是作者原创或者翻译的文章所占博文比例。请尊重原创，大量转载其他网站资讯的网站和聚合类网站不做推荐。

中文博客
名称活跃度原创度维护者其他
W3Cplus★★★★★★★★★★携程 @大漠国内最优秀的前端博客，原创居多
W3Cfuns★★★★★★★★★☆#专注于web前端开发行业的综合性门户网站
前端观察★★★★☆★★★★☆腾讯 ISUX @神飞曾经最优秀，最近更新不频繁了
腾讯web前端 AlloyTeam 团队★★★★★★★★@腾讯AlloyTeam来自于腾讯SNG(社交网络事业群)
张鑫旭-鑫空间-鑫生活★★★★☆★★★★★张鑫旭重构很厉害，不少经典文章经验
ria之家★★★★☆★★★★☆淘宝 @明河#
大前端★★★★☆★★★★☆##
CSS森林★★★★☆★★★★☆关于#
设计达人★★★★☆★★★☆☆#更新较频繁，但转载也较多
阮一峰博客★★★★☆★★★☆☆#牛人一个
Be For Web - 为网而生 - 原创译文博客★★★★☆★★★★☆@C7210关注移动应用及互联网产品、用户体验设计、前端开发
国外博客
名称活跃度原创度维护者其他
Smashing Magazine★★★★★★★★★★#业界权威，web 设计很赞
Tuts★★★★★★★★★★-国外知名开发者网站
DeveloperDrive★★★★★★★★★★-优质前端技术信息
CSS-TRICKS★★★★★★★★★★Chris Coyier左边这位是大神
Web Designer Wall★★★★★★★★★★Nick La.优质 Html5,CSS3等教程
Tutorialzine★★★★★★★★★★#大量 web 教程和资源
Inspect Element★★★★★★★★★★#CSS,wordpress 相关教程挺多
Codrops★★★★★★★★★★#设计、交互、CSS
Jake Rutter★★★★★★★★★★Jake RutterJquery 作者，不解释了
Paul Irish★★★★★★★★★★Paul Irish大神,Google Chrome团队,Yeoman
Krasimir Tsonev★★★★★★★★★★Krasimir Tsonevhtml5,ccs3,javascript
NCZOnline★★★★★★★★★★Nicholas C. Zakashtml5,ccs3,javascript
HTML5 Rocks★★★★★★★★★★#html5权威网站
A List Apart★★★★★★★★★★#可以改变世界的文章
hakim★★★★★★★★★★HAKIM EL HATTABccs3,javascript
DailyJS★★★★★★★★★★#javascript
活跃微博
ID公司简介
@稀土圈#强烈推荐，分享一些技术文章和Github项目
@w3c中国#万维网联盟中国办事处官方微博
@TheFrontEnd#JavaScript技术资讯、新闻、教程、深度文章。
@前端快爆阿里巴巴有HTML5、CSS3、JS
@HTML5中国#中国www.html5cn.org官方微博
开发者博客

微博微信流行后，明显感觉到写博客的人还是越来越少了，下面推荐的这些开发者属于在网上比较活跃的，或者博客积累了大量优质资源的。

国内开发者

国内开发者一块欢迎大家 Fork提交推荐，最好能推荐一些在前端界较活跃的的开发者。

ID博客微博GithubTwitter公司关键字
小胡子哥barretlee@Barret李靖@barretlee##阿里巴巴
小鱼sofish@sofish###饿了么前端
屈光宇Jerry Qu的小站屈光宇###奇虎360前端,HTTP,Node。js
郭宇Einmal ist keinmal@郭宇@guo-yu@turingou今日头条Node.js
hzlzh自力博客@hzlzh@hzlzh@hzlzh腾讯前端开发
TQhttp://targetkiller.net/@Piser-TQ@tqtan@targetkiller腾讯 微信前端
张鑫旭张鑫旭博客@张鑫旭@zhangxinxu@zhangxinxu阅文(腾讯文学) YUED前端开发
foru17罗磊的独立博客@罗罗磊磊@foru17@foru17阅文(腾讯文学) YUED
LOO2KLOO2K@LOO2KLOO2KLOO2K腾讯 CDC前端
阮一峰阮一峰博客@ruanyf#@ruanyf上海金融学院国际金融学院教师，博客写作人，翻译人，《黑客与画家》的译者
老赵http://blog.zhaojie.me/@老赵##摩根大通（香港）资深码农
玉伯岁月如歌@玉伯也叫射雕@lifesinger@lifesinger支付宝大牛
kejunhttp://hikejun.com/@kejunz@kejunz#豆瓣前端大神
寒冬winterwinter-cn@寒冬winter####
左耳朵耗子酷壳@左耳朵耗子#@haoel淘宝#
fool2fish#@fool2fish##支付宝#
朴灵Html5fiy@朴灵JacksonTian#阿里巴巴《深入浅出Node.js》作者,大牛
Cat Chen陈广琛@CatChen@CatChen@CatChenFacebook大牛
BYVodBeyond the Void@BYVoid@byvoid@BYVoidFacebook 英国《Node.js 开发指南》作者,大牛
勾三股四#@勾三股四##淘宝#
cnberg冰山一角@berg@cnberg@cnberg百度骑行
大猫意淫笔记@daemao@Damao@13igcat腾讯知乎
C7210beforweb.com/@C7210@C7210@C7210#UX、交互设计师、视觉与前端
kejunhttp://hikejun.com/###腾讯前端开发
lucifrhttp://lucifr.com/@lucifr@lucifr@lucifr#Mac,ios
smallnihttp://www.smallni.com/#@Smallni#腾讯前端开发
qiqiboyqiqiboy@qiqiboy##老虎证券吐槽清理大师开发者
周爱民aimingoo专栏###支付宝JavaScript语言精髓与编程实践作者
李松峰为之漫笔####高程2等书的译者
99css99css@ytzong###腾讯一牛
秦歌Kaven#@kavenyan##js语言精粹译者
linxzlinxz####css那些事儿的作者
AlongAlong’s Blog@newwave###Opera 欧朋一牛
安记cssha@hanan321hanan198501##去哪网一牛
余弦EVILCOS余弦evilcos#知道创宇安全（黑客）、架构、团队的各种观点与分享
一些社区
名称地址介绍
V2EXhttp://v2ex.com/小众活跃社区
稀土掘进https://juejin.im/程序员同性交友社区
知乎http://www.zhihu.com/综合问答社区
前端乱炖http://www.html-js.com/专业的前端知识平台
segmentfaulthttp://segmentfault.com/综合问答社区
果壳问答http://www.guokr.com/ask/pending/综合问答社区
Rubyhttp://ruby-china.org/同 V2EX 氛围类似，不局限于Ruby
Node.js 中文社区http://cnodejs.org/Node.js 国内最活跃的社区
Code Wallhttps://coderwall.com/国外技术社区
DIV.IOhttp://div.io/国内前端技术社区
w3ctechhttp://www.w3ctech.com/国内前端技术社区，常有一些线下活动发布
企业官方博客

在开头我的 Feedly 订阅 opml 文件里比较全面。

名称公司部门活跃度简介微博
ISUX 社交用户体验设计腾讯ISUX★★★★☆负责腾讯的社交网络相关产品的用户体验设计与研究。#
腾讯 CDC腾讯CDC★★★★☆简介#
腾讯Web前端 Alloy 团队 Blog腾讯SNG★★★★☆主要负责手机QQ、QQ互联、腾讯Q+、WebQQ项目的团队。alloyteam
TID-财付通设计中心腾讯TID★★★★☆简介#
腾讯MXD移动互联网设计中心腾讯MXD★★★★☆简介@腾讯MXD
凹凸实验室京东FED★★★★★简凹凸实验室(Aotu.io，英文简称O2) 始建于2015年10月，是一个年轻基情的技术团队。#
微博UDC新浪UDC★★★★☆简介@微博UDC设计中心
新浪UED新浪UED★★★★☆简介#
网易用户体验设计中心网易UED★★★★☆简介#
阿里巴巴（中国站）用户体验设计部博客阿里巴巴UED★★★★☆简介@Alibaba-UED
携程UED-携程旅行前端开发团队携程网UED★★★☆☆携程UED,携程前端开发团队,UED,Javascript,重构,ux#
百度FEX百度FEX★★★★☆百度前端团队Blog,关注前端技术，还更重视全端及全栈的能力。#
淘宝UED淘宝网UED★★★★☆用户体验、交互设计、视觉设计、前端技术博客@淘宝UED
书籍
名称作者价格出版社简评
Web标准设计刘杰（嗷嗷）RMB 60.00清华大学出版社基础入门
大巧不工 : Web前端设计修炼之道赖定清 / 林坚RMB 59.00机械工业出版社适合入门，了解前端全局
高性能网站建设指南:前端工程师技能精髓Steve SoudersRMB 35.00电子工业出版社能从原理层理解各种方法
高性能网站建设指南:Web开发者性能优化最佳实践Steve SoudersRMB 49.80电子工业出版社#
Web站点优化 : Web站点优化金RMB 55.00##
Node.js开发指南郭家寶RMB 45.00#作者很牛
JavaScript高级程序设计Nicholas C. ZakasRMB 99.00人民邮电出版社适合没事就翻翻
JavaScript权威指南弗拉纳根RMB 109.00机械工业出版社犀牛书
JavaScript语言精粹Douglas CrockfordRMB 35.00电子工业出版社绝对经典，相信看完后，对Javascript这门语言有了重新认识，原来这个语言是这么的美丽！
深入浅出node.js朴灵RMB 69.00人民邮电出版社一本从前端通往全端的好书
CSS开发王张亚飞RMB 49.00电子工业出版社适合有一定基础后CSS进阶用
JavaScript DOM编程艺术Jeremy Keith /Jeffrey SambellsRMB 49.00人民邮电出版社适合Javascript入门看
线上文档参考
书名地址作者译者介绍
JavaScript秘密花园http://bonsaiden.github.io/JavaScript-Garden/zh/伊沃·韦特泽尔&张易江三生石上完整书籍，界面美观，有详细demo
Material Design 中文版http://design.1sters.com/Google设计手册协同翻译Google I/O 2014 发布的 Material Design 官方手册的中文翻译

关于

本 repo 会不断更新，感谢推荐和分享新资源的朋友。



banggan
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
分享三个前端学习方法、十项前端面试笔记：养精蓄锐，为想去的公司努力一把(1)
2301_77033813的博客
04-15 964
基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。什么？你问面试题资料在哪里，这不是就在你眼前吗（滑稽。
二十个知识点，学前端必知
wshyb0314的博客
08-20 1213
是指计算机Web应用程序（网站）的前台页面，在我们打开一个网站所看到网页界面的内容以及交互体验，一般都是由前端工程师进行开发设计的页面，该内容属于前端部分。想要真正弄懂，那么还需要再理解一下，因为这两者是相对，也是相辅相成才形成一个网站程序。要用到的动态数据（或API数据），是由提供的。后端开发一般会采用PHP、JAVA、Python等其中一种开发语言，以及数据库技术。使用小程序开发者工具开发的这一部分代码，是属于前端部分。小程序开发是前后端分离的，前端获取动态数据是通过后端的API进行请求。
Web前端学习路线，超全面整理「HTML+CSS+JS+Ajax+jQuery+VUE
最新发布
weixin_49376454的博客
05-12 1332
Web前端学习路线，超全面整理「HTML+CSS+JS+Ajax+jQuery+VUEWeb前端学习路线，超全面整理「HTML+CSS+JS+Ajax+jQuery+VUEWeb前端学习路线，超全面整理「HTML+CSS+JS+Ajax+jQuery+VUE
分享三个前端学习方法、十项前端面试笔记：养精蓄锐，为想去的公司努力一把
2401_84092456的博客
04-05 902
可望而不可即的诱人目标无法抵挡无法预知的积极反馈渐进式的进步和改善的感觉越来越困难的任务需要解决，但暂未解决的紧张感（我很期待！！！其实你可以把这些钩子投入学习中，把学习当做兴趣，升级打怪，不断提升自己。自己的人生自己选择，你可以选择一条简单的路，选择沉迷在你的手机里，刷视频，打游戏，煲剧，毫不费力的收获大把大把的快乐，你也可以选择一条更加艰难的路，选择自律，选择延迟慢走，选择成长。用你的右手做什么，由你自己决定学习方法。
探索前端食堂：一个全面的前端开发者学习资源库
gitblog_00083的博客
03-26 389
探索前端食堂：一个全面的前端开发者学习资源库 项目地址:https://gitcode.com/Geekhyt/front-end-canteen 项目简介 前端食堂 是一个由开发者社区维护的开源项目，旨在为前端开发者提供丰富的学习资料、实战案例和行业动态。这个项目如同一座知识宝库，涵盖了JavaScript、CSS、HTML、React、Vue、Angular等各种前端技术和框架，无论你是初学...
2023版完整版web前端学习路线图（超详细自学路线）
热门推荐
千锋教育
09-09 4万+
跟着路线图认真坚持学习从前端小白到大神不是梦，0基础看这一篇足矣！前端计算机常识 ➾ html+css基础 ➾ html+css 项目实践JavaScript基础+进阶 ➾ Ajxa ➾ JavaScript应用项目实践 ➾ Node.js ➾ MongoDB项目实践Vue&React开发：Vue2.0+3.0 ➾ Vue项目实践 ➾ 数据可视化项目 ➾ React ➾ React项目实战 ➾ UmiJS项目公众号&小程序开发。
前端学习资料合集
08-10
在前端开发领域，持续学习和深入理解是提升技能的关键。...总的来说，这个压缩包提供了从基础到高级，从理论到实践的全方位前端学习资源，对于想要提升前端技能或者准备面试的开发者来说，无疑是一份珍贵的学习宝典。
前端开发学习手册.zip
05-10
前端开发学习手册 前端开发学习手册 前端开发学习手册 前端开发学习手册 前端开发学习手册 前端开发学习手册 前端开发学习手册 前端开发学习手册 前端开发学习手册 前端开发...
最全前端学习资源
05-20
"最全前端学习资源"这个压缩包显然包含了丰富的前端开发学习材料，包括知识体系、结构、开发概述以及一系列免费的编程书籍。下面我们将深入探讨这些标签所代表的关键知识点。 首先，"前端知识体系"和"前端知识结构...
前端静态资源可下载学习
02-24
在IT行业中，前端开发是构建Web应用程序不可或缺的一部分，它涉及到用户与网站互动的所有可视和交互元素。...这个压缩包提供的资源是开始或深化前端学习的好起点，结合实际项目练习，可以巩固理论并提升实战能力。
前端学习思维导图11111
05-09
前端学习思维导图11111
2023年最新前端学习路线【超详细版】
Itmastergo的博客
08-01 4594
2023年最新前端学习路线【超详细版】
前端学习方法
主要领域：前端开发
01-21 1284
模块一 前端知识架构：构建你的前端知识体系 两种高效的前端学习方法 建立前端体系架构 明确前端工程师的发展方向 JavaScript语言：掌握JavaScript的核心功能和设计思路 学习JavaScript语言知识 建立对JavaScript语言的文法、语义、运行时的整体认知 掌握JavaScript的核心功能和设计思路 JavaScript运行时 JavaScript词法 JavaScript语法 JavaScript对象机制 脚本与模块 函数 类 语法与声明 表达式 标识符与直接量 HTM
关于前端学习路线的一些建议（内含经典自测题）
weixin_45566319的博客
09-12 555
虽然这篇文章花了很长时间，肯定也有其局限性；希望各位不吝指出。 入题 我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以对我们提出的要求也就越来越高。所以我们需要学的也就不仅仅只是 CSS & HTML & JavaScript 了。但这三大件一直都是前端的根本，这一点从未改变。而这三大件中 JavaScript 又是重中之重。 接下来我会结合我的一点经验，给出前端...
前端常用学习社区
大大黄的博客
03-31 1497
技术社区 中文社区 [荐] 掘金 [荐][安全] freebuf [荐] GitChat 链滴 cnode 思否 v2ex 超级产品经理 ** ** 英文社区 [英][荐] stackoverflow [英] dev.to 前端周刊 中文周刊 ** ** 每日时报 阮一峰 - 科技爱好者周刊 前端精读 360 奇舞周刊 infoQ 前端频道 前端和UX技巧 推酷 - 编程狂人 印记中文周刊 腾讯 TNT
前端常用的学习资源官方地址
yijiupingfan0914的博客
08-13 1171
nodeJS官网：http://nodejs.cn/ 桌面应用程序开发框架, Electron 官方地址: https://electronjs.org/ WeUI官方Demo: https://weui.io/ WEUI小程序库 github下载地址：https://github.com/Tencent/weui-wxss WeUI库下载地址：https://github.com/Ten...
重学前端
W3cplus
01-14 1756
@winter大大的课，我在18年获取了大纲中的四分之一！还好我是一位假前端，我将在19年继续努力，跟着我的导师得学前端。 ...
web前端技术社区分享
松柏手记
09-08 1万+
web前端技术社区分享 一.国外的前端技术网站：    1. 名称：W3C:          网址：http://www.w3.org/          理由：前端技术的规范标准几乎都是W3C制定的   2.名称：ECMA          网址：http://www.ecmascript.org/          理由：JavaScript
前端小白一定要看的五个学习资源网站
Adrians2的博客
03-20 1099
一、ECharts ECharts是小U目前接触过最优秀的可视化工具网站，一打开网页首屏就非常炫酷，该网站开源免费商用、功能丰富、涵盖各行业图表、满足各种需求、社区活跃，能多维度数据分析、多设备随意展示。 涵盖千万级数据可视化渲染能力、SVG + Canvas 双引擎动力更佳、数据样式分离及扁平配置让开发更便捷、首创无障碍访问支持、微信小程序、PPT，哪里都能用。 二、Code4App 主要提供...
前端路线以及相关学习资源
05-12
前端发展非常迅速，涉及的知识点也非常广泛，以下是一个大致的前端学习路线以及相关的学习资源供您参考： 1. HTML&CSS基础 学习HTML & CSS 是学习前端开发的入门基础，对于初学者来说非常重要。推荐学习资源： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值