当前位置:首页 >教程首页 > IT 学院 > WEB前端+全栈工程师班 >前端开发者实用干货合集

前端开发者实用干货合集

发布时间:2019-09-05 09:09:32

今天给大家分享一拨儿前端开发者实用干货合集,我们主要是给前端开发者提供各种实用有效的工具,其中不少工具也是设计师在设计过程中可以用得上的!

SVG Role Image

1.jpg

这是一个关于如何使用 svg 元素的说明和提示文档。SVG 格式的文档比起传统的图片有着更高的灵活度,而svg 元素之内还可以包含的更为丰富的可控的属性和标签,比如 path、g 和 circle 等。

What is TTFB?

2.jpg

你有没有碰到过这样的情况,就是你已经按照网上所有的建议针对你的网站进行了优化,但是在打开网站的时候依然非常的缓慢?这种问题很有可能出在 TTFB 上,也就是所谓的能否检测到「Time to First Byte」。CSS Wizardry 的这篇文章将会会为你详细解释如何针对 TTFB 进行优化。

Custom Accessible Radio Input

3.jpg

优秀的可访问性设计让网站更容易被访问,尤其是针对有行动障碍的用户而言。Lindsey 的这篇文章将会教你如何设计无障碍的输入。你将会发现,创建可访问性较强的优质UI并不会看起来很傻。

Simple Entity Decode

4.jpg

这是一个小型的 JavaScript 库,它将会帮你将 HTML 表单中意义不明的字符转化「翻译」成人类可读的样式,包括 &  和 & 这样的字符。

Gatsby Theme Authoring

5.jpg

创建静态网站又重新成为了当下的潮流,因为静态网站访问起来更快。Gatsby 是诸多正在流行的静态网站构建工具之一,同时 Egghead 还提供了视频教你如何创建主题,它是完全免费的。

Postwoman

6.jpg

Postwoman 是一个基于web的工具,用来撰写 API 请求。你可以设置请求的方式,URL、路径、参数、身份验证等,它是一个非常便捷的工具。

Nushell

7.jpg

这是用 Rust 所创建的一款 Shell 工具。它使用了一些增强的 Shell 命令,比如 ls命令。当你在 Nushell 中使用 ls 命令的时候,能够呈现出丰富的数据样式,就像上图。

What is ES2019

8.jpg

JavaScript 在过去几年间有过非常巨大的改进,ES6 和 ES2015 似乎昨天还在使用,而今天就已经开始使用 ES2019 了。而这个来自 JSConf EU 的视频将会向你展示如何根据 ES2019 的规范,来使用 JavaScript 来实现功能。

Dockerlabs

9.jpg

Dockerlabs 是一个教你使用 Docker 和 Kubernetes 的系列教程合集,它提供的教程主要是文本教程,并且你可以直接在浏览器中测试。你无需在计算机上安装任何东西就可以直接体验 Docker,比如 Docker Engine、Docker Compose 和 Docker Machine。

Kanboard

10.jpg

Kanboard 是一个基于 PHP 的看板管理工具。使用看板来管理任务和项目是一种流行的方式,Trello 就是其中的典型。如果你是喜欢对应用进行深入细致的掌控,那么使用 Kanboard 可能是一个不错的选择,因为你可以将它安置在服务器当中。

Tech Interview Handbook

11.jpg

如果你想要准备面试一个技术类的职位,那么这份包含有各种实例、提示和备忘录的小手册能够帮到你,其中的各种内容能够帮你更好地备战。

Vuestic Admin

12.jpg

在 Vue.js 上构建仪表盘,你可以使用这套模板。它自带丰富的 UI 组件,涵盖了各种类型的表单和视觉元素。

Git Training Kit

13.jpg

这是一个教你深入掌握 Git 的参考文档,对于想要学习 Git 的人,有非常有效的参考,无论你刚刚入门还是有过一定的经验,这份 Git Training Kit 都能帮到你。

Nginx Admin Handbook

14.jpg

想要充分利用 Nginx ,这份指南文档能够帮你。你能够在其中找到绝大多数的关于 Nginx 的主题,包括安全性控制、调试以及各种核心的基础知识。

XtermJS

15.jpg

XtermJS 是一个可以在在网页中运行的终端工具界面。

Pure Bash Bible

16.jpg

想要掌握 Bash,这份涵盖了各种提示、代码范例、最佳实践的学习素材包,能够帮到你。

Polka

17.jpg

Polka 是一个使用 Node 构建的简单的 HTTP 服务器,它支持路由、中间件和子应用,它是 Express.js 的绝佳替代品,甚至执行速度比前者快了 30% 到 50%。

Design Patterns PHP

18.jpg

我们常说的「设计模式」其实是解决常见设计问题的解决方案,而这份设计文档是学习PHP 设计模式的最为完整的参考资料之一。

Code Samples

19.jpg

这是微软所提供的一份代码范例合理,这份合集涵盖的内容非常广泛,从 C语言到 PHP都有。

iViewUI

20.jpg

基于 Vue.js 框架的 UI 组件合集。和很多典型的框架一样,iView 配备了丰富的 UI 组件,从按钮到轮播图,各种组件全都有。

学员作品赏析
  • 2014期学员黄雨婷作品

    2014期学员黄雨婷作品

  • 2103期学员沈继龙作品

    2103期学员沈继龙作品

  • 2105期学员秦洋洋作品

    2105期学员秦洋洋作品

  • 2108期学员陆昶存作品

    2108期学员陆昶存作品

  • 2107期学员赵锦威作品

    2107期学员赵锦威作品

  • 2104期学员胡婷婷作品

    2104期学员胡婷婷作品

  • 2107期学员何亮作品

    2107期学员何亮作品

  • 2103期学员张子安作品

    2103期学员张子安作品

专业问题咨询

你担心的问题,火星帮你解答
  • 游戏原画网络培训班有用吗

    有用,如果你想要更好的学习游戏原画,小编建议大家考虑专业的培训机构,比如说火星时代开设的游戏原画大师班,火星时代的课程实践加理......

  • 3d建模软件rhino培训班哪家好

    3d建模师是很有前景的职业。3d建模师的就业领域广,就业机会多,薪资很客观。3d建模师已成为很多人的理想职业。3d建模软件是3......

  • 用什么软件制作3d模型贴图

    3d模型贴图是3d模型制作中不可缺少的环节。如果你想学3d模型制作,你需要学习3d模型贴图技能。一些小伙伴想问用什么软件制作3......

  • pr基础视频调色技巧大全

    前一篇文章小编为大家讲解了ps调色技巧,今天我们来聊一聊pr调色的技巧,如果想要在剪辑行业里发展的同学可以多多关注火星时代官网......

  • 自学网ps教程新手入门

    很多photoshop新手都习惯在网上疯狂的看视频教程,掌握各种工具、滤镜等技巧。掌握一门技术最深层的背后往往是最基本的,所以......

  • 温州哪里有拍抖音短视频运营培训

    很多人拍摄短视频虽无经验,但是每次拍摄视频时都兢兢业业,若是没有任何效果,可以了解几种上热门的方法,当然也可将多种方式方法结合......

×