Herramientas útiles para un Web Developer [Edición 2016]

[rdoggsv]

Estimad@s, ya hace un par de meses he iniciado de nuevo mi aprendizaje de programación enfocada en aplicaciones web. Después de 8 años trabajando solo en redes hasta las cosas más elementales se olvidan. Ha sido un camino bien interesante y he logrado ver herramientas nuevas, y algunas ya repetidas, pero que en realidad te facilitan la vida para hacer cosas practicas en poco tiempo. Voy a empezar una lista y tal vez poco a poco pueden ir compartiendo las que a ustedes les son bien útiles y así la vamos expandiendo entre todos. Cualquier comentario o sugerencia es bienvenida 

[Cursos Online]

• http://freecodecamp.com - Curson online preparandose para llegar a ser un full web stack developer que te lleva de una forma completamente práctica, desde conceptos de HTML, CSS, Javascript, nodejs, y muchas otras tecnologías completamente útiles para el desarrollo web.
• https://watchandcode.com/ - Curso online gratis la primera parte. Orientado a programación en javascript puro, sin utilizar librerías para ir desarrollando un aplicación ToDo. En inglés, pausado y bien explicado
• Introduction to MongoDB using the MEAN stack Curso introductorio para MongoDB y su aplicación en MEAN stack
• http://thecodeplayer.com/ - Sitio lleno de mini tutoriales en forma de video script para aprender a realizar muchas cosas con html, js y CSS

[Editores de código]

• https://www.sublimetext.com/ - Editor gratuito (trial ilimitado), que tiene code completion y otras cosas pequeñas pero útiles. Bastante famoso y disponible para muchas plataformas
• http://brackets.io/ - Editor Open Source muy orientado al desarrollo web, al igual que sublime con muchos features para código html, javascript y similares
• https://notepad-plus-plus.org/ Notepad++. Editor multiusos, con ciertos features para desarrollo web. Sugerido por:Black Hawk 
• http://www.adobe.com/es/products/dreamweaver.html - Adobe Dreamweaver CC - Sugerido por Salvadoresc

[Entornos de trabajo online]

• http://c9.io - Cloud 9 Uno de mis favoritos, y que en realidad te hace la vida muy fácil, al punto que ya me siento listo para pagar la mensualidad de premium y colaborar con ese proyecto. Puedes crear entornos de trabajo que en realidad son una máquina virtual a la que le podes instalar de todo. El Editor de trabajo es igual de útil que los anteriores, y podes hacer deployment de aplicaciones de prueba en el mismo entorno de trabajo. Utilizar git para clonar cualquier proyecto online, o hacer push a Heroku, etc. Sinceramente de lo mejor.
• http://codepen.io - Entorno de trabajo online para HTML/CSS/Javascript. Puedes hacer pruebas de código que se ejecutan en el memento en tu navegador. Útil para guardar plantillas de trabajo o de elementos que utilizas frecuentemente
• https://jsfiddle.net/ - Muy conocido, al igual que codepen - Útil para hacer pruebas de código HTML/CSS/JS
• http://plnkr.co/ - Similar a los anteriores, Pruebas de código HTML/CSS/JS
• http://hyperdev.com - Entorno de trabajo online para aplicaciones de expressJS. Muy útil para definir automáticamente código de javascript que se ejecuta instantáneamente y podemos ver el resultado en la página de preview.

Front-end frameworks

• Bootstrap - Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
• Semantic-UI - User Interface is the language of the web

Back-end frameworks


Utilidades

• Canva - Editor online de imágenes
• Google Fonts - Repositorio de fuentes gratuitas
• http://fontawesome.io/ - Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

[Menciones honorables]

• http://github.com - Git para tus proyectos, soporta publicación de varios de tus proyectos gracias a GitHubPages https://pages.github.com/
• https://www.heroku.com/ - Publica tus aplicaciones gratis online hasta ciertos limites. Muy útil para proyectos pequeños gratis, la parte de pago no es muy barata que digamos pero tenes toda la infraestructura que te puede soportar un crecimiento inesperado.
• https://mlab.com/ - Container gratuito de MongoDB hasta 500MB
• https://bitbucket.org/ - Hasta 5 repositorios gratuitos de Git Sugerido por:Black Hawk

[Black Hawk]

Creo que en los editores podrias incluir https://notepad-plus-plus.org/ es muy bueno también.

Y en las menciones honorables.. https://bitbucket.org/ este repositorio de Gits es bueno, la version gratuita te permite 5 proyectos por cuenta.

[salvadoresc]

editores de codigo: dreamweaver

*se agacha *



 

[sagaSV]

Tambien seria bueno agregar un apartado de Frameworks (Fundation 5, Bootstrap,etc) recursos varios (font awesome etc.) herramientas para automatizacion (Grunt, Gulp etc.) y webs con recursos utiles (freepik, Google fonts etc.)

Por cierto en editores de texto te falta Atom!!

[rdoggsv]

Tambien seria bueno agregar un apartado de Frameworks (Fundation 5, Bootstrap,etc) recursos varios (font awesome etc.) herramientas para automatizacion (Grunt, Gulp etc.) y webs con recursos utiles (freepik, Google fonts etc.)

Por cierto en editores de texto te falta Atom!!

Buen punto master, mandame los detalles de como te gustaría que aparecieran los voy agregando de acuerdo a sus sugerencias, y una referencia de quién lo sugirió, entonces lo mejor sería que quede con la información que puedan compartir.

Estoy de acuerdo que agreguemos los Frameworks que usan, pero también sería bueno un par de referencias de cursos o similares que puedan ayudar a iniciar a cualquier principiante. Los de bootstrap y fontawesome, tienen casi todo documentado en su sitio, pero ya los demás como nodejs, react, angular o las herramientas de automatización que decís si no se que tan fáciles son.