Bienvenido a este repositorio, un espacio dedicado a documentar y aplicar mis aprendizajes en el camino hacia el desarrollo web profesional.
Aquí encontrarás resúmenes, apuntes y prácticas de cursos fundamentales que abarcan desde los conceptos básicos de informática y el funcionamiento de Internet, hasta el uso de herramientas esenciales como Terminal, Git y GitHub, y tecnologías clave para la web: HTML, CSS y JavaScript.
Este repositorio tiene como propósito:
-
Consolidar mis conocimientos en desarrollo web.
-
Documentar conceptos y ejemplos prácticos.
-
Crear una base sólida para proyectos más avanzados.
Por ultimo, una recomendación personal para retener más toda esta información. Por cada concepto que se encuentre aqui se debe pensar en ¿Cómo se aplica esto en un proyecto real? Plantearse este tipo de preguntas refuerza la retención.
En este apartado encontrarás apuntes estructurados sobre el funcionamiento de los computadores y la red. Se abordan conceptos fundamentales como bits, bytes, código máquina, códigos ASCII, colores RGB y Unicode, así como los orígenes de ARPANET, el funcionamiento de Internet, los principales protocolos (HTTP, HTTPS), la evolución de los navegadores, el papel del W3C, el funcionamiento de la World Wide Web y muchos otros temas relacionados.
En esta sección se desarrolla un clon de la página principal de Google empleando únicamente HTML5 y CSS3. El objetivo principal es afianzar los fundamentos de estructuración semántica con HTML y estilización con CSS, aplicando técnicas modernas de maquetación como Flexbox y Grid.
-
Comprender cómo estructurar un sitio web desde cero, usando etiquetas semánticas de HTML.
-
Aplicar reglas de CSS para dar estilo y posición a los elementos.
-
Usar metodologías de organización como BEM para nombrar clases y mantener un código escalable.
-
Practicar con herramientas de desarrollo (DevTools) para depuración y ajustes en tiempo real.
-
Diferenciar cuándo aplicar Flexbox y cuándo Grid según las necesidades de maquetación.
En este apartado se encuentra cómo aplicar estilos, tipografía y colores para mejorar la legibilidad y estética de una página web. Además, conoceré el uso de layouts modernos, responsive design, efectos visuales y animaciones, desarrollando una base sólida para crear interfaces atractivas, funcionales y adaptables a cualquier dispositivo.
En esta sección se puede ver mis apuntes sobre cómo escribir código limpio, semántico y estructurado, comprendiendo la base sobre la que se construyen todas las páginas web. Explorando el rol de HTML en la web moderna y cómo su correcta organización afecta directamente en la accesibilidad, el SEO, y la mantenibilidad de un sitio web.
En esta sección se explorarán los conceptos básicos de computación. Aquí estarán mis apuntes sobre las principales funcionalidades de una computadora, instalar y desinstalar programas, navegar por internet de forma segura, manejar archivos e identificar software malicioso.
Aquí encontrarás apuntes sobre los fundamentos de la ingeniería de software. Incluye temas como bits y bytes, el funcionamiento de internet, las computadoras, los chips, la inteligencia artificial y los sistemas del mundo.
Esta sección representa un punto de partida dentro de la ruta de Desarrollo Web Profesional, ya que consolida los fundamentos esenciales para comprender la lógica detrás del desarrollo de aplicaciones web.
En este módulo se trabajan los principios de programación utilizando JavaScript, HTML y CSS, fortaleciendo el pensamiento lógico, el uso de estructuras de control, la manipulación del DOM y la aplicación práctica de conceptos clave mediante el desarrollo de un videojuego desde cero. Este bloque establece las bases necesarias para abordar posteriormente áreas más avanzadas del desarrollo frontend y backend.
En proceso
- Documentación
En esta sección se encuentra cómo utilizar la terminal y la línea de comandos (Terminal BASH) para navegar el sistema operativo, manipular archivos y directorios, comprender permisos y procesos, y usar herramientas como grep y curl. Integra alias y personaliza tu shell para optimizar el flujo de trabajo.
En proceso
-
Documentación
-
Proyecto
Pendiente
- Documentación
Pendiente
Este repositorio es parte de mi proceso de aprendizaje continuo, con la visión de construir proyectos reales que aporten valor y fortalezcan mis habilidades como desarrollador.