Edgardo Ponce
Full Stack Developer
Telefone
+54 9 260 484-5139
Localização
San Rafael, Mendoza, Argentina
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
- Mercado Libre
- 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