Foto edgardo ponce

Edgardo Ponce

Full Stack Developer

Sobre mim

I am a web developer with a clear vision:

To create digital solutions that combine attractive design and flawless functionality.

With over 9 years of experience, I excel in technologies that drive scalable and high-performance projects.

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

  • Declarative rendering with Vue.js
  • What is reactivity?
  • What is a Proxy?
  • Reactivity with effect, track, and trigger
  • Expressions
  • Attributes
  • Conditional rendering
  • List rendering
  • Event handling
  • Options API vs. Composition API
  • data() and ref()
  • Custom methods with Options API
  • Custom methods with Composition API
  • reactive()
  • Vue components with Options API
  • Vue components with Composition API and props
  • Challenge with components
  • Custom events with Options API
  • Custom events with Composition API
  • Watchers with Composition API
  • Computed properties with Options API
  • Computed properties with Composition API

Tópicos

  • What are Unit Tests and why are they important?
  • What is Software Testing?
  • Installation and Configuration of the Testing Environment
  • How to Create Unit Tests with UnitTest in Python
  • How to use the setup method in Python tests
  • Using tearDown for Unit Test Cleanup in Python
  • How to validate exceptions and data structures with Unittest in Python
  • Controlling unit tests with unittest.skip in Python
  • How to organize and run tests in Python with UnitTest
  • Best practices for organizing and naming tests in Python
  • Mocking External APIs in Python with unittest
  • Using Side Effects in Mocking with Python
  • Using Patching to Modify Behaviors in Python
  • How to parameterize tests in Python with SubTest
  • Documenting unit tests with Doctest in Python
  • How to generate dynamic test data with Faker in Python
  • How to ensure test coverage with Coverage in Python
  • Automating Unit Tests in Python with GitHub Actions
  • Unit Testing with PyTest in Python
  • How to create unit tests with artificial intelligence in Python.

Tópicos

  • Design Patterns and SOLID Principles in Python
  • Single Responsibility Principle (SRP) in Python
  • Payment Processor with Stripe in Python
  • Open/Closed Principle (OCP) in Python
  • Liskov Substitution Principle (LSP) in Python
  • Interface Segregation Principle (ISP) in Python
  • Dependency Inversion Principle (DIP) in Python
  • Strategy Pattern in Python
  • Factory Pattern in Python
  • Decorator Pattern in Python
  • Builder Pattern in Python
  • Observer Pattern in Python
  • Chain of Responsibility Pattern in Python

Tópicos

  • Installation of Python, pip, and virtualenv
  • Debugging in Flask
  • Request and Response
  • Request and Response Cycles
  • Templates with Jinja 2
  • Control Structures
  • Template Inheritance
  • Include and Links
  • Using Static Files: Images
  • Configuring Error Pages
  • Flask Bootstrap
  • Flask Configuration
  • Implementing Flask-Bootstrap and Flask-WTF
  • Displaying Flashes (Pop-up Messages)
  • Project Planning: To-Do List
  • App Factory
  • Using Blueprints
  • Database and App Engine with Flask
  • Project Configuration in Google Cloud Platform
  • Firestore Implementation
  • User Authentication: Login
  • Deployment to Production with App Engine.

Tópicos

  • Basic Programming Concepts
  • String Manipulation in Python
  • Integers, Floats, and Booleans
  • Mathematical Operations in Python
  • Input/Output Operations in Console
  • Lists
  • Multi-dimensional Lists and Tuples
  • Matrix Application
  • Dictionaries
  • List Comprehension in Python
  • Conditional Structures
  • Loops and Iteration Control
  • Generators and Iterators
  • Using Functions in Python
  • Lambda Functions and Functional Programming in Python
  • Exception Handling and Use of Pass
  • Fundamentals of Object-Oriented Programming in Python
  • Library Exercise with OOP
  • Inheritance in OOP with Python
  • Inherited Objects
  • The 4 Pillars of Object-Oriented Programming
  • Using super() in Python
  • Handling .TXT Files
  • Handling CSV Files
  • Handling JSON Files
  • Standard Library in Python
  • Os, Math, and Random Libraries
  • Statistics Library and Statistical Analysis
  • Final Project: Naval Battle
  • Recap of What We've Learned So Far
  • Writing Pythonic and Professional Code
  • Comments and Docstrings in Python
  • Scope and Closures: Local and Global Variables
  • Type Annotations
  • Type Validation in Methods
  • Collections Library and Enumerations
  • Decorators in Python
  • Nested and Parameterized Decorators
  • Using Decorators in Classes and Methods
  • Magic Methods
  • Operator Overloading
  • Implementing if __name__ == "__main__":
  • Metaprogramming in Python
  • Using *args and **kwargs
  • Private and Protected Methods
  • Advanced Property Management
  • Static and Class Methods Advanced
  • Introduction to Concurrency and Parallelism
  • Threading and Multiprocessing in Python
  • Asynchronous Programming with asyncio
  • Asynchronous and Concurrent Programming
  • Creating Modules in Python
  • Package Management
  • Publishing Packages to PyPI

Tópicos

  • How to create a developer account in Meta?
  • How to configure an application in Facebook Developers?
  • Creation and configuration of an application in WhatsApp
  • How to configure the WhatsApp API to receive and send messages?
  • How to configure the WhatsApp API with Postman?
  • How to create an Express server?
  • How to implement Webhooks in Express?
  • How to optimize the architecture of a bot using services and controllers?
  • How to configure a custom response from the WhatsApp API?
  • How to configure an options menu from the WhatsApp API?
  • How to integrate multimedia messages into your chatbot's flow?
  • How to integrate Send-Media-Message into your chatbot's flow?
  • How to create a flow to schedule an appointment using the WhatsApp API?
  • How to create a logic to store your chatbot's flow?
  • How to connect your chatbot with Google Sheets for data management?
  • How to connect the WhatsApp API with ChatGPT?
  • How to integrate ChatGPT into the WhatsApp API flow?
  • How to send contacts from your chatbot for user support?
  • How to create scalable flows in the WhatsApp API using programming best practices?
  • How to deploy the WhatsApp API in a production environment?
  • How to publish your chatbot for real interactions?

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