Apx

Este repositorio contiene todos los ejercicios realizados durante la formación en la Academia APX. Cada módulo incluye prácticas y desafíos que cubren temas clave en desarrollo de software.

Nivel 0

• ¿Qué es programar?

Capítulos

• Introducción
• Hola dev
• El perfil
• Plan de estudios
• Discord
• Hola mundo
• Primer objetivo
• ¿Qué hacen las computadoras?
• Software
• ¿Que es el código?
• ¿Qué es una app?
• JavaScript: El rey
• ¿Qué es un intérprete?
• ¿Por qué usamos comandos?
• La terminal
• Algunos comandos
• Visual Studio Code
• Hola mundo
• Datos
• Objetivo del capítulo
• Primeros datos
• Comentarios
• Tipos de datos
• Primitivos
• Objetos
• Arrays
• Yo, objeto

Nivel 1

Programación en JavaScript

conceptos fundamentales de la programación trabajando en equipo para resolver problemas de distinto tipo. Este nivel sienta las bases fundamentales respecto a la computación, la programación orientada a objetos y como pensar los problemas del software.

Capítulos

Lógica básica

• Operadores
• Inputs
• Argumentos
• Datos del mes
• Control de flujo
• If
• Truthy / Falsy
• Switch
• Usando ternarios
• Bucles
• ¿Qué es un bucle o loop?
• While
• For Of
• For In
• For (Clásico)
• Desafio

Funciones

• Introducción
• Partes
• Todo en funciones
• En resumen
• Organizando mi app
• Scope
• Solo pares
• Métodos
• Arrow functions
• Transformando textos

Algoritmos

• Introducción
• Eficiencia
• Búsqueda lineal
• Búsqueda binaria
• Conclusión
• Ordernar el array

Módulos

• Introducción
• Ejemplo
• MVC
• Model and Controller
• Node.js API
• ¿Qué es una API?
• La API de Node.js
• 5 Ejemplos
• Leyendo argumentos

Testing

• Introducción
• Test unitario
• TDD
• Tests de integración
• Test automáticos
• En conclusión
• Tu primer test
• Persistencia
• Datos permanentes

Desafío: Buscador de películas

• Calculadora
• Consigna
• NPM
• ¿Qué es NPM?
• Dependencias
• PNPM

Typescript

• Introducción a Typescript
• Instalando typescript
• tsx
• tsc - Typescript Compiler
• Archivos .ts y .js
• Interfaces
• tsconfig.json
• Import / Export
• Programación orientada a objetos

POO

• Una clase
• Instancias
• Métodos
• Constructor
• Clase Banda
• Clases con clases
• Herencia

Git

• Introducción a Git
• Un repo
• Algunos comandos
• GitHub
• ¿Qué es Github?
• Configurando Github
• Repos remotos
• Forks y Pull requests
• Open source

Test runners

• Ava
• MVC
• MVC orientado a objetos
• Async
• Sync y Async
• Callbacks
• Promesas
• Más promesas
• Métodos async
• Buscador de películas orientado a objetos
• MVC
• Async / Await
• Consigna
• Cierre
• The real life

Nivel 2

Desarrollo web fullstack

Aprenderás que es la web y como crear aplicaciones dinámicas y funcionales que vivan en internet. Crearemos un sistema basado en frontend y backend utilizando lo aprendido en el Nivel 1. Gracias a las prácticas y ejercicios, desarrollarás habilidades valiosas para el mercado laboral web.

Capítulos

Planning

• Introducción
• La web
• Redes: TCP/IP
• El navegador
• URLs
• Protocolo HTTP
• HTML
• HTTPS
• Debuggeando la web

HTML

• Introducción
• Tags / Etiquetas
• Mi servidor web

CSS

• Un selector
• Un tunel
• Primeros estilos
• Modelo de cajas
• Live server
• CSS: Flex
• Diferencias enter navegadores: Can i use
• CSS: Grids
• Mobile first
• Media queries
• Unidades de medida
• Precedencia y especificidad
• Selectores seguros
• Pseudo-clases
• Pseudo-elementos

BEM

• Usando BEM
• Maquetado
• Maquetando un form
• Maquetando un layout
• Consigna

Javascript web

• Intro
• Los grandes objetos
• Rutas
• <script />
• async / defer

DOM

• DOM: Buscando elementos
• DOM: Creando elementos
• Manipulando el DOM
• DOM: Eventos
• DOM: Bubbling
• DOM: Forms
• DOM: Evento Submit

APIs

• ¿Qué es una API?
• Fetch
• Fetch: Métodos
• Usando APIs

CMS

• Librerías web
• Librerías: la solución para no reinventar la rueda
• Librerías, APIs y frameworks
• Librerías de CSS

Componentes

• Componentizando
• Web & components
• Consigna

Bundlers

• Módulos y TypeScript en la web
• Vite
• Parcel

Arquitectura web

• Web Apps vs páginas tradicionales
• Rutas / Escenas
• UI Kits
• Custom elements
• Pages & components
• Router & Pages
• State
• Stateless / Statefull
• Web storage
• Piedra, papel o tijera
• Repaso

Deploy a Github Pages

• Router Base Path
• Tips
• Consigna

Backend

• Rutas
• Verbos

Bases de datos

• Firebase
• Firestore
• Collections & documents
• Firebase: Realtime database
• Estructurando las databases

Rooms

• Deploy
• PAAS: Plataform as a Service
• CI: Continuous integration
• Env vars: Variables de entorno
• Statics server
• Diseño de API con Postman
• PPT Online
• Consigna

Nivel 3

Desarrollo fullstack avanzado

Desarrollarás aplicaciones web escalables y mantenibles utilizando las herramientas estandar. Estudiaremos las prácticas más habituales de la industria del desarrollo web y finalmente, analizaremos el mercado laboral del software y aprenderás cómo se trabaja en las grandes empresas.

Capítulos

• Introducción
• Bases de datos relacionales
• Bases de datos relacionales
• Postgres
• ORM - Sequelize

Tablas y Modelos

• Modelado
• Sistemas de autenticación
• Signup: Registro
• Signin: Inicio de sesión
• Authorization
• Relaciones en Sequelize
• Algolia
• Geodata
• Algolia
• Integrando Algolia a nuestro modelo

MVC

• Introducción
• Funciones ❤️
• Buenos controllers
• Pet-finder
• Consigna

Introducción a React

• Hola React
• Componentes
• react-dom
• JSX
• TypeScript ❤️ React
• Webpack
• Reactivo
• Reutilizable
• El state
• Lifecycle
• Clases vs. funciones
• Functional components

Hooks

• Hooks: Ciclo de vida
• Custom Hooks
• Creando custom hooks
• react-hook-form
• Arquitectura en aplicaciones React
• Router

Arquitectura

• One state to rule them all
• Contexto
• State manager
• Nuevo paradigma

CSS in JS

• Introducción
• Petfinder en React
• Deploy
• Consideraciones
• Consigna

Vercel

• ¿Qué es Vercel?
• Backend II
• Listas
• Integrando varias bases de datos
• Búsquedas con Algolia
• Passwordless
• Middlewares
• Passwordless auth
• BFF
• GraphQL

Pagos

• Introducción
• Gateways de pago
• Checkout
• Intención de compra
• Confirmación de pago
• Flujo de pago
• E-commerce: Backend

Tests

• Arquitectura
• Validaciones
• Problemas de CORS en Next.js
• Consigna

Next.js

• Pages
• Server Side
• SSR, SSG e ISG

SWR

• SWR

Arquitectura

• Capas
• Path
• Pages
• Components
• UI
• Critical CSS
• SVG
• Algunos UI Components

WPO & SEO

• Performance
• Web Vitals
• Lighthouse

SEO

• Tips and tricks
• Recursos
• E-commerce: Frontend
• Resolviendo problemas de CORS en Next.js
• Consigna

Scrum

• Agilidad
• Scrum
• Agilidad y proyectos
• Lean Startup

MVP

• Un brief

Corriendo un sprint

• Introducción
• Elegir el problema
• Armá tu equipo
• Prepará tu brief
• Planning
• Dailies
• Retro
• Entregable

Mundo laboral

• Empresas & Procesos de selección
• Categorías de empresas
• Modalidades
• Etapas de una búsqueda
• Perfil profesional
• CV
• Linkedin
• Búsquedas y Entrevistas
• Entrevistas
• Tips & tricks
• Programas de referidos
• Freelance
• ¿Dónde se buscan los trabajos freelance?
• Typeland
• Flujo de trabajo freelance
• Mi primer trabajo

En busca de mi primer trabajo**

• Introducción
• Consigna