Foto edgardo ponce

Edgardo Ponce

Full Stack Developer

Telefone

+54 9 260 484-5139

Localização

San Rafael, Mendoza, Argentina

E-mail

hello@edgardoponce.com

Minha Formação Educacional e Certificações Profissionais

Obtive várias certificações e completei cursos que destacam minha experiência em desenvolvimento web. Aqui estão as principais conquistas da minha trajetória educacional.

Tópicos

  • Lab: Create our first user in the AWS Console
  • Regions and Availability Zones
  • Edge Locations, Local Zones, and Outposts
  • Route 53 in AWS
  • Components of a VPC
  • Security in a VPC
  • Lab: Create a VPC in AWS (Subnets and Availability Zones)
  • Lab: Create a VPC in AWS (Creating Subnets, Internet Gateway, and NAT Gateway)
  • Lab: Create a web server step by step
  • EC2 Fundamentals
  • Lab: Create a web server step by step
  • Lab: Web server creation
  • EC2 Instance Types and Use Cases
  • Lab: EC2 Instance Types and Pricing Options
  • Container Services
  • Load Balancing
  • Auto Scaling
  • Lab: Create servers and load balancing
  • Lab: Install Apache and manage security in AWS
  • Lab: High availability and server health checks
  • Block, Object, and File Storage
  • Lab: Create our first bucket in S3
  • Lab: Create a relational database in AWS RDS
  • Lab: Create a table in DynamoDB
  • DDoS Attack Protection Services: WAF and Shield
  • Lab: Create a budget alert in AWS
  • and much more...

Tópicos

  • Para que serve o Figma e por que escolhê-lo?
  • Interface do Figma
  • Configurações de Guias e Grade
  • Criando Textos e Estilos
  • Formas e Imagens no Figma
  • Efeitos no Figma
  • Redes Vetoriais
  • Cores no Figma
  • Importar e Exportar
  • Como Criar Guias de Estilo
  • Auto-Layout
  • Os 15 Melhores Atalhos para Trabalhar no Figma
  • Criando Componentes Reutilizáveis: Aula Teórica
  • Criando Componentes Reutilizáveis: Aula Prática
  • Prototipagem Simples: Interação de Rolagem
  • Prototipagem Simples: Conectando Diferentes Frames
  • Prototipagem Avançada: Smart Animate e Componentes Interativos
  • Como Adicionar Comentários aos Designs
  • Histórico de Versões no Figma
  • FigJam
  • Usando Plugins no Figma
  • Comunidade: Projetos Open-Source e Perfis

Tópicos

  • Classes
  • Métodos
  • Acesso Público
  • Acesso Privado
  • Construtor
  • Getters e Setters
  • Herança
  • Estático
  • Interfaces
  • Classes Abstratas
  • Singleton: construtor privado
  • Promises
  • Tipagem de Respostas HTTP
  • Consumindo ProductMemoryService
  • Generics
  • Decoradores

Tópicos

  • Configuração de projeto com ts-node
  • Tuplas
  • Enums
  • Tipo desconhecido
  • Tipo Never
  • Parâmetros opcionais e nullish-coalescing
  • Parâmetros padrão
  • Parâmetros rest
  • Sobrecarga de funções: o problema
  • Sobrecarga de funções: a solução
  • Interfaces
  • Estruturas complexas
  • Propriedades Readonly
  • Omit e Pick Type
  • Exemplo de CRUD
  • Partial e Required Type
  • Readonly Type
  • Acessando tipo por índice

Tópicos

  • Tipagem implícita vs. tipagem explícita
  • Criando um app com React e TypeScript
  • Diferentes maneiras de definir um componente
  • O objeto props e children
  • State com tipos primitivos
  • State com tipos personalizados
  • Tipos para eventos e callbacks de ouvintes
  • Tipos para referências e observadores
  • Lazy loading com observadores
  • Componentes que estendem elementos DOM
  • Desafio: continuar estendendo o DOM
  • Criando tipos personalizados para a aplicação
  • Trabalhando com bibliotecas não tipadas
  • Trabalhando com bibliotecas que estendem o objeto window

Tópicos

  • Instalação do React com Vite e TailwindCSS
  • Análise de roteamento e componentes no React
  • Roteamento com React Router DOM
  • Componente Navbar
  • Componente de Layout
  • Componente Card
  • Consumindo a API FakeStore para renderizar cards
  • Contexto global da aplicação
  • Contador de produtos no carrinho
  • Abrindo os detalhes de cada produto
  • Desafio: heroicons com TailwindCSS
  • Desenhando o ProductDetail
  • Exibindo produtos no ProductDetail
  • Adicionando produtos ao carrinho
  • SideMenu do carrinho de compras
  • Componente OrderCard
  • Evitando produtos duplicados no carrinho
  • Soma total dos produtos no carrinho
  • Fluxo para criar um novo pedido
  • Checkout de produtos no carrinho
  • Página MyOrders: lista de pedidos
  • Página MyOrder: pedido individual
  • Desafio: pedidos de compra com TailwindCSS
  • Página MyOrder: pedido individual
  • Busca de produtos
  • Filtrando títulos com JavaScript
  • Corrigindo bugs da aplicação
  • Deploy do React no Netlify

Tópicos

  • Como o Tailwind Funciona? E Outros Frameworks CSS
  • Análise de Roteamento e Componentes no React
  • Mobile First e Utility First
  • Configuração do Projeto e Instalação do Tailwind
  • Diretivas do Tailwind
  • Nova Paleta de Cores Estendida
  • Medidas e Breakpoints
  • Flexbox
  • Layout do Projeto
  • Formulários, Tipografia e Proporção
  • Tailwind como API para Criar um Design System
  • Criando a Seção Home
  • Desenhando Nossos Cards
  • Extraindo Componentes para Classes para Nosso Card
  • Criando a Seção de Recomendados
  • Adicionando Animações ao Projeto
  • Criando a Seção de Aluguéis em Destaque
  • Seção de FAQ
  • Rodapé
  • TabBar Funcional
  • Tornando Nosso Projeto Responsivo
  • Tornando Nosso Projeto Responsivo: Aluguéis em Destaque
  • Criando a Navbar
  • Adicionando Modo Escuro
  • Purge CSS
  • Como Migrar Seu Projeto para Tailwind 3.0

Tópicos

  • Primeiros Passos no Notion: Criando um CV
  • Layout do Projeto: Second Brain
  • Estrutura Básica do Projeto (Parte Um)
  • Estrutura Básica do Projeto (Parte Dois)
  • Criando um Rastreador de Projetos (Parte Um)
  • Calendário Pessoal
  • Desenhando a Área de Metas
  • Criar um Sistema de Rastreamento de Hábitos
  • Criar um Sistema de Notas (Parte Um)
  • Criar um Sistema de Notas (Parte Dois)
  • Modelos de Página e Botões
  • Widgets no Notion
  • Como Exportar e Importar no Notion
  • Colaborar com Outros Usando o Notion
  • Conclusão: Life Wiki

Tópicos

  • Create stories in English
  • Practice with examples
  • Generate grammar tests
  • Correct texts
  • Practice with synonyms and antonyms
  • Have a conversation with ChatGPT
  • Dialogue with ChatGPT
  • Generate conversations
  • Create your exercise book

Tópicos

  • Installing Visual Studio Code
  • Installing Figma
  • What is HTML
  • DOM
  • Tags
  • Attributes
  • Semantics
  • Links and Routes
  • Dropdown Menu
  • Insert Code
  • What is CSS
  • The 3 Ways to Add CSS
  • CSS Rules
  • Selectors
  • User Agent Styles
  • Cascade, Specificity, and Inheritance
  • Content / Component / Layout
  • Display / Flow / Inline and Block
  • Colors
  • Values and Units
  • Pseudo Classes and Text Style
  • Custom Properties
  • Custom Fonts
  • Google Fonts
  • Backgrounds
  • Pseudo Elements
  • Counters
  • Box Model
  • Logical and Physical Properties and Values
  • Margins
  • Margin Collapsing
  • Padding
  • Borders
  • Box Sizing
  • Debugging CSS
  • Wrapper Technique
  • Positions
  • New Project Skin
  • Margins
  • Sizes / Wrapper
  • Slider with Only CSS
  • Forms
  • Media Queries and Responsive Design
  • Open Graph
  • Favicon

Tópicos

  • The Structure of an Interface
  • The Evolution of Layout in CSS
  • Grid Structure
  • Defining Rows and Columns in a Grid
  • Organizing Components Between Lines
  • Organizing Components in Areas
  • Development Tools in Grid Layout and Flexbox Layout
  • Spacing Between Rows and Columns
  • Gap vs Margins
  • Dividing Rows and Columns Equally
  • Dynamic Sizes and When to Use Them
  • Responsive Design without Media Queries
  • Automatic Row and Column Creation
  • Flow Change and Automatic Positioning
  • Figma Cover - Part 1
  • Figma Cover - Part 2
  • Homero's Website
  • Instagram
  • Mercado Libre
  • Pinterest
  • Faster
  • Spotifu
  • Exporting Typography with Figma to CSS Plugin
  • Challenge: Export Icons and Colors from the Design System
  • Application Layout
  • Main Calendar Grid
  • Cell for Including Tasks
  • Date Headers
  • Timezone Header
  • Time Headers
  • Current Day and Time
  • Buttons
  • Multi-purpose Selector
  • Header
  • Mini Calendar
  • Sidebar
  • Modal
  • New Form Tags
  • Task Creation Form
  • JavaScript
  • Dark Mode

Tópicos

  • Welcome and Initial Setup
  • Main Structure of Laravel
  • Artisan
  • Routes
  • Views
  • Templates
  • Controllers
  • Migrations
  • Eloquent
  • Relationships
  • Project Approach
  • Login
  • Login System
  • Admin Panel
  • List of Posts
  • Delete Function
  • Create and Edit (First Step)
  • Form Controls
  • Save Function
  • Edit Function
  • Validation
  • Duplicate Records
  • Web Design
  • Custom Design
  • Home Page
  • Featured
  • Individual Post
  • Search
  • Optimization

Tópicos

  • Programming I
  • Data Processing Systems
  • Mathematics
  • English I
  • Computer Lab I
  • Programming II
  • Architectures and Operating Systems
  • Statistics
  • English II
  • Computer Lab II
  • Research Methodology
  • Programming III
  • Accounting Organization of the Company
  • Business Organization
  • Elements of Operations Research
  • Computer Lab III
  • Systems Methodologies I
  • Database Design and Management
  • Legislation
  • Computer Lab IV
  • Internships