Este repositorio contiene todo el material, ejercicios y tutoriales que iremos viendo durante el bootcamp. Está organizado por días de clase para que puedas consultar y repasar el contenido de forma rápida y sencilla.

4geeks_academy_spain_fs_pt_129/
├── day_01/    # Día 1: Fundamentos de HTML/CSS
├── day_04/    # Día 4: Terminal, comandos y rutas
└── ...        # Más contenido por venir

Cada carpeta day_XX/ contiene:

• 📖 Tutoriales en formato Markdown (.md)
• 💻 Ejercicios prácticos
• 🎯 Proyectos guiados paso a paso

git clone [URL_DEL_REPOSITORIO]
cd 4geeks_academy_spain_fs_pt_129

git pull origin main

La mayoría de ejercicios HTML incluyen un servidor de desarrollo. Para ejecutarlos:

cd day_XX/nombre-del-proyecto
pip3 install flask
python3 server.py

Luego abre tu navegador en http://*******:3000

• Proyecto: Instagram Post Card (3 pasos incrementales)
• Ubicación: day_01/html-hello/
• Temas: Estructura HTML, Modelo de caja, Flexbox

• Tutorial: Comandos de terminal y gestión de archivos
• Ubicación: day_04/index.md
• Temas: CLI, comandos básicos, rutas absolutas y relativas

• ✅ Consulta este repositorio siempre que necesites repasar algo
• ✅ Practica con los ejercicios fuera de clase
• ✅ Los tutoriales están en español para facilitar el aprendizaje
• ✅ Cada proyecto incluye documentación detallada

Si tienes dudas sobre algún tema:

1. Revisa el README del proyecto específico
2. Consulta los tutoriales en formato .md
3. Pregunta en el canal de Slack oficial de la academia

💪 ¡Sigue practicando y nos vemos en clase!

Todas las clases y el contenido de apoyo en este repositorio han sido creados en base al material y estructura académica de 4Geeks Academy.

• READ – Introduction to 4Geeks Academy
• READ – Before Starting Full Stack Development
• PROJECT – Instagram Post Layout

• READ – What is debugging and how to debug code
• READ – Debugging HTML Code
• READ – Debugging CSS Code
• READ – Bootstrap Tutorial: Learn Bootstrap 5 in 10 minutes
• PRACTICE – Learn Bootstrap from Zero
• PROJECT – Instagram Photo Feed with Bootstrap
• ANSWER – Bootstrap Quiz

• READ – Understanding HTML Input HTML Text Area and Forms
• PRACTICE – Learn how to use and interact with HTML Forms
• PROJECT – Create a HTML5 form

• READ – The Command Line (a.k.a: The Terminal)
• PRACTICE – Command Line Challenge
• PROJECT – Command Line Challenge

• READ – Learn in Public
• READ – How to use GIT: Version Control System
• READ – Avoid deletion of your projects on Github
• PRACTICE – Git Interactive Exercises
• PROJECT – Fix the Misspell Challenge
• PROJECT – Learn in Public using Pull Requests

• PROJECT – Building an HTML/CSS Website Collaboratively using Git and GitHub

• READ – What is JavaScript? Learn to Code in JavaScript
• READ – Conditionals in Programming with JavaScript
• READ – Working with Functions
• PRACTICE – Javascript Beginner Tutorial (interactive)

• PRACTICE – Practice Javascript Functions Tutorial
• PROJECT – Code an Excuse Generator in JavaScript

• READ – What is an Array? Understanding the Basics and Defining Array Data Structure
• PRACTICE – Learn Javascript Arrays and Loops Interactive
• PROJECT – Domain Name Generator

• READ – 4Geeks Method: The Project Assignments
• READ – General Coding Standards and Guidelines
• READ – What is code readability and how to improve it
• PROJECT – Coding Guidelines Challenge

• PRACTICE – Master Javascript Practicing
• PROJECT – Conditional Profile Card Generator

• READ – What is Front-End Development
• READ – What is DOM: Document Object Model
• READ – Event Driven Programming
• PRACTICE – Javascript Events
• PRACTICE – Learn how to manipulate The DOM with JS

• PROJECT – Random Card Generator

• READ – How to create unit testing with JEST
• PROJECT – Your first unit tests with Javascript's Jest Framework

• READ – JavaScript Import and Export of Modules
• READ – Learn React here: React JS Tutorial
• READ – Creating React Components
• PRACTICE – Learn React.js Tutorial and Interactive Exercises
• PROJECT – Landing Page with React

• PROJECT – Simple Counter

• READ – React Hooks Explained
• PROJECT – Traffic Light

• READ – What are controlled and/or uncontrolled inputs in React.js
• PROJECT – Todolist Application Using React

• READ – Creating asynchronous algorithms
• READ – The Fetch API
• READ – Understanding REST APIs
• PROJECT – Todolist Application Using React and Fetch

• READ – Routing our Views with React Router
• READ – What is and How to Use The useReducer Hook in React.js
• READ – Global state with the Context API
• PROJECT – Contact List App Using React & Context

• PROJECT – Starwars blog reading list

• READ – Knowing What is Behind a Back-End Developer
• READ – Understanding Python Syntax
• READ – Logical conditions in Python explained
• READ – Working with Lists in Python
• READ – Working with Functions in Python
• PRACTICE – Learn Python Interactively (beginner)
• PRACTICE – Learn Python Functions Interactively
• PRACTICE – Learn Python Loops and lists Interactively
• PRACTICE – Master Python by practice (interactive)

• READ – Building RESTful APIs using Flask
• PROJECT – Interactive Todo List API with Python and Flask

• READ – What is Object Oriented Programming?
• PROJECT – Family Static API with Flask

• READ – Mastering Databases: What is SQL Database
• PRACTICE – Practice SQL

• READ – Everything you need to know about SQLAlchemy
• PROJECT – Building Instagram.com Database Model
• PROJECT – Data Modeling a StarWars Blog

• PROJECT – Build a StarWars REST API

• READ – Token Based Authentication in your API
• READ – Understanding JWT and how to implement a simple JWT with Flask
• PROJECT – Authentication system with Python Flask and React.js

• PROJECT – Final Project (start module) ​