JavaScript库

Javascript库是一个预先编写的Javascript库,可让您在网站或应用程序的整个开发过程中更轻松地进行访问。

  • jQuery:一个快速,小型且功能丰富的JavaScript库。
  • BackBoneJS:为您的JS应用提供一些具有模型,视图,集合和事件的主干。
  • D3.js:一个JavaScript库,用于根据数据处理文档。
  • React: Facebook的Javascript库,用于构建用户界面。
  • jQuery UI:一组精选的用户界面交互,效果,小部件和主题。
  • jQuery Mobile:基于HTML5的用户界面系统,旨在创建响应性网站。
  • Underscore.js:无需扩展任何内置对象的功能性编程助手。
  • Moment.js:使用JavaScript解析,验证,操作和显示日期。
  • Lodash:一个现代的实用程序库,提供模块化,性能和附加功能。

前端框架

前端框架通常由一个包组成,该包由其他文件和文件夹组成,例如HTML,CSS,JavasScript等。

  • Bootstrap:HTML,CSS和JS框架,用于在网络上开发响应式,移动优先项目。
  • 基础:响应式前端框架家族,可轻松设计精美的响应式网站,应用程序和电子邮件,在任何设备上看起来都很棒。
  • 语义UI:使用人性化的HTML有助于创建美观,响应式布局的开发框架。
  • uikit:一个轻量级的模块化前端框架,用于开发快速而强大的Web界面。

Web应用程序框架

Web应用程序框架是一种软件框架,旨在帮助和减轻Web应用程序和服务开发中涉及的某些麻烦。

  • Ruby:Ruby on Rails是一个Web应用程序框架,其中包括创建具有MVC模式的数据库支持的Web应用程序所需的一切。
  • AngularJS:允许您扩展Web应用程序的HTML词汇表。AngularJS是一个框架,尽管它轻巧得多,有时被称为库。
  • Ember.js:用于创建雄心勃勃的Web应用程序的框架。
  • Express:Node.js的快速,简约的Web框架。
  • Meteor:全栈式JavaScript应用程序平台,可通过一个JavaScript代码库组合构建现代Web和移动应用程序所需的所有组件。
  • Django:鼓励快速开发和简洁实用的设计的高级Python Web框架。
  • ASP.net:免费的,完全受支持的Web应用程序框架,可帮助您创建基于标准的Web解决方案。
  • Laravel:一个免费的开放源代码PHP Web应用程序框架,用于在MVC模式下构建Web应用程序。
  • Zend Framework 2:一个开放源代码框架,用于使用PHP开发Web应用程序和服务。
  • Phalcon:作为C扩展交付的全栈PHP框架。
  • Symfony:一组可重用的PHP组件和一个Web应用程序框架。
  • CakePHP:一种流行的PHP框架,它使构建Web应用程序更简单,更快并且需要更少的代码。
  • Flask:一个基于Werkzeug和Jinja 2的Python微框架。
  • CodeIgniter:强大而轻巧的PHP框架,为需要简单优雅的工具箱来创建功能齐全的Web应用程序的开发人员而构建。

任务运行器/程序包管理器

任务运行程序都是关于自动化工作流程的。例如,您可以创建一个任务并自动缩小JavaScript。然后构建并合并任务以加快开发时间。程序包管理器跟踪您使用的所有程序包,并确保它们是最新的以及所需的特定版本。

  • Grunt:JavaScript任务运行程序全部关于自动化。
  • Gulp:使事情简单,并使复杂的任务可管理,同时自动化并增强您的工作流程。
  • Bower:Web程序包管理器。管理包含HTML,CSS,JavaScript,字体甚至图像文件的组件。

语言/平台

在所有Web开发工具的后面都有一种语言。编程语言是一种正式的构造语言,旨在与计算机通信并创建可以控制其行为的程序。是的,我意识到其中一些可能并不总是被称为语言。

  • PHP:流行的通用脚本语言,特别适合于Web开发。
  • NodeJS:基于V8的事件驱动的I / O服务器端JavaScript环境。
  • Javascript:HTML和网络的编程语言。
  • HTML5:标记语言,HTML和XHTML的最新版本。
  • Python:一种编程语言,可让您快速工作并更有效地集成系统。
  • Ruby:一种动态的,开源的编程语言,着重于简单性和生产力。
  • Scala:Scala是一种纯种的面向对象语言,可以逐步轻松地迁移到功能更强的样式。
  • CSS3:用于网站和应用程序前端开发的级联样式表的最新版本。
  • SQL:代表与关系数据库一起使用的结构化查询语言。
  • Golang:一种开放源代码编程语言,可轻松构建简单,可靠且高效的软件。
  • Rust:系统编程语言,运行速度极快,可防止出现段错误并保证线程安全。
  • Elixir:动态,功能性语言,旨在构建可扩展和可维护的应用程序。

资料库

数据库是存储的信息的集合,以便可以对其进行检索,管理和更新。

  • MySQL:世界上最流行的开源数据库之一。
  • MariaDB:由MySQL的原始开发人员制作。MariaDB作为开源数据库服务器也变得非常流行。
  • MongoDB:下一代数据库,使您可以前所未有地创建应用程序。
  • Redis:一种开源的内存中数据结构存储,用作数据库,缓存和消息代理。
  • PostgreSQL:一个功能强大的开源对象关系数据库系统。

CSS预处理器

CSS预处理器基本上是一种脚本语言,用于扩展CSS,然后将其编译为常规CSS。

  • Sass:一个非常成熟,稳定且强大的专业级CSS扩展。
  • 更少:作为CSS的扩展,它也向后兼容CSS。这使学习“轻而易举”变得轻而易举,并且如果有疑问,可以让您回到普通的CSS。
  • 手写笔:一种新的语言,提供了一种高效,动态和表达方式来生成CSS。支持缩进语法和常规CSS样式。

如果您只是刚开始使用CSS预处理程序,则可能需要先使用第三方编译器(例如CodeKit Koala Hammer LiveReload Prepros Scout Crunch)来简化转换过程

文字编辑器/代码编辑器

无论您是做笔记,编码还是写减价,一个好的文本编辑器都是我们日常生活的一部分!

  • Atom:一种文本编辑器,它是现代的,平易近人的,但易于破解。
  • Sublime Text(Sublime文本):一个功能强大的代码,标记和散文的高级文本编辑器。
  • Notepad ++:一个免费的源代码编辑器,它支持在MS Windows环境下运行的几种编程语言。
  • Visual Studio Code Beta:重新定义和优化了代码编辑功能,以构建和调试现代Web和云应用程序。
  • TextMate:OS X的代码和标记编辑器。
  • Coda 2:用于OS X的快速,干净,功能强大的文本编辑器。
  • WebStorm:轻巧但功能强大的IDE,完全适合通过Node.js进行复杂的客户端开发和服务器端开发。
  • Vim:高度可配置的文本编辑器,旨在实现高效的文本编辑。
  • 方括号:轻巧而强大的现代文本编辑器;用JavaScript,HTML和CSS编写。
  • Emacs:具有内置功能的可扩展,可自定义的文本编辑器,可帮助快速修改文本和代码。

Markdown编辑器

Markdown是使用简单语法的纯文本标记语言,然后可以即时将其转换为HTML。注意:这与“所见即所得”编辑器不同。Markdown编辑器有时被称为介于所见即所得和编写代码之间的中间人。

  • StackEdit:免费的在线丰富Markdown编辑器。
  • Dillinger:一个在线的,支持云的HTML5,流行语填充的Markdown编辑器。
  • 谅解备忘录:针对Mac OS X开发人员的Markdown编辑器。
  • 文字:丰富的纯文本编辑器。Windows和Mac OSX。

图示

几乎每个Web开发人员,尤其是前端开发人员,在某个时候或其他时候都需要其项目的图标。

  • 令人敬畏的字体:可即时定制的可扩展矢量图标-大小,颜色,阴影以及可以使用CSS强大功能完成的任何操作。
  • IconMonster:免费,高质量,巨大且不断增长的简单图标来源。我最喜欢的之一!
  • IconFinder:Iconfinder为数百万设计师和开发人员提供了精美的图标。
  • Fontello:用于构建带有图标的自定义字体的工具。

Git客户/服务

Git是用于分布式修订控制的软件和Web开发的源代码管理系统。与团队合作时,使用git客户端将代码更改从开发人员推送到生产人员是一种维持混乱状态并确保测试得以通过的方法,这样它们就不会破坏您的实时Web应用程序或网站。

  • SourceTree:适用于Windows或Mac的免费Git&Mercurial客户端。Atlassian还使一个非常酷的团队Git客户Bitbucket。
  • GitKraken(测试版):一个免费,直观,快速,美观的跨平台Git客户端。
  • Tower 2:使用Git进行版本控制-变得容易。在一个美丽,高效,强大的应用程序中。
  • GitHub Client:为GitHub和GitHub Enterprise上的项目做贡献的无缝方式。
  • Gogs:基于Go语言的无痛自托管Git服务。
  • GitLab:免费托管您的私有和公共软件项目。

本地开发环境

根据您正在运行的操作系统或当前可以访问的计算机,可能需要启动快速的本地开发环境。有很多免费的实用程序将Apache,mySQL,phpmyAdmin等捆绑在一起。这是在本地计算机上测试某些内容的快速方法。他们中的许多人甚至都有便携式版本。

  • XAMPP:完全免费,易于安装的包含MariaDB,PHP和Perl的Apache发行版。
  • MAMP:在OS X或Windows上只需几秒钟即可完成本地服务器环境。
  • WampServer:Windows Web开发环境。它允许您使用Apache2,PHP和MySQL数据库创建Web应用程序。
  • 游民:创建和配置轻量级,可复制和可移植的开发环境。
  • Laragon:在Windows上创建隔离的开发环境的简便快捷的方法。包括Mysql,PHP Memcached,Redis,Apache,以及用于处理Laravel项目的出色工具。

差异检查器

差异检查器可以帮助您比较文件之间的差异,然后合并更改。许多操作都可以通过CLI完成,但是有时查看更直观的表示可能会有所帮助。

  • Diffchecker:在线比较工具,用于比较两个文本文件之间的文本差异。很棒,如果您在旅途中并且需要快速比较一些东西。
  • 超越比较:使用简单,功能强大的命令比较文件和文件夹的程序,该命令专注于您感兴趣的差异,而忽略您不需要的差异。

我们上面提到的许多自由文本编辑器也都具有插件或扩展名,使您可以比较或比较文件。

代码共享/实验

总是有时间,当您与另一名开发人员进行Skype或Google环聊时,您希望他或她快速查看您的代码。有很多很棒的团队工具可以共享Slack之类的代码,但是如果它们不是您团队的成员,那么有一些不错的快速选择。切记不要共享任何安全内容。

  • JS Bin:用于测试网络语言的工具。特别是HTML,CSS和JavaScript,Markdown,Jade和Sass。
  • JSfiddle:自定义环境,用于在浏览器内部测试JavaScript,HTML和CSS代码。
  • codeshare:与其他开发人员实时共享代码。
  • Dabblet:交互式游乐场,用于快速测试CSS和HTML代码段。

协作工具

每个优秀的开发团队都需要一种保持联系,协作和生产力的方法。现在,许多团队都在远程工作。实际上,KeyCDN的团队分布在许多不同的大陆。以下类似工具可帮助员工简化开发流程。

  • [Slack](https://slack.com/r/0d5amdd3-0h4fmxst rel=):面向团队的消息传递应用程序,其使命是使您的工作生活更简单,更愉快,更高效。
  • Trello:与任何人一起组织任何事情的灵活和可视化方式。我们也将其用作KeyCDN。
  • Glip:具有集成任务管理,视频会议,共享日历等的实时消息传递。
  • Asana:团队协作工具,用于团队跟踪其工作和结果。
  • Jira:专为软件团队中的每个成员计划,跟踪和发布出色的软件或Web应用程序而设计。

灵感

我们都需要在某些时候获得灵感。尤其对于前端开发人员而言,不时检查其他人在做什么可能是有益的。这可能是灵感,新想法的重要来源,并确保您的Web应用程序或网站不落后于时代。

  • CodePen:炫耀您的最新作品并获得反馈。为该讨厌的错误构建一个测试用例。查找示例设计模式和项目灵感。
  • 运球:设计师社区,共享他们的工作,过程和项目的屏幕快照。

网站速度测试工具

网站的速度可能是其成功的关键因素。加载速度更快的网站可以从更高的SEO排名,更高的转化率,更低的跳出率以及更好的整体用户体验和参与度中受益。重要的是要利用许多可用于测试网站速度的免费工具。

  • 网站速度测试:KeyCDN开发的页面速度测试,包括瀑布分解和网站预览。
  • Google PageSpeed Insights:PageSpeed Insights分析网页的内容,然后生成建议以使该页面更快。
  • Google Chrome DevTools:内置于Google Chrome浏览器中的一组Web创作和调试工具。
  • WebPageTest:使用真实的浏览器(IE和Chrome)并以真实的消费者连接速度在全球多个位置运行免费的网站速度测试。
  • Pingdom:测试该页面的加载时间,对其进行分析并找到瓶颈。
  • GTmetrix:使您可以了解网站的负载情况,并提供有关如何优化网站的可行建议。

Web开发社区

每个Web开发人员都曾去过那里。他们有问题,他们怎么办?好吧,他们去了谷歌找到一个快速的答案。网络在我们的指尖提供了如此多的内容,因此可以在问题出现时轻松诊断和排除故障。在下面查看一些优秀的Web开发社区。

网站开发通讯

您可能需要的最后一件事是另一个新闻通讯订阅。但是,这些家伙从网络上挑选了一些最佳的Web开发和性能主题,因此您不必这样做!

  • wdrl.info:精心挑选的手工制作的与Web开发相关的资源列表。通常每周一次策划和出版。
  • webopsweekly.com:针对Web开发人员的每周新闻,重点关注Web操作,基础结构,应用程序的部署,性能和工具,从浏览器到底层
  • 网络工具周刊:专注于工具的前端开发和网络设计新闻。每期都有一个简短的提示或教程,然后每周汇总各种应用程序,脚本,插件和其他资源。
  • freshbrewed.co:面向前端开发人员和UX设计师的每周阅读摘要。
  • smashingmagazine.com:碎杂志是专业的网页设计师和开发人员的在线杂志。有用的技巧和宝贵的资源,每隔第二个星期二发送一次
  • 前端开发周报:前端开发的新闻,工具和灵感钦点每星期
  • 星期五前端:前端开发链接每天发推文,每周发送电子邮件。
  • / dev小贴士每周在您的收件箱中以gif形式接收开发人员小贴士。
Last modification:May 18th, 2020 at 10:43 pm
如果觉得我的文章对你有用,请随意赞赏,感谢!