Edgardo Ponce
Full Stack Developer
Teléfono
+54 9 260 484-5139
Ubicación
San Rafael, Mendoza, Argentina
Correo Electrónico
hello@edgardoponce.com
Mi Trayectoria Educativa y Certificaciones Profesionales
He obtenido diversas certificaciones y completado cursos que destacan mi experiencia en desarrollo web. Aquí están los logros clave de mi trayectoria educativa.
Temas
- Laboratorio: Crear nuestro primer usuario en la consola de AWS
- Regiones y Zonas de Disponibilidad
- Edge Locations, Local Zones y Outposts
- Route 53 en AWS
- Componentes de una VPC
- Seguridad en una VPC
- Laboratorio: Crear una VPC en AWS (Subredes y Zonas de Disponibilidad)
- Laboratorio: Crear una VPC en AWS (Creación de Subredes, Internet Gateway y NAT Gateway)
- Laboratorio: Crear un servidor web paso a paso
- Fundamentos de EC2
- Laboratorio: Crear un servidor web paso a paso
- Laboratorio: Creación del servidor web
- Tipos de EC2 y casos de uso
- Laboratorio: Tipos de instancias y opciones de precios en EC2
- Servicios de contenedores
- Balanceo de carga
- Escalamiento automático
- Laboratorio: Creación de servidores y balanceo de carga
- Laboratorio: Instalación de Apache y gestión de seguridad en AWS
- Laboratorio: Alta disponibilidad y verificación de salud de servidores
- Almacenamiento por bloques, objetos y archivos
- Laboratorio: Crear nuestro primer bucket en S3
- Laboratorio: Crear de una base de datos relacional en AWS RDS
- Laboratorio: Crear una tabla en DynamoDB
- Servicios de protección ante ataques DDoS: WAF y Shield
- Laboratorio: Crear alerta sobre presupuesto en AWS
- y mucho mas....
Temas
- ¿Para qué sirve Figma y por qué elegirlo?
- Interfaz en Figma
- Configuración de guías y retículas
- Creación de textos y estilos
- Figuras e imágenes en Figma
- Efectos en Figma
- Redes de Vectores
- Colores en Figma
- Importar y exportar
- Cómo crear guías de estilo
- Auto-Layout
- Los 15 mejores atajos para trabajar en Figma
- Creación de componentes reutilizables: clase teórica
- Creación de componentes reutilizables: clase práctica
- Prototipado simple: interacción de scroll
- Prototipado simple: conexión de diferentes frames
- Prototipado avanzado: smart animate y componentes Interactivos
- Cómo agregar comentarios a los diseños
- Historial de versiones en Figma
- FigJam
- Uso de plugins en Figma
- Community: proyectos open-source y perfiles
Temas
- Clases
- Métodos
- Acceso público
- Acceso privado
- Constructor
- Getters and Setters
- Herencia
- Static
- Interfaces
- Clases abstractas
- Singleton: constructor privado
- Promesas
- Tipado respestas HTTP
- Consumiendo ProductMemoryService
- Generics
- Decoradores
Temas
- Configuración de proyectos con ts-node
- Tuplas
- Enums
- Tipo desconocido
- Nunca tipo
- Parámetros opcionales y nullish-coalescing
- Parámetros por defecto
- Parámetros restantes
- Sobrecarga de funciones: el problema
- Sobrecarga de funciones: la solución
- Interfaces
- Estructuras complejas
- Propiedades readonly
- Omit and Pick Type
- Ejemplo de CRUD
- Partial and Required Type
- Readonly Type
- Acceso al tipo por índice
Temas
- Tipado implícito vs. tipado explícito
- Creando una app con React y TypeScript
- Diferentes formas de definir un componente
- El objeto props y children
- State con tipos primitivos
- State con tipos personalizados
- Tipos para eventos y callbacks de escuchadores
- Tipos para referencias y observadores
- Lazy loading con observadores
- Componentes que extienden elementos DOM
- Reto: sigamos extendiendo el DOM
- Creando tipos propios para la aplicación
- Trabajando con librerías no-tipadas
- Trabajando con librerías que extienden el objeto window
Temas
- Instalación de React con Vite y TailwindCSS
- Análisis de rutas y componentes en React
- Enrutamiento con React Router DOM
- Componente Navbar
- Componente de Layout
- Componente de Card
- Consumiendo la FakeStore API para pintar cards
- Contexto global de la aplicación
- Contador de productos en el carrito
- Abriendo el detalle de cada producto
- Reto: heroicons con TailwindCSS
- Maquetando el ProductDetail
- Mostrando productos en ProductDetail
- Agregando productos al carrito
- SideMenu del carrito de compras
- Componente OrderCard
- Evitando productos duplicados en el carrito
- Suma total de productos en el carrito
- Flujo para crear una nueva orden
- Checkout de productos en el carrito
- Página de MyOrders: lista de órdenes
- Página de MyOrder: órden individual
- Reto: órdenes de compra con TailwindCSS
- Página de MyOrder: órden individual
- Buscador de productos
- Filtrando títulos con JavaScript
- Corrigiendo bugs de la aplicación
- Deploy de React en Netlify
Temas
- ¿Cómo funciona Tailwind? Y otros frameworks de CSS
- Análisis de rutas y componentes en React
- Mobile First y Utility First
- Creación del proyecto e instalación de Tailwind
- Directivas de Tailwind
- Nueva paleta de colores extendida
- Medidas y Breakpoints
- Flexbox
- Maquetación del proyecto
- Forms, Typography y Aspect ratio
- Tailwind como API para la creación de un Design System
- Creando la sección de Home
- Diseñando nuestras cards
- Extracción de componentes a clases para nuestra card
- Creando la sección de Recomendados
- Agregando animaciones al proyecto
- Creando la sección de Rentas destacadas
- Sección de FAQS
- Footer
- TabBar funcional
- Haciendo responsivo nuestro proyecto
- Haciendo responsivo nuestro proyecto: rentas destacadas
- Creando la navbar
- Agregando el Dark Mode
- Purge CSS
- Cómo hacer la migración de tu proyecto a Tailwind 3.0
Temas
- Primeros pasos en Notion: creación de CV
- Maquetación del proyecto: Second Brain
- Estructura básica del proyecto (primera parte)
- Estructura básica del proyecto (segunda parte)
- Creando un project tracker (primera parte)
- Calendario personal
- Diseñando la zona de objetivos
- Crea un sistema de seguimiento de hábitos
- Crea un sistema de apuntes (primera parte)
- Crea un sistema de apuntes (segunda parte)
- Plantillas de página y botones
- Widgets en Notion
- Cómo exportar e importar en Notion
- Colabora con otras personas usando Notion
- Cierre: Life wiki
Temas
- Crea historias en Inglés
- Practica con ejemplos
- Genera exámenes de gramática
- Corrige textos
- Practica con sinónimos y antónimos
- Ten una conversación con ChatGPT
- Dialoga con ChatGPT
- Genera conversaciones
- Crea tu libro de ejercicios
Temas
- Instalando Visual Studio Code
- Instalando Figma
- Qué es HTML
- DOM
- Etiquetas
- Atributos
- Semántica
- Enlaces y rutas
- Menú desplegable
- Insertar código
- Que es CSS
- Las 3 formas de agregar CSS
- Reglas de CSS
- Selectores
- User Agent Styles
- Cascada, Especificidad y Herencia
- Content / Component / Layout
- Display / Flujo / línea y bloque
- Colores
- Valores y unidades
- Pseudo Clases y estilo de texto
- Custom Properties
- Fuentes personalizadas
- Google Fonts
- Backgrounds
- Pseudo Elementos
- Counters
- Modelo de Caja
- Propiedades y valores lógicos y físicos
- Márgenes
- Margin Collapsing
- Relleno
- Bordes
- Box sizing
- Depurar CSS
- Técnica del wrapper
- Posiciones
- Skin del nuevo proyecto
- Márgenes
- Tamaños / wrapper
- Slider con solo CSS
- Formularios
- Media Queries y Responsive Design
- Open Graph
- Favicon
Temas
- La estructura de una interfaz
- La evolución del layout en CSS
- Estructura de un grid
- Definiendo filas y columnas en un grid
- Organizando componentes entre líneas
- Organizando componentes en áreas
- Herramientas de desarrollo en Grid Layout y Flexbox Layout
- Separación entre filas y columnas
- Gap VS Márgenes
- Dividiendo filas y columnas equitativamente
- Tamaños dinámicos y cuando usarlos
- Responsive Design sin media queries
- Creación automática de filas y columnas
- Cambio de flujo y posicionamiento automático
- Portada de Figma - parte 1
- Portada de Figma - parte 2
- El sitio web de homero
- Mercado Libre
- Faster
- Spotifu
- Exportando tipografía con Figma to CSS plugin
- Reto: exporta íconos y colores del design system
- Layout de la aplicación
- Grid del calendario principal
- Celda para incluir tareas
- Cabeceras de fecha
- Cabecera de timezone
- Cabeceras de hora
- Día y hora actual
- Botones
- Selector multiusos
- Header
- Mini Calendario
- Sidebar
- Modal
- Nuevas etiquetas de formulario
- Formulario de creación de tareas
- JavaScript
- Dark Mode
Temas
- Bienvenida y configuración inicial
- Estructura principal de Laravel
- Artisan
- Routes
- Views
- Templates
- Controllers
- Migrations
- Eloquent
- Relaciones
- Enfoque del proyecto
- Inicio de sesión
- Sistema de inicio de sesión
- panel administrativo
- Listado de publicaciones
- Función eliminar
- Crear y editar (primer paso)
- Controles de un formulario
- Función guardar
- Función editar
- Validación
- Registros duplicados
- Diseño web
- Diseño personalizado
- Página home
- Destacado
- Publicación individual
- Buscador
- Optimización
Temas
- Programación I
- Sistemas de procesamientos de datos
- Matemática
- Ingles I
- Laboratorio de computación I
- Programación II
- Arquitecturas y Sistemas Operativos
- Estadística
- Ingles II
- Laboratorio de computación II
- Metodología de la investigación
- Programacion III
- Organización contable de la Empresa
- Organización Empresarial
- Elementos de Investigación Operativa
- Laboratorio de computación III
- Metodologias de Sistemas I
- Diseño y administración de base de datos
- Legislación
- Laboratorio de computación IV
- Pasantías