Bienvenido a las guías de programación, donde encontrarás series de artículos técnicos estructurados paso a paso para dominar el desarrollo web y la creación de videojuegos. Aquí se agrupa de forma ordenada el contenido más completo sobre CSS, HTML, JavaScript, PHP, MySQL y Videojuegos. Olvídate de tutoriales sueltos: cada guía funciona como un curso gratuito diseñado para llevarte desde los conceptos básicos hasta un nivel avanzado. Descubre las series disponibles a continuación y mejora tus habilidades como programador.
Guías de desarrollo de videojuegos
Diseñar un videojuego requiere comprender las herramientas de desarrollo y los patrones de diseño que sostienen su arquitectura interna. En esta sección haremos desde una introducción a los gráficos web hasta el patrón ECS, pasando por conceptos de optimización, diseño y arquitectura de un videojuego.
- Introducción a los gráficos web: En esta serie de artículos haremos una introducción al desarrollo de gráficos web con HTML5 y la etiqueta
<canvas>. - Gestión de imágenes en HTML5 Canvas: En esta guía sobre la gestión de imágenes en HTML5 y Canvas explicaremos cómo cargar recursos, animar sprites y optimizar gráficos web.
- ECS Entidades, Componentes y Sistemas: En esta serie de artículos explicaremos qué es el ECS: Entidades, Componentes y Sistemas en la programación de Videojuegos.
Guías de diseño CSS
El diseño web moderno va mucho más allá de la estética: se trata de rendimiento, accesibilidad y adaptabilidad. De modo que estas prácticas guías están enfocadas en dominar la estructura visual de tus proyectos. Con el propósito de obtener un control absoluto de los selectores y la creación de menús responsive multinivel avanzados sin sobrecargar el código.
- Menús con CSS: En esta serie de artículos vamos a explicar desde hacer un sencillo menú horizontal de tres niveles hasta un menú horizontal o vertical responsive y multinivel con HTML y CSS.
- Selectores, Pseudoclases y Pseudoelementos CSS: En esta serie de artículos vamos a explicar qué son los Selectores, Pseudoclases y Pseudoelementos CSS. Veremos para qué se utilizan y cómo funcionan en el diseño de páginas HTML, creando diseños únicos y especiales.
Guías de programación HTML y JavaScript
El desarrollo en el entorno cliente exige entender cómo se procesan, almacenan e intercambian los datos en el navegador. De este modo encontrarás series técnicas dedicadas a la gestión de la información en la web o la comunicación asíncrona mediante AJAX. Por otra parte hablaremos de cómo obtener el control preciso de la codificación de caracteres. Así como dominar los eventos de dispositivos apuntadores (mouse, pointer y touch) para construir aplicaciones interactivas y robustas.
- Introducción a AJAX: En esta serie de artículos vamos a hacer una introducción completa a AJAX. Una tecnología que permite actualizar partes de una web sin recargar la página.
- Session, cookie y storage: En esta serie de artículos vamos a realizar una introducción completa a session, cookie y storage. Las tres formas de guardar información en la web.
- Codificación de caracteres: En esta serie de artículos explicaremos qué es la codificación de caracteres ASCII, Unicode, UTF-8, UTF-16, UTF32. Y descubriremos por qué es tan importante en el contexto informático.
- Dispositivos apuntadores en JavaScript: En esta serie vamos a explicar los de los tres tipos de dispositivos apuntadores en JavaScript. El mouse, los pointer events y los touch events y cómo permiten la interacción entre usuarios y ordenadores.
Guías de programación PHP y MySQL
Ya que la lógica en el lado del servidor y la persistencia de datos son los cimientos de cualquier aplicación web dinámica y segura. Así que con estas guías están orientadas al desarrollo backend práctico, enseñándote a estructurar código limpio en PHP y a gestionar bases de datos relacionales con MySQL a través de proyectos reales. También veremos la construcción paso a paso de un sistema de login y autenticación de usuarios completamente funcional.
- Sistema de login en PHP: En esta serie de artículos aprenderemos a construir un sistema completo de login de usuarios con PHP y MySQL, paso a paso.
- Patrón MVC o Modelo, Vista, Controlador: En este extenso artículo vamos a explicar la arquitectura de programación Modelo Vista Controlador o patrón MVC aplicado al lenguaje PHP.
Guías off topic
Puesto que el día a día de un programador está lleno de herramientas y pequeños detalles del entorno de trabajo que marcan la diferencia en la productividad. Gracias a esta colección de artículos aborda el dominio técnico de la consola del navegador para depurar código de forma eficiente y el uso avanzado de los símbolos del teclado en el desarrollo diario.
- Símbolos del teclado: En esta colección de artículos se explican los nombres y símbolos del teclado que se pueden generar mediante varias combinaciones de teclas.
- La consola del navegador: En esta serie de 10 artículos vamos a explicar qué es y cómo funciona la consola del navegador: una herramienta integrada en los navegadores web modernos.
- Expresiones regulares (regex): En este extenso artículo vamos a explicar las expresiones regulares (regex) más comunes y utilizadas para optimizar y dar más rendimiento a partes del código.
¡ Espero que estas guías de programación y desarrollo de videojuegos sean de vuestro interés !