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
Una biblioteca de JavaScript rápida, pequeña y rica en funciones.
BackBone JS
Dele a su aplicación JS algo de estructura con modelos, vistas, colecciones y eventos.
D3 JS
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
Un conjunto seleccionado de interacciones, efectos, widgets y temas de la interfaz de usuario.
jQuery Mobile
Sistema de interfaz de usuario basado en HTML5 diseñado para crear sitios web receptivos.
Guion bajo
Ayudantes de programación funcional sin extender ningún objeto incorporado.
Momento
Analizar, validar, manipular y mostrar fechas en JavaScript.
Lodash
Una biblioteca de utilidades moderna que ofrece modularidad, rendimiento y extras.
Riot JS
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
AngularJS es un marco que le permite ampliar el vocabulario HTML para su aplicación web.
Rubí
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
Un marco para crear aplicaciones web ambiciosas.
Meteorito
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
Marco de aplicación web gratuito y totalmente compatible que le ayuda a crear soluciones web basadas en estándares.
Laravel
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
Un marco de código abierto para desarrollar aplicaciones y servicios web usando PHP.
CakePHP
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
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
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
Semantic es un marco de desarrollo que ayuda a crear diseños hermosos y receptivos utilizando HTML amigable para los humanos
Fundación
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
Materialise es un marco front-end moderno y receptivo basado en las pautas de diseño de materiales de Google
UIKit
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
HTML5 Boilerplate es una plantilla de interfaz profesional para crear sitios o aplicaciones web rápidos, sólidos y adaptables
Esqueleto
Skeleton es una plantilla de respuesta superligera que contiene solo 400 líneas de código.
Miligramo
Milligram es un marco CSS minimalista, cuando se comprime con gzip, tiene un tamaño de solo 2kb.
Vainilla
Vanilla framework es un marco simple extensible basado en SASS creado por Ubuntu
Modulr.css
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
Una de las bases de datos de código abierto más populares del mundo.
MariaDB
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
Base de datos de última generación que le permite crear aplicaciones nunca antes posibles.
Redis
Un almacén de estructura de datos en memoria de código abierto, utilizado como base de datos, caché y agente de mensajes.
PostgreSQL
Un potente sistema de base de datos relacional de objetos de código abierto.
Cubrid
CUBRID es una opción gratuita y de código abierto optimizada específicamente para aplicaciones web
CSS
Menos
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
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
PostCSS es una herramienta para transformar estilos con complementos JS
EDITORES DE TEXTO
Texto sublime
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
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
Un editor de texto altamente configurable creado para permitir una edición de texto eficiente.
Soportes
Un editor de texto moderno, ligero y potente escrito en JavaScript, HTML y CSS.
StackEdit
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
Editor de Markdown para desarrolladores en Mac OS X.
CLIENTES DE GIT, ENTORNOS DE DESARROLLO LOCAL
Cliente de GitHub
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
El control de versiones con Git es fácil en una aplicación hermosa, eficiente y poderosa.
Gogs
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
MAMP le permite configurar un entorno de servidor local en cuestión de segundos tanto en OS X como en Windows.
WampServer
Entorno de desarrollo web Windows. Te permite crear aplicaciones web con Apache2, PHP y una base de datos MySQL.
Servidor de escritorio
DesktopServer simplifica la creación de sitios locales de WordPress en solo unos pocos clics
Diffchecker
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
Grund es un corredor de tareas de JavaScript que tiene que ver con la automatización.
Trago
Gulp simplifica las cosas y hace que las tareas complejas sean manejables, al tiempo que automatiza y mejora su flujo de trabajo.
Npm
Npm es un administrador de paquetes para JavaScript y también es el registro de software más grande del mundo.
Cenador
Bower es un administrador de paquetes web que administra componentes que contienen HTML, CSS, JavaScript, fuentes o incluso archivos de imagen
Webpack
Webpack es un paquete de módulos para aplicaciones JavaScript modernas.
JSPM
JSPM es un administrador de paquetes front-end sin fricciones para soluciones basadas en el paquete SystemJS
Dúo
Duo es un administrador de paquetes de próxima generación que combina las mejores ideas de Component, Browserify y Go
Browserify
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
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
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
Le brinda información sobre qué tan bien se carga su sitio y brinda recomendaciones prácticas sobre cómo optimizarlo.
WebPageTest
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
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
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
Inspírese o muestre su última creación y obtenga comentarios o cree un caso de prueba para depurar
JS Bin
Herramienta para experimentar con lenguajes web. En particular HTML, CSS y JavaScript, Markdown, Jade y Sass.
JSfiddle
Entorno personalizado para probar su código JavaScript, HTML y CSS directamente dentro de su navegador.
Código compartido
Comparta código en tiempo real con otros desarrolladores web.
Dabblet
Zona de juegos interactiva para probar rápidamente fragmentos de código CSS y HTML.
Flojo
Aplicación de mensajería para equipos que tiene la misión de hacer su vida laboral más simple, placentera y productiva.
Trello
Manera flexible y visual de organizar cualquier cosa con cualquier persona. También usamos esto como KeyCDN.
Glip
Mensajería en tiempo real con administración de tareas integrada, videoconferencia, calendarios compartidos y más.
Asana
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.
Silvia gonzalez dice
Hola aqui dejo un buen listado de recursos
https://github.com/MilanAryal/web-development-resources#cdn-library
WPE dice
Muchas gracias no lo conocía buen recurso