Loading repository data…
Loading repository data…
santiagoencodigo / repository
Repositorio enfocado en el aprendizaje y práctica del desarrollo web, desde fundamentos de programación e historia de Internet, hasta el uso de HTML, CSS, JavaScript, Git, GitHub y proyectos aplicados que fortalecen habilidades para un desarrollo web profesional.
Acceso directo:
Pagina principal del proyecto
Mapa neuronal interactivo
Este repositorio documenta y aplica mi proceso de aprendizaje en desarrollo web profesional.
Contiene apuntes estructurados, proyectos prácticos y una red de conocimiento que conecta cada concepto con su implementación real.
El objetivo es consolidar fundamentos sólidos en HTML, CSS, JavaScript, control de versiones, terminal y buenas prácticas de ingeniería de software, y crear una base reutilizable para proyectos futuros.
Una de las piezas centrales de este repositorio es el mapa neuronal, una visualización en grafo inspirada en la estética de Obsidian.
Construido con D3.js y partículas animadas, este mapa conecta todos los proyectos, documentación y recursos del repositorio, mostrando las relaciones temáticas y secuenciales entre los distintos módulos.
Interacciones disponibles:
Desarrollo-Web-Profesional/
├── Assets/ # Imágenes, PDFs y recursos estáticos
├── docs/ # Documentación en Markdown de cada módulo
├── pages/ # Proyectos prácticos (Google Clone, Portfolio, etc.)
├── frontend/ # Proyectos frontend completos (AnimeShop, Instant Talent)
├── index.html # Página principal (portafolio y lista de proyectos)
├── sitemap.html # Mapa neuronal interactivo (grafo de conocimiento)
├── main.js # Lógica del mapa neuronal (D3.js)
├── Assets/sitemap.css # Estilos del mapa neuronal
└── README.md # Este archivo
Para ejecutar este proyecto en tu entorno local:
git clone https://github.com/santiagoencodigo/desarrollo-web-profesional.git
cd desarrollo-web-profesional
index.html en tu navegador preferido (no se necesita servidor adicional, ya que es estático).También puedes explorar el mapa neuronal abriendo sitemap.html directamente.
Apuntes sobre bits, bytes, codigo maquina, ASCII, RGB, Unicode, ARPANET, protocolos HTTP/HTTPS, navegadores, W3C y evolucion de la World Wide Web.
Clon de la pagina principal de Google desarrollado con HTML5 y CSS3.
Practica de estructura semantica, Flexbox, Grid, metodologia BEM y uso de DevTools.
Exploracion de tipografia, colores, layouts responsivos, animaciones y efectos visuales para construir interfaces atractivas y funcionales.
Apuntes sobre HTML semantico, accesibilidad, SEO y buenas practicas de estructuración.
Conceptos basicos de computacion: funcionamiento de una computadora, instalacion de software, navegacion segura, gestion de archivos y ciberseguridad esencial.
Recopilacion de conceptos clave: bits, bytes, internet, chips, IA, sistemas y arquitectura de software.
Videojuego estilo piedra-papel-tijera con tematica de mascotas. Desarrollado con JavaScript, HTML y CSS para consolidar logica de programacion, manipulacion del DOM y eventos.
Estado: en proceso de mejora continua.
Uso de la terminal (BASH) para navegacion, manipulacion de archivos, permisos, procesos, grep, curl y personalizacion del shell.
Estado: en proceso.
Estado: proximamente.
Estado: proximamente.
Landing page tematica de anime (One Piece y Naruto) con HTML semantico, CSS moderno, Bootstrap 5 y JavaScript Vanilla.
Incluye hero animado, catalogo dinamico, carruseles, filtros y carrito de compras funcional.
Sitio corporativo para una empresa ficticia de outsourcing y gestion del talento humano.
Desarrollado con HTML semantico, CSS (Grid, Flexbox, variables) y JavaScript Vanilla.
Incluye menu hamburguesa, efectos parallax, animaciones y secciones completas (servicios, valores, politicas, equipo directivo). Totalmente responsive.
Este repositorio se encuentra en desarrollo activo.
Este es un proyecto personal de aprendizaje, pero las sugerencias y comentarios son bienvenidos.
Puedes abrir un issue en el repositorio o contactarme a traves de: