慢慢来,是种诚意,加载中 . . .

前端学习网站


前端提升

常用编辑器

css库

  1. Stylus - 富有表现力的、动态的、健壮的CSS
  1. SASS(Syntactically Awesome Stylesheet)是一个CSS预处理器,有助于减少CSS的重复,节省时间。它是更稳定和强大的CSS扩展语言,描述文档的样式干净和结构。安装Ruby打开链接: www.ruby-lang.org/en/downloads下载zip文件的_当前稳定。

  2. LESS是一个CSS预处理器,可以为网站启用可自定义,可管理和可重用的样式表。要下载NodeJs,请打开链接 https://nodejs.org/en/

  3. Bootstrap 4从官网 getbootstrap.com 下载 。

    还可以使用以下的 CDN 服务:

    国内推荐使用 : https://www.staticfile.org/

    国际推荐使用:https://cdnjs.com/

  4. EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。 http://www.easyui.com/download/index.php

  5. Foundation 是一个免费的前端框架,用于快速开发

    从官网下载最新版本:http://foundation.zurb.com/。

    使用CDN(推荐):https://www.bootcdn.cn/foundation/

  6. Font Awesome 是一套绝佳的图标字体库和CSS框架

    https://www.bootcdn.cn/font-awesome/

  7. Iconfont 阿里巴巴矢量图标管理、交流平台,设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。https://www.iconfont.cn/

  8. SVG 意为可缩放矢量图形(Scalable Vector Graphics)

前端必备常用网站

MDN

MDN 他原来是 Mozilla 开发者中心, 也就是出火狐浏览器的那个组织的,但是呢,现在他是由一群社区的开发者,还有一些文档专家来维护的这么一个文档项目,它上面有好多关于 web 开发的一些文档,有 html, JavaScript 和 css,还有浏览器内置的一些 web API,包括还有后端的 node.js 和 express 开发。他的文档都很权威,而且很全面,还很新。是咱们这个前端工程师必须要关注的网站。

MDN Web Docs

Caniuse

Caniuse 这个网站它是用来查询一些 css 特性或者是 JavaScript 的特性,能不能在咱们当前的这个浏览器版本里面用,它会有一个详细的列表来显示这个特性哪些浏览器支持,哪些浏览器不支持。如果咱们大家不确定一个属性能不能在一个浏览器上用,可以通过这个网站去查一下。

Can I use… Support tables for HTML5, CSS3, etc

Css-tricks

这个网站是主要介绍 css,另外呢也会有 html,JavaScript 和 php 的文章。他的文章大部分都是关于怎么实现一个 css 的特效,然后有一些 css 的最佳实践,比如说响应式布局,Flexbox 属性详解,或者是实现某一个特定的组件。它的内容有文章形式的,也有视频形式的,还有一些代码的示例,咱们想实现一个特效的时候,可以在这上面找一找。

CSS-Tricks

Codepen

它是一个在线的代码编辑器,它还支持社交的功能。这样他有好多前端工程师,就把用这个在线编辑器写好了代码共享出来,他这个代码涉及的类别就比较多了,有关于网页组件的,还有关于游戏的,还有关于 3d,和 canvas 的这种。他的首页有列出来的一些比较热门的,大家可以没事浏览浏览,找找灵感。上面的牛人也比较多,它们写的代码都比较高深。

CodePen: Build, Test, and Discover Front-end Code.

Medium

Medium 是一个现在很火的,特别大的博客平台,它上面的文章什么类别都有。然后关于编程的也有不少,当然也有咱们关于前端的。如果大家用谷歌搜索过的话,那么大部分的搜索结果可能都是这个 medium 平台上的,这上面的文章质量也都比较好。适合咱们大家做一些深入的概念性的学习。

Medium – Get smarter about what matters to you.

Hacker noon

hacker noon 也是一个关于软件开发的平台, 上边也是各种关于软件开发的主题,比如说有加密啊,代码,还有一些创业的,或者是社区、AI 等这些类别。里面关于前端的也不少,而他的文章呢也基本上算是入门到中级的这种比较多。作者的一般文风都很通俗,咱们这一看就能看懂,所以说适合学习一些新的框架的入门还有进阶一点教程

Hacker Noon

StackOverflow

Stackoverflow,这个算是一个比较老的网站,也算是全世界程序员都知道的一个网站,他是程序员用来问问题还有回答的地方,上面的问题也都是比较精辟,然后回答的也都比较详细,因为它这个社区有一个特别严谨又特别完善的规范,不是什么人都能问出一个好的问题来,如果问得不好的话就会被关闭,回答的不好的话也会被人呛,所以说他这种严谨的规范就造出来了这么一个比较完美的社区,这上面基本上所有的软件开发的问题都能在上面找到,大家搜问题的时候在谷歌上那肯定出来的结果前几条就有这个网站,大家没事也可以去浏览一下,看看有哪些待解决的问题,自己也可以去试着回答一下。只有在自己给别人讲明白了之后,才能说明自己真正的懂了。

Stack Overflow - Where Developers Learn, Share, & Build Careers

freecodecamp

FreeCodeCamp 这个网站就比较好玩,它主要是学前端的。然后呢,它是有一系列的学习步骤,然后每个学习章节都有一些小的练习题,然后等把这一套练习都做完之后,就能把这个技术给掌握了。另外呢,他最后还会有练手的项目让大家去做,把这个学完之后,他还可以给你颁发一些证书。

Learn to code|freecodecamp.org

SegmentFault

思否这个网站算是质量也比较高的,之前有好多同事也推荐给我看,但是呢,他就是只记得这个 logo 是绿色的,他也忘了这个名字是什么,大概这个网站知道他名字比较少,是因为这个名字又长又不好记,它叫 segment fault。里面也是各种文章都有,但是对于前端也是比较多的。

SegmentFault - 思否

掘金

掘金跟那个 segment fault 这个网站基本上类似,这也是有各种类别的,然后前端的话也算是比较热门的一个类别,但是呢,他这个重点咱们看一下他们这个官网,前端的这些热榜基本上就是关于面试的,还有工作原理的,另外还有一些实践的项目。

掘金

简书

简书这个现在已经慢慢的淡出程序员的这个视野,因为他最近改版改的对这个作者都很不友好,但是呢,好歹他也火过一阵,所以这里再推荐一下,上面还会有一些遗留的比较好的文章。大家如果搜索某个问题或者是某个概念的时候,关注一下这个简书的搜索结果也可以。

简书 - 创作你的创作

CSDN

CSDN 算是一个特别老牌的社区了,我也是从 2010 年在上边写了第 1 篇文章,然后到现在就已经有 10 年多了,也断断续续的没写过多少,当时 10 年的时候写文章还是有好多阅读量,但是现在的话写完基本上就没什么看, 上面的人就已经是特别爆满了,而且。这文章也是质量参差不齐,它的推荐系统也一直在改版,所以现在还不好说未来是什么样子。如果大家用百度搜问题的话,可能它的这个搜索结果会比较多,但是就是对作者不太友好,因为他有好多文章就是容易被抄袭,好多就是写的一模一样的。但是呢,它上面有一些新闻,还有一些有价值的文章,大家还是可以去关注一下。

CSDN - 专业的技术社区


评论
  目录