Foto edgardo ponce

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
  • Instagram
  • Mercado Libre
  • Pinterest
  • 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