← Todos los artículos

Publicado 2014-04-22 ·4 min de lectura

Chuletas para Desarrolladores Web

#chuletas ·#código ·#desarrollo web ·#diseño ·#Formación

Las chuletas (cheatsheets) son guías de referencia rápida que resumen la sintaxis y funciones más usadas de un lenguaje o herramienta de desarrollo web. En este artículo encontrarás una recopilación organizada por categorías: día a día, gestores de contenido, diseño y maquetación, programación básica, frameworks front-end y back-end, control de versiones y entornos de desarrollo. Úsalas como referencia cuando te quedes atascado en un proyecto.

¿Quién no ha utilizado alguna vez una “chuleta” para copiar en un examen? Cada vez que nos quedamos atascados en algún problema de desarrollo Web solemos hacer una búsqueda en Google o StackOverflow y como último recurso acudimos a las guías de referencia del lenguaje de programación o herramienta en particular. A continuación, una recopilación de chuletas sencillas y de uso rápido que puedes utilizar como referencia cuando estés desarrollando tus proyectos Web.

Para el día a día

Búsquedas en Google

Gmail

Gestores de Contenido

Chuleta WordPress

WordPress

Joomla

Drupal

Magento

Prestashop

Diseño y Maquetación Web

Chuleta HTML5

HTML / HTML5

CSS

Bootstrap

Colores Web

Programación Básica

Lenguajes de Programación

JavaScript

PHP

SQL / MySQL

Expresiones Regulares (Regex)

Apache

Comparativa de Lenguajes

Frameworks Front-End

jQuery

jQuery

Node.js

Angular JS

Prototype JS

MooTools

Comparativa de Frameworks para móviles

Frameworks Back-End

CakePHP

Zend Framework 2

CakePHP

Codeigniter

Ruby on Rails

Sistemas de Control de Versión

Git

Git

Subversion

Entornos de Desarrollo

NetBeans

Eclipse

NetBeans

Otros

Diagramas de Flujo

Preguntas frecuentes

¿Qué es una chuleta (cheatsheet) en desarrollo web?

Es una guía de referencia rápida que resume la sintaxis y las funciones más usadas de un lenguaje, framework o herramienta de desarrollo web. La idea es tener todo lo importante en una sola hoja para no tener que ir cada vez a la documentación oficial.

¿Cuándo conviene usar una chuleta en lugar de buscar en Google?

Cuando ya sabes lo que buscas pero no recuerdas la sintaxis exacta. Para problemas más complejos o errores específicos, una búsqueda en Google o StackOverflow suele ser más rápida; las chuletas brillan como referencia de consulta inmediata mientras estás programando.

¿Qué chuletas son las más útiles en el día a día de un desarrollador front-end?

Las de HTML5, CSS, JavaScript, jQuery y Bootstrap. Son las herramientas más habituales y tener su sintaxis a mano ahorra muchísimo tiempo cuando estás maquetando o resolviendo bugs visuales.

¿También hay chuletas para gestores de contenido como WordPress?

Sí. En la sección de gestores de contenido tienes chuletas para WordPress (incluyendo plantillas), Joomla, Drupal, Magento y Prestashop. Te ahorran horas de buscar funciones del API o nombres de archivo de plantilla.

Conclusiones clave

  • Las chuletas son guías de referencia rápida ideales para tener siempre a mano cuando programas.
  • Cubren todas las áreas: front-end (HTML, CSS, JS, jQuery), back-end (PHP, Ruby, frameworks), bases de datos (SQL, MySQL), control de versiones (Git, SVN) y CMS (WordPress, Joomla, Drupal).
  • Combínalas con búsquedas en Google y StackOverflow para resolver problemas más rápido.
  • Bootstrap y jQuery siguen siendo las referencias más útiles del día a día en front-end.

¿Echas alguna chuleta en falta? Deja tu comentario debajo enlazando a ella.

¡Aquí tienes el post para compartirlo en Facebook y Twitter!

¡Una recopilación de las mejores “chuletas” para #desarrolladores web!
>> https://t.co/T1AdfvuhOE pic.twitter.com/ONMIJdyVct