Herramientas y recursos para el desarrollo

 La web está en constante cambio y como desarrollador web tienes que poder adaptarte a los constantes cambios. Aquí hay una lista enorme de  recursos y herramientas de desarrollo web que lo ayudarán como desarrollador web a mantenerse actualizado, aprender cosas nuevas, ser más productivo y quizás también ayudarlo a mejorar en lo que hace.



 BIBLIOTECAS JAVASCRIPT

Reac

https://facebook.github.io/react/

Biblioteca Javascript de Facebook desarrollada para crear interfaces de usuario.

jQuery

http://jquery.com/

Una biblioteca de JavaScript rápida, pequeña y rica en funciones.

BackBone JS

http://backbonejs.org/

Dele a su aplicación JS algo de estructura con modelos, vistas, colecciones y eventos.

D3 JS

http://d3js.org/

Una biblioteca JS que funciona con SVG y elementos de lienzo para representar gráficos, tablas y visualizaciones dinámicas en la web.

interfaz de usuario de jQuery

http://jqueryui.com/

Un conjunto seleccionado de interacciones, efectos, widgets y temas de la interfaz de usuario.

jQuery Mobile

http://jquerymobile.com/

Sistema de interfaz de usuario basado en HTML5 diseñado para crear sitios web receptivos.

Guion bajo

http://underscorejs.org/

Ayudantes de programación funcional sin extender ningún objeto incorporado.

Momento

http://momentjs.com/

Analizar, validar, manipular y mostrar fechas en JavaScript.

Lodash

https://lodash.com/

Una biblioteca de utilidades moderna que ofrece modularidad, rendimiento y extras.

Riot JS

http://riotjs.com/

Una alternativa de React que da acceso a un DOM virtual pero mucho más fácil de controlar con requisitos de sintaxis más simples


 MARCOS DE APLICACIONES WEB


AngularJS

https://angularjs.org/

AngularJS es un marco que le permite ampliar el vocabulario HTML para su aplicación web.

Rubí

http://rubyonrails.org/

Ruby on Rails es un marco de aplicación web que incluye todo lo necesario para crear aplicaciones web respaldadas por bases de datos

Ember.js

http://emberjs.com/

Un marco para crear aplicaciones web ambiciosas.

Meteorito

https://www.meteor.com/

Plataforma de aplicaciones JavaScript de pila completa que reúne todas las piezas que necesita para crear aplicaciones web y móviles modernas

Django

https://www.djangoproject.com/

Marco web Python de alto nivel que fomenta el desarrollo rápido y el diseño limpio y pragmático.

ASP.net

https://www.asp.net/

Marco de aplicación web gratuito y totalmente compatible que le ayuda a crear soluciones web basadas en estándares.

Laravel

https://laravel.com/

Un marco de aplicación web PHP de código abierto y gratuito para crear aplicaciones web en el patrón MVC.

Zend Framework 2

http://framework.zend.com/

Un marco de código abierto para desarrollar aplicaciones y servicios web usando PHP.

CakePHP

http://cakephp.org/

Un marco PHP popular que hace que la creación de aplicaciones web sea más simple, rápida y requiere menos código.

CodeIgniter

https://www.codeigniter.com/

Marco PHP potente y ligero creado para desarrolladores que necesitan un conjunto de herramientas simple y elegante para crear aplicaciones web

 FRAMEWORKS WEB FRONT-END

Bootstrap

http://getbootstrap.com/

Marco HTML, CSS y JS que es el marco front-end de código abierto más utilizado en el mundo.

Interfaz de usuario semántica

https://semantic-ui.com/

Semantic es un marco de desarrollo que ayuda a crear diseños hermosos y receptivos utilizando HTML amigable para los humanos

Fundación

http://foundation.zurb.com/

Foundation es un marco de interfaz de usuario receptivo que utiliza componentes, plantillas y fragmentos de código de la interfaz de usuario HTML y CSS

Materializar

http://materializecss.com/

Materialise es un marco front-end moderno y receptivo basado en las pautas de diseño de materiales de Google

UIKit

https://getuikit.com/

UIKit es un marco modular de front-end, es un marco de desarrollo de front-end que incluye preprocesadores CSS LESS y SASS.

Texto estándar de HTML5

https://html5boilerplate.com/

HTML5 Boilerplate es una plantilla de interfaz profesional para crear sitios o aplicaciones web rápidos, sólidos y adaptables

Esqueleto

http://getskeleton.com/

Skeleton es una plantilla de respuesta superligera que contiene solo 400 líneas de código.

Miligramo

http://milligram.github.io/

Milligram es un marco CSS minimalista, cuando se comprime con gzip, tiene un tamaño de solo 2kb.

Vainilla

https://vanillaframework.io/

Vanilla framework es un marco simple extensible basado en SASS creado por Ubuntu

Modulr.css

https://decorator.io/modulr/

Modulr.css es un marco CSS rápido y modular donde la mayoría de los componentes CSS son independientes por naturaleza.


 BASES DE DATOS Y PREPROCESADORES CSS

MySQL

https://www.mysql.com/

Una de las bases de datos de código abierto más populares del mundo.

MariaDB

https://mariadb.com/

Hecho por los desarrolladores originales de MySQL. MariaDB también se está volviendo muy popular como servidor de bases de datos de código abierto.

MongoDB

https://www.mongodb.org/

Base de datos de última generación que le permite crear aplicaciones nunca antes posibles.

Redis

http://redis.io/

Un almacén de estructura de datos en memoria de código abierto, utilizado como base de datos, caché y agente de mensajes.

PostgreSQL

http://www.postgresql.org/

Un potente sistema de base de datos relacional de objetos de código abierto.

Cubrid

http://www.cubrid.org/

CUBRID es una opción gratuita y de código abierto optimizada específicamente para aplicaciones web


CSS

Menos

http://lesscss.org/

Como una extensión de CSS que también es compatible con CSS. Esto hace que aprender sea menos fácil y, en caso de duda, le permite recurrir al CSS básico.

Aguja

http://stylus-lang.com/

Un nuevo lenguaje, que proporciona una forma eficiente, dinámica y expresiva de generar CSS. Admite una sintaxis con sangría y un estilo CSS normal.

PostCSS

http://postcss.org/

PostCSS es una herramienta para transformar estilos con complementos JS

 EDITORES DE TEXTO

Texto sublime

http://www.sublimetext.com/

Un editor de texto sofisticado para código, marcado y prosa con gran rendimiento.

Bloc de notas ++

https://notepad-plus-plus.org/

Un editor de código fuente gratuito que admite varios lenguajes de programación que se ejecutan en el entorno MS Windows.

Visual Studio Code Beta

https://www.visualstudio.com/products/code-vs

Edición de código redefinida y optimizada para crear y depurar aplicaciones web y en la nube modernas.

TextMate

https://macromates.com/

Un editor de código y marcado para OS X.

WebStorm

https://www.jetbrains.com/webstorm/

IDE ligero pero potente, perfectamente equipado para el desarrollo complejo del lado del cliente y el desarrollo del lado del servidor con Node.js.

Empuje

http://www.vim.org/

Un editor de texto altamente configurable creado para permitir una edición de texto eficiente.

Soportes

http://brackets.io/

Un editor de texto moderno, ligero y potente escrito en JavaScript, HTML y CSS.

StackEdit

https://stackedit.io/

Un editor de rebajas enriquecido en línea gratuito.

Pycharm

https://www.jetbrains.com/pycharm/

Un Python de entorno de desarrollo integrado (IDE) popular.

Mou

http://25.io/mou/

Editor de Markdown para desarrolladores en Mac OS X.

 CLIENTES DE GIT, ENTORNOS DE DESARROLLO LOCAL

Cliente de GitHub

https://desktop.github.com/

Una forma perfecta de contribuir a proyectos en GitHub y GitHub Enterprise.

SourceTree

https://www.sourcetreeapp.com/

Un cliente Git y Mercurial gratuito para Windows o Mac. Atlassian también hace un cliente de Git de equipo bastante bueno llamado Bitbucket.

Torre 2

https://www.git-tower.com/

El control de versiones con Git es fácil en una aplicación hermosa, eficiente y poderosa.

Gogs

https://gogs.io/

Un servicio Git autohospedado indoloro basado en el lenguaje Go.

XAMPP

https://www.apachefriends.org/index.html

XAMPP es una distribución de Apache completamente gratuita y fácil de instalar que contiene MariaDB, PHP y Perl.

MAMP

https://www.mamp.info/en/

MAMP le permite configurar un entorno de servidor local en cuestión de segundos tanto en OS X como en Windows.

WampServer

http://www.wampserver.com/en/

Entorno de desarrollo web Windows. Te permite crear aplicaciones web con Apache2, PHP y una base de datos MySQL.

Servidor de escritorio

htps://serverpress.com/

DesktopServer simplifica la creación de sitios locales de WordPress en solo unos pocos clics

Diffchecker

https://www.diffchecker.com/

Herramienta de diferencias en línea para comparar diferencias de texto entre dos archivos de texto. Genial si está en movimiento y necesita comparar algo rápidamente.

Inomparablemente

http://www.scootersoftware.com/

Un programa para comparar archivos y carpetas usando comandos simples y poderosos que se enfocan en las diferencias que le interesan e ignoran las que no.

 EJECUTORES DE TAREAS / ADMINISTRADORES DE PAQUETES

Gruñido

http://gruntjs.com/

Grund es un corredor de tareas de JavaScript que tiene que ver con la automatización.

Trago

http://gulpjs.com/

Gulp simplifica las cosas y hace que las tareas complejas sean manejables, al tiempo que automatiza y mejora su flujo de trabajo.

Npm

https://www.npmjs.com/

Npm es un administrador de paquetes para JavaScript y también es el registro de software más grande del mundo.

Cenador

http://bower.io

Bower es un administrador de paquetes web que administra componentes que contienen HTML, CSS, JavaScript, fuentes o incluso archivos de imagen

Webpack

https://webpack.github.io/

Webpack es un paquete de módulos para aplicaciones JavaScript modernas.

JSPM

http://jspm.io/

JSPM es un administrador de paquetes front-end sin fricciones para soluciones basadas en el paquete SystemJS

Dúo

http://duojs.org/

Duo es un administrador de paquetes de próxima generación que combina las mejores ideas de Component, Browserify y Go

Browserify

http://browserify.org/

Browserify es una herramienta JavaScript de código abierto que permite a los desarrolladores escribir módulos estilo Node.js que se compilan para navegadores.

Hacendado

http://yeoman.io/

Yeoman es una herramienta de desarrollo web de código abierto impulsada por Yo, Grunt y Bower para ayudarlo a configurar rápidamente una aplicación web

 HERRAMIENTAS DE PRUEBA Y OPTIMIZACIÓN DE SITIOS WEB

Pingdom

https://tools.pingdom.com

Pingdom te permite probar el tiempo de carga de esa página, y analiza y te brinda mejoras de velocidad

Google PageSpeed ​​Insights

https://developers.google.com/speed/pagespeed/insights/

PageSpeed ​​Insights de Google analiza el contenido de una página web y luego genera sugerencias para que la página se cargue más rápido.

GTmetrix

https://gtmetrix.com/

Le brinda información sobre qué tan bien se carga su sitio y brinda recomendaciones prácticas sobre cómo optimizarlo.

WebPageTest

http://www.webpagetest.org/

Prueba de velocidad de sitio web gratuita desde múltiples ubicaciones en todo el mundo utilizando navegadores reales (IE y Chrome) y a velocidades de conexión de consumidor reales.

Prueba de velocidad del sitio web

https://tools.keycdn.com/speed

La prueba de velocidad del sitio web de KeyCDN incluye un desglose de la cascada y la vista previa del sitio web.

DevTools de Google Chrome

https://developers.google.com/web/tools/chrome-devtools/

Chrome DevTools es un conjunto de herramientas de depuración y creación web integradas en Google Chrome.

Yslow

http://yslow.org/

YSlow analiza las páginas web y explica por qué son lentas según las reglas de Yahoo! para sitios web de alto rendimiento.

Kraken.io

https://kraken.io/

Kraken.io es un optimizador y compresor de imágenes ultrarrápido y robusto con los mejores algoritmos de su clase


 HERRAMIENTAS DE COLABORACIÓN Y USO COMPARTIDO DE CÓDIGO

CodePen

http://codepen.io/

Inspírese o muestre su última creación y obtenga comentarios o cree un caso de prueba para depurar

JS Bin

http://jsbin.com/

Herramienta para experimentar con lenguajes web. En particular HTML, CSS y JavaScript, Markdown, Jade y Sass.

JSfiddle

https://jsfiddle.net/

Entorno personalizado para probar su código JavaScript, HTML y CSS directamente dentro de su navegador.

Código compartido

https://codeshare.io/

Comparta código en tiempo real con otros desarrolladores web.

Dabblet

http://dabblet.com/

Zona de juegos interactiva para probar rápidamente fragmentos de código CSS y HTML.

Flojo

https://slack.com

Aplicación de mensajería para equipos que tiene la misión de hacer su vida laboral más simple, placentera y productiva.

Trello

https://trello.com/

Manera flexible y visual de organizar cualquier cosa con cualquier persona. También usamos esto como KeyCDN.

Glip

https://glip.com/

Mensajería en tiempo real con administración de tareas integrada, videoconferencia, calendarios compartidos y más.

Asana

https://asana.com/

Herramienta de colaboración en equipo para que los equipos realicen un seguimiento de su trabajo y resultados.

Jira

https://www.atlassian.com/software/jira

Creado para que cada miembro de su equipo de software pueda planificar, rastrear y lanzar excelentes aplicaciones web o software.


Tenga en cuenta que no he podido incluir todo lo que está disponible, y también tenga en cuenta que esta lista de recursos y herramientas de desarrollo web no se enumeran en ningún orden en particular.

Espero que les haya gustado esta colección de las  mejores herramientas para desarrolladores web. Si tiene comentarios, correcciones o sugerencias, no dude en comentar.

Comentarios

  1. Hola aqui dejo un buen listado de recursos

    https://github.com/MilanAryal/web-development-resources#cdn-library

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Seminarios educativos y de crecimiento personal

WG