The Fullstack Open course, offered by the University of Helsinki, has been an insightful and comprehensive introduction to modern web application development. The course covers a broad range of topics, from the fundamentals of web applications to advanced technologies such as React, Node.js, GraphQL, and TypeScript. Throughout the course, I had the opportunity to build single-page applications (SPAs) using React, communicate with RESTful APIs built with Node.js, and even dive into testing, state management, and styling.
This monorepo contains the projects I worked on as part of the Fullstack Open course, with each part building on the previous one. It was a challenging yet rewarding experience that deepened my understanding of full-stack development.
- Part 0: Fundamentals of Web Applications ✅
- Part 1: Introduction to React ✅
- Part 2: Communicating with the Server ✅
- Part 3: Programming a Server with NodeJS and Express ✅
- Part 4: Testing Express Servers, User Management ✅
- Part 5: Testing React Applications ✅
- Part 6: Advanced State Management ✅
- Part 7: React Router, Custom Hooks, Styling with CSS and Webpack ✅
- Part 8: GraphQL ✅
- Part 9: TypeScript ✅
- Part 10: React Native ✅
- Part 11: CI/CD (Available in English) ❌
- Part 12: Containers ✅
- Part 13: Working with Relational Databases ❌
This course offers a solid foundation for any aspiring or intermediate web developer. From creating backend APIs using Express to managing frontend state with Redux, every part of the course is packed with practical knowledge and real-world applications. Learning GraphQL and TypeScript added modern tools to my toolkit, while the CI/CD and container sections prepared me for deployment processes.
This repository is structured as a monorepo, containing multiple projects, each corresponding to different parts of the course. Each folder includes the respective project source code. To run the projects locally:
- Clone this repository:
git clone <repo-url> - Navigate to the specific project folder.
- Install dependencies:
npm install - Run the development server:
npm start
The Fullstack Open course is an incredible resource, completely free, and even offers an official certificate and university credits (ECTS). I highly recommend it to anyone interested in web development.
El curso Fullstack Open, ofrecido por la Universidad de Helsinki, ha sido una introducción completa y enriquecedora al desarrollo de aplicaciones web modernas. El curso abarca una amplia gama de temas, desde los fundamentos de las aplicaciones web hasta tecnologías avanzadas como React, Node.js, GraphQL y TypeScript. Durante el curso, tuve la oportunidad de crear aplicaciones de una sola página (SPA) utilizando React, comunicarme con APIs REST construidas con Node.js, e incluso profundizar en pruebas, gestión de estado y estilos.
Este monorepo contiene los proyectos en los que trabajé como parte del curso Fullstack Open, con cada parte construyendo sobre la anterior. Fue una experiencia desafiante pero gratificante que profundizó mi comprensión del desarrollo full-stack.
- Parte 0: Fundamentos de Aplicaciones Web ✅
- Parte 1: Introducción a React ✅
- Parte 2: Comunicándose con el Servidor ✅
- Parte 3: Programación de un Servidor con NodeJS y Express ✅
- Parte 4: Pruebas de Servidores Express, Gestión de Usuarios ✅
- Parte 5: Pruebas de Aplicaciones React ✅
- Parte 6: Gestión Avanzada del Estado ✅
- Parte 7: React Router, Hooks Personalizados, Estilando con CSS y Webpack ✅
- Parte 8: GraphQL ✅
- Parte 9: TypeScript ✅
- Parte 10: React Native ✅
- Parte 11: CI/CD (Disponible en inglés) ❌
- Parte 12: Contenedores ✅
- Parte 13: Uso de Bases de Datos Relacionales ❌
Este curso ofrece una base sólida para cualquier desarrollador web en crecimiento. Desde la creación de APIs backend usando Express hasta la gestión del estado en frontend con Redux, cada parte del curso está llena de conocimientos prácticos y aplicaciones reales. Aprender GraphQL y TypeScript agregó herramientas modernas a mi repertorio, mientras que las secciones de CI/CD y contenedores me prepararon para los procesos de despliegue.
Este repositorio está estructurado como un monorepo, que contiene varios proyectos, cada uno correspondiente a diferentes partes del curso. Cada carpeta incluye el código fuente del proyecto respectivo. Para ejecutar los proyectos localmente:
- Clona este repositorio:
git clone <repo-url> - Navega a la carpeta específica del proyecto.
- Instala las dependencias:
npm install - Inicia el servidor de desarrollo:
npm start
El curso Fullstack Open es un recurso increíble, completamente gratuito, y además ofrece un certificado oficial y créditos universitarios (ECTS). Lo recomiendo altamente a cualquier persona interesada en el desarrollo web.