`

转:2016Web开发资源工具大搜索

阅读更多

https://www.oschina.net/news/77717/2016-web-develop-tools-collection?from=20161009

原文链接: 100+ Awesome Web Development Tools and Resources 

Web的迅猛发展对于开发者来说既是一件好事也是一件坏事。不断紧跟潮流学习新的技术、编程语言、适应变化听起来就很令人兴奋又紧张。你需要面对的挑战可能包括使用已有的框架适应新的业务需求,测试网站的兼容性,优化你的网站前端和后端更好地协同。今天在这里介绍给大家的这个收集列表也许能够帮助你完成类似的工作。

P.S.顺序先后并不代表推荐排名。

JavaScript 库/框架

JavaScript是全世界最受欢迎的Web编程语言。人们为了快捷开发网站或应用预先编写一些JS类库。你可以通过一些公用CDN很方便地在自己的网站上引入这些库:

1
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
  • jQuery : 方便快捷,功能强大全面,居家旅行必备,近乎JS的替代品,你可以不会js,但是不能不会jQuery。 

  • BackBoneJS : 模型、视图、集合、事件,让你的前端代码更有框架感。 

  • D3.js : 数据可视化必学必会,只有你想不出来的,没有D3画不出来的。 

  • React: 学会React,再学学React-native,你就能从一个前端化身Web app工程师、IOS/Andorid开发者、桌面应用工程师…… 

  • jQuery UI : 几行代码就能写一个带动画带ajax的Web应用。 

  • jQuery Mobile : 移动端专用js开发框架,和上面的类似袄。 

  • Underscore.js : 非入侵式框架,提供了众多有用的函数方法,弥补jQuery的不足。 

  • Moment.js : 原生的JS显示输出日期时间真的很痛苦,Moment为你解决了一切啦~ 

  • Lodash : 模块化且高效,lodash和underscore很相似。 

前端框架

  • Bootstrap : 全世界最流行的响应式前端框架。 

  • Foundation : 提供了很多模版,针对网站、移动端、邮件提供了很多好用的模块和样式。 

  • Semantic UI : 个人非常喜欢的一个前端框架,样式非常好看,更重要的是就像它语义UI的名称一样,类命名特别友好,写网页就像和人说话一样。 

  • uikit : 漂亮、可定制,即将发布uikit3版本,感兴趣可以试试看。 

Web应用框架

  • Ruby on Rails : Ruby on Rails 是一款用ruby语言编写Web应用的MVC框架,github就是用它写的袄! 

  • AngularJS : Google主导的Web开发框架,数据绑定、MVVM,很可惜被后来更灵活的React、Vue等框架抢去了风头。 

  • Ember.js : 用来开发单页Web应用的JS前端MVC框架。 

  • Express : Node.js上的Web框架,搭建网站或API服务只要一秒钟! 

  • Meteor : JS全端框架,是的,你只需要学习JavaScript一门语言,就可以完成Web应用前后端、数据库的开发。 

  • Django : Python的Web框架,人生苦短,请用Python. 

  • Flask : Python的Web框架,据说只要学好flask就能随意找到好工作? 

  • ASP.net : 老一辈人的最爱。 

  • : 最优雅性感的PHP Web框架,好用到不能再好用,优雅到不能再优雅,毕竟PHP是全世界最好的语言嘛。 

  • Phalcon : 用C语言扩展的,据说是最快的PHP框架。 

自动化构建/包管理

  • Grunt : JavaScript自动化工具。 

  • Gulp : 个人感觉是最好用的自动化构建工具。 

  • webpack :模块化加载构建一切,CSS/JS连图片都可以 

  • npm : NPM虽好,不要太依赖袄。 

  • Bower : 前端框架包管理工具,各类框架和库一键安装。 

编程语言

  • PHP : 全世界最好的语言不解释。 

  • NodeJS : 可以运行在服务器端的JS,只需学习一门语言即可全栈编程。 

  • Javascript : 日益强大的脚本语言,现如今学前端基本就是学JS编程。 

  • HTML5 : 网页的标记语言。 

  • Python : 人生苦短,请用Python。比好用更好用。 

  • Ruby : 简洁高效,学Ruby基本就是为了学用rails 

  • Scala : 兼容函数式、面向对象、命令式编程,可以和JAVA互通。 

  • CSS3 : 网页的样式。 

  • SQL : 操作数据库必学。 

  • Golang : Google出品,简单易用。 

  • Rust : 高效高性能,保证线程安全,防止声明错误。 

  • Elixir : 开发扩展可持续的应用的动态函数式语言。 

数据库

  • MySQL : 开源免费性能好,全世界都在用它。 

  • MariaDB : 日趋流行起来,同样由MySQL的开发者创造的数据库。 

  • MongoDB : 非关数据库,通常在 MEAN MERN 架构中使用。 

  • Redis : 提升应用数据访问性能,内存读写并可持久化储存的数据库。 

  • PostgreSQL : 功能强大完整,兼容数据类型丰富,并且开源免费。 

CSS预处理器

  • Sass : CSS的扩展,可以声明变量,引入模块,嵌套属性等等。 

  • Less : 为CSS添加声明变量,样式模块,命名空间,继承等特性。 

  • Stylus : 写CSS再也不用写烦人的括号啦~ 

代码编辑器

  • Atom : Github的发明,基于Web技术开发,漂亮又好用。 

  • Sublime Text : 最性感的代码编辑器,你会因为爱上一款编辑器而爱上写代码。 

  • Notepad++ : Win平台下开源好用的代码编辑器,不需要装什么插件就已经很棒啦。 

  • Visual Studio Code : 很多人也推荐并且喜欢用VS Code这款微软出品的编辑器袄。 

  • TextMate : OSX上的一款比较火的编辑器。 

  • Coda 2 : OSX平台,你可以在这款编辑器里写代码、连接远程FTP/SSH/数据库,还能查询手册,代码方法快捷查询等等,一款编辑器满足你写网站的所有需求。 

  • WebStorm : JS开发利器。 

  • Vim : Vim是编辑器里神一般的存在。 

  • Brackets : Adobe公司出品的一款编辑器,预览功能很不错。 

  • Emacs : 也有很多人喜欢支持Emacs啦。 

Markdown编辑器

  • StackEdit : 一款在线Markdown编辑器。 

  • Dillinger : 同上。 

  • Mou : Mac上一款非常棒的Markdown编辑器,不过据说作者重酬之后携款跑路了? 

  • ulysses : 很棒的一款Markdown写作软件,可以生成为任何格式。 

图标库

版本管理应用

  • SourceTree : 最好用的Git图形化客户端。 

  • GitKraken (Beta): 一款免费好用的全平台Git客户端。 

  • Tower 2 : 界面很好看。 

  • GitHub Client : Github官方桌面客户端。 

  • Gogs : Go语言开发的可以自主搭建的开源托管平台。 

  • GitLab : 免费的私有项目Git托管。 

本地开发环境

  • XAMPP : 免费的 MariaDB, PHP, and Perl软件集合安装包。 

  • MAMP : 提供Mac上PHP开发运行环境。 

  • WampServer : Windows 下最好用的包含 Apache2, PHP MySQL 的开发运行环境。 

  • Vagrant : 虚拟机软件。 

  • Laragon : 喜欢Laravel的话,用这个最棒咯。 

代码差异检查

在线编程

  • JS Bin : 在线编写并运行HTML/CSS/JS网页代码。 

  • JSfiddle : 同上。 

  • codeshare : 实时和其他开发者共享你的代码。 

  • Dabblet : 交互测试HTML/CSS代码。 

  • Cloud9 : 一键创建在线开发环境,完整的服务器操作命令行,代码在线编辑,项目在线运行,还可以分享链接给他人预览,最重要的当然还是免费不要钱啦。 

协作工具

交流社区

  • CodePen : 在线分享编写你的前端代码,推荐袄! 

  • Dribble : 设计师分享社区,灵感的源泉。 

Web性能测试

Web开发社区

分享到:
评论

相关推荐

    WEB开发图片资源

    在WEB开发中,图片资源扮演着至关重要的...综上所述,这个“WEB开发图片资源”压缩包中的图标资源是开发者构建用户界面、提升用户体验的重要工具。正确理解和使用这些图标,可以极大地提高Web应用的视觉质量和功能性。

    Rickyhong之120个Web开发工具箱介绍

    【描述】:本文将深入探讨120款Web开发工具箱,覆盖从拖放式程序创建、代码库管理到测试和框架等多个方面,旨在为开发者提供一个全方位的资源库,提升开发效率和质量。 【正文】: 在Web开发领域,拥有一套高效且...

    阶段二:移动Web网页开发资料.zip

    移动Web网页开发是现代互联网技术中的重要组成部分,随着智能手机和平板电脑的普及,越来越多的用户通过移动设备访问网络。在“阶段二:移动Web网页开发资料”中,我们聚焦于前端开发的关键技术和实践,旨在帮助...

    web数据挖掘工具和工具设计

    ### Web数据挖掘工具和工具设计 #### 引言 随着互联网技术的快速发展,网络上的数据资源变得异常丰富。然而,这些海量数据背后所蕴含的知识并未得到有效挖掘和利用,“数据丰富而知识贫乏”的现象十分突出。在当前...

    一个实现汉字与拼音互转的小巧web工具库

    在这个场景下,我们关注的是一个名为“一个实现汉字与拼音互转的小巧web工具库”的项目,它包含了一个JavaScript库,能够帮助开发者将汉字转换为拼音,反之亦然。这样的工具在处理中文文本、搜索引擎优化(SEO)以及...

    WEB开发工具书

    【标题】"WEB开发工具书"揭示了网络开发领域中重要的知识体系,主要聚焦于工具的使用和源码的理解。这本书可能涵盖了从基础的HTML、CSS到JavaScript,再到更高级的框架和库的运用,旨在帮助开发者提升工作效率,理解...

    web开发必须工具离线chm(W3schoolchm目前最新最全的)

    本离线版的CHM文件(Compiled HTML Help)集合了W3School的最新、最全面的Web开发资源,方便开发者在没有网络连接的情况下也能学习和查阅。 一、HTML (超文本标记语言) HTML是构建网页的基础,它定义了网页的结构。...

    微信web开发者工具包

    微信Web开发者工具是一款专为微信小程序开发者设计的强大开发平台,它集成了代码编辑、调试、预览和发布等一系列功能,极大地简化了小程序的开发流程。本文将深入介绍这款工具的关键特性,以及如何利用它来开发微信...

    一个基于Electron的自动化Web资产探测工具

    通过这个基于Electron的Web资产探测工具,我们可以学习到Web开发、自动化工具设计以及数据处理等多个方面的技能,同时理解如何将这些技术整合到一个跨平台的桌面应用中。对于想要深入理解Electron或提升自动化能力的...

    labview web开发

    总之,LabVIEW的Web开发能力使得它不仅仅是一个实验室工具,还可以成为工业互联网和物联网解决方案的一部分,提供远程控制、数据采集和分析等功能。通过熟练掌握LabVIEW的Web服务开发,你可以构建出强大的分布式系统...

    redis web 可视化工具

    Redis Web 可视化工具是针对 Redis 数据库设计的一款便捷管理界面,它使得数据库的管理和操作变得更加直观和高效。在IT行业中,Redis 是一个广泛使用的内存数据存储系统,常用于缓存、数据库、消息队列等多种场景。...

    Eclipse核心编程:插件、界面与Web开发

    Web开发是Eclipse支持的一个重要领域,Eclipse中有多个插件和工具来支持Web应用的构建,如Eclipse Web Tools Platform(WTP)。WTP提供了开发J2EE应用所需的各种工具和服务,包括对Servlet、JSP、JSF、Web Services...

    WEB渗透——新手入门之初级工具利用

    【描述】:“WEB渗透—优惠券https://www.panpansq.com—新手入门之初级工具利用”这个描述提到了一个在线资源,可能是提供有关WEB渗透教程的网站,它可能提供了一些优惠券或链接,帮助初学者获取相关学习资料。...

    火狐工具 web插件

    火狐工具Web插件是Firefox浏览器中用于增强和定制浏览体验的一种重要资源。这些插件是由开发者创建的,可以提供各种功能,从提高生产力到增强安全性,甚至改变浏览器的整个界面。以下是一些关于火狐工具Web插件的...

    SD大会精品讲座:以Web为中心的架构与Web 2.0编程模型

    - **定义**: Web 2.0指的是互联网发展的第二个阶段,强调用户生成内容、社会网络和协作工具。这一概念最早由蒂姆·奥莱利在2004年的Web 2.0大会上提出。 - **特点**: - 用户生成内容:博客、社交媒体、维基百科等让...

    2022年自考03173软件开发工具10月试题及答案.docx

    4. 软件开发工具的应用场景:软件开发工具可以应用于多种开发场景,例如Web开发、移动应用开发、数据库管理等。 5. 软件开发工具的重要性能指标:软件开发工具的重要性能指标包括代码生成、文档生成、错误检查、...

    HTML转chm工具

    HTML转CHM工具是一款实用的软件,主要用于将HTML文件或...通过HTML转CHM工具,我们可以方便地将丰富的在线内容转化为易于管理和阅读的离线帮助文档,这对于软件开发、技术文档编写以及知识库的构建具有重要的实用价值。

    web开发各种小图标

    本资源包包含了多种风格的Web开发图标,可用于软件开发项目,为网页增添专业且吸引人的元素。 1. **图标设计风格多样性**: - **扁平化设计**:这是现代Web设计中最常见的一种风格,简洁明了,没有过多的阴影和...

    大规模web服务技术开发

    整体上,大规模Web服务的技术开发是一个复杂的过程,涵盖了从系统架构设计、数据处理、数据库管理、编程优化、搜索引擎技术应用到可扩展性设计、系统效率提升和网络优化等多个方面。开发者需要在实践中不断学习和...

Global site tag (gtag.js) - Google Analytics