CORE Code School

¿Qué aprenderé en el Bootcamp de Desarrollo Web Fullstack?

8 minutos

¿Has leído el temario del bootcamp y no entiendes nada? No te preocupes, es normal. Hay palabras muy técnicas que solo se usan en esta industria. Es por eso que hemos desarrollado este resumen para intentar explicarte de una manera más sencilla.

Módulo 1: Javascript, HTML, CSS

Empezarás con los fundamentos donde vas a desarrollar, diseñar y maquetar con HTML y CSS, además de la lógica de Javascript utilizando estándares actuales. Estos lenguajes son la base de la programación web y los puedes encontrar en cualquier página web que visites. Conforman la capa de Frontend.

Aplicarás el uso de la terminal que es una programa informático cuyo objetivo principal es leer comandos y ejecutar otros programas. Lo utilizaremos desde el primer día para agilizar y que pierdas el miedo. Te sentirás como un hacker ya que todo se lee y ejecuta por medio de comandos del teclado.

Módulo 2: Backend y Typescript (I)

Te adentrarás en el mundo del Backend, con Node.js, el cual te permite complementarlo con el lado del Frontend. Su finalidad es programar servidores, que no son más que ordenadores que nos brindan información cada vez que se lo indicamos. Utilizarás tecnologías como Fastify, que se está utilizando mucho en los últimos años y nos facilita la creación de servidores. Ejemplos de empresas que desarrollan con Node.js son LinkedIn, Netflix, Uber y PayPal.

Aprenderás Typescript, que es una capa superior basada en Javascript que te ayudará a escribir código más limpio, ordenado y de calidad. Es una tecnología muy buscada hoy en día por las empresas y te agrega un plus como desarrollador.

Primer Proyecto: Juego con HTML5 Canvas

LLegó el momento de plasmar tus conocimentos aprendidos hasta ahora: crearás el primer proyecto. Vas a utilizar Vite.js que te ayuda a crear automáticamente un servidor de desarrollo, además, vas a construir el juego utilizando el DOM, que te ayudará a controlar todos los elementos de la página y concluirás subiendo tu juego en GitHub Pages.

Módulo 2: Backend y Typescript (II)

Implementarás Bases de Datos como MongoDB, para persistencia de datos, osea, que tus datos estarán resguardados. Esto te agrega una funcionalidad increíble para asegurar nuestros datos en la nube, delengando en servicios como MongoDB Atlas.

Mejorarás tu Backend desarrollando APIs REST, las cuales te ayudarán a obtener datos o generar operaciones sobre esos datos en todos los formatos posibles, como XML y JSON.

Agregarás funcionalidad de sesión, autorización y autenticación de usuarios con plataformas como Auth0 y dar una capa de seguridad a tus aplicaciones. Además verás como probar tu código aplicando Test Driven Development.

Talleres incluidos

Utilizarás Websockets para crear una funcionalidad de comunicación en tiempo real.

Aprenderás a aplicar tus bases de datos en la nube con MongoDB Atlas.

Módulo 3: React

Aprenderás a desarrollar una aplicación web completa con la biblioteca de React, con consumo de datos de múltiples servicios de Backend. Donde aprenderás a crear componentes, integrar Typescript con React, crear hooks y probar tu código.Plataformas como Facebook, Instagram, Airbnb y Spotify utilizan esta tecnología.

Subirás de nivel con Next.js desarrollando aplicaciones utilizando Server Side Rendering, que te dará grandes beneficios para crear aplicaciones web escalables a nivel empresarial.

Talleres incluidos

Harás un despliegue de tu proyecto en servicios cloud, utilizando integración continua con GitHub Actions.

Integrarás una pasarela de pago en Next.js en tu aplicación con el servicio de Stripe para aceptar pagos, enviar transferencias y gestionar sus actividades comerciales en Internet.

Cómo ya conocerás React, puedes aprovechar esta habilidad para implementar React Native, te dará la oportunidad empezar en el mundo de desarrollo para móviles iOS y Android.

Módulo 4: Docker y Amazon Web Services

Aplicarás el cómo desarrollar de manera escalable, delegando e integrando servicios como Amazon Web Services, Docker y Kubernetes, que harán que nuestro código esté optimizado al máximo para un entorno real.

Talleres incluidos

Te quitarás el peso de administrar infraestructura de servidores, con el servicio Serverless de Vercel y Faable.

Verás como funciona un sistema de caché y CDN, el cual se resume en que podrás acelerar la entrega del contenido web a los usuarios. Es un proceso que almacena temporalmente copias de archivos, de modo que pueda acceder al contenido de internet con un dispositivo o navegador web de forma más rápida a través de un servidor cercano.

Proyecto Final: Crea una aplicación web

¡Has llegado al momento que esperabas!, donde vas hacer destacar tus habilidades como desarollador Full Stack, ya que posees conocimientos de Backend y Frontend.

Te enfrentarás a un reto, crear una aplicación web competente a nivel empresarial. Vas a construir dos proyectos donde se complementan el uno al otro. Una parte de Backend donde estará tu servidor de Fastify y Frontend, que se hará gracias a Next.js.

Glosario

Te proporcionamos estos conceptos específicos de programación que te ayudarán a entender mejor el temario:

  • Frontend: Es la parte de un sitio web que interactúa con el usuario.
  • Backend: Es la parte que maneja la sección del servidor del sitio web.
  • Full Stack: Es un término utilizado para describir a los desarrolladores que conocen tanto los lenguajes de Frontend como de Backend.
  • Servidor: Es un ordenador que almacena, distribuye y suministra información.
  • Testing: Es una de las metodologías utilizadas para verificar y validar cada etapa de desarrollo sobre la que avanzamos en nuestro código fuente.
  • Javascript: Es un lenguaje de programación que los desarrolladores utilizan para hacer páginas web interactivas.
  • DOM: Es un modelo de objetos, donde Javascript obtiene todo el poder que necesita para crear HTML dinámico.
  • Vite.js: Es una herramienta de compilación que tiene como objetivo proporcionar una experiencia de desarrollo más rápida y ágil para proyectos web modernos.
  • GitHub Actions: Es una herramienta que facilita la automatización de todos sus flujos de trabajo de software.
  • GitHub Pages: Es un servicio de alojamiento de sitio estático que toma archivos HTML, CSS y Javascript directamente desde un repositorio en GitHub.
  • Node.js: Es un entorno de ejecución Javascript que se utiliza para desarrollar aplicaciones escalables del lado del servidor y de red.
  • Fastify: Es un framework de backend que asegura ser super veloz, seguro y fácil de desarrollar ofreciéndo un gran ecosistema de complementos.
  • Framework: Es un esquema o marco de trabajo que ofrece una estructura base para elaborar un proyecto con objetivos específicos.
  • API: Es una interfaz de programación de aplicaciones. Ayuda a la interconexión de aplicaciones.
  • Websockets: Es una tecnología avanzada que hace posible abrir una sesión de comunicación interactiva entre el navegador del usuario y un servidor.
  • MongoDB: Es un sistema de base de datos de documentos, que ofrece una gran escalabilidad y flexibilidad, y un modelo de consultas e indexación avanzado.
  • XML: Es el lenguaje de marcado extensible que permite definir y almacenar datos de forma compartible.
  • JSON: Significa Notación de Objeto de JavaScript. Es un formato de texto sencillo para el intercambio de datos.
  • Test Driven Development: Es una práctica de programación que consiste en escribir pruebas para el código y verificar su funcionalidad.
  • Typescript: Es un lenguaje de programación libre, de código abierto desarrollado y mantenido por Microsoft. Es un superconjunto de Javascript.
  • React: Es una biblioteca Javascript de código abierto diseñada para crear interfaces de usuario con el objetivo de facilitar el desarrollo de aplicaciones en una sola página.
  • Biblioteca: Es un conjunto de implementaciones funcionales, codificadas en un lenguaje de programación, que ofrece una interfaz bien definida para la funcionalidad que se invoca.
  • React Hooks: Son funciones que te permiten “enganchar” el estado de React y el ciclo de vida desde componentes de función.
  • Next js: Es un framework Javascript que habilita funcionalidades como la representación del lado del servidor y la generación de sitios web estáticos para aplicaciones web basadas en React.
  • Server Side Rendering: Es una técnica utilizada para representar una aplicación de página única en el servidor.
  • Stripe: Es un sistema de pago online diseñado para integrarlo directamente en la página web de una tienda online, similar a PayPal.
  • React Native: Es un framework de Javascript para crear aplicaciones reales nativas para iOS y Android.
  • Serverless: Es una solución que permite crear y ejecutar aplicaciones con rapidez y menor costo total de propiedad, ya que no es necesario aprovisionar y administrar infraestructura.
  • CDN: Significa Red de Distribución de Contenido. Es un grupo de servidores repartidos en distintas zonas geográficas que aceleran la entrega del contenido web al acercarlo a los usuarios.
  • Amazon Web Services: Es un proveedor de servicios en la nube.
  • Docker: Es un sistema operativo para contenedores.
  • Contenedores: Es una tecnología que se usa para agrupar una aplicación con todos sus archivos necesarios en un entorno de ejecución.
  • Kubernetes: Es una plataforma portable y extensible de código abierto para administrar cargas de trabajo y servicios.

Horarios y clases

Recuerda que la duración del bootcamp es de 12 semanas (3 meses) y las clases son de Lunes a Viernes de 18:00 - 21:00 hora de España. Además ofrecemos tutorías individuales varios días a la semana, si lo necesitas. Estamos disponibles en un horario amplio y flexible en Slack.

Si necesitas más ayuda o que un nuestro equipo te lo explique más detenidamente, puedes aplicar al bootcamp y nos pondremos en contacto contigo lo antes posible.

Bootcamp Desarrollo Web FullStack