Foto edgardo ponce

Edgardo Ponce

Full Stack Developer

About Me

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.

My Educational Background and Professional Certifications

I’ve earned various certifications and completed courses that highlight my expertise in web development. Here are the key achievements in my educational journey.

Topics

  • 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

Topics

  • 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.

Topics

  • 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

Topics

  • 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.

Topics

  • 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

Topics

  • 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?

Topics

  • 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...

Topics

  • What is Figma for and why choose it?
  • Figma Interface
  • Guide and Grid Settings
  • Creating Texts and Styles
  • Shapes and Images in Figma
  • Effects in Figma
  • Vector Networks
  • Colors in Figma
  • Import and Export
  • How to Create Style Guides
  • Auto-Layout
  • The 15 Best Shortcuts for Working in Figma
  • Creating Reusable Components: Theoretical Class
  • Creating Reusable Components: Practical Class
  • Simple Prototyping: Scroll Interaction
  • Simple Prototyping: Connecting Different Frames
  • Advanced Prototyping: Smart Animate and Interactive Components
  • How to Add Comments to Designs
  • Version History in Figma
  • FigJam
  • Using Plugins in Figma
  • Community: Open-Source Projects and Profiles

Topics

  • Classes
  • Methods
  • Public Access
  • Private Access
  • Constructor
  • Getters and Setters
  • Inheritance
  • Static
  • Interfaces
  • Abstract Classes
  • Singleton: private constructor
  • Promises
  • HTTP Response Typing
  • Consuming ProductMemoryService
  • Generics
  • Decorators

Topics

  • Project configuration with ts-node
  • Tuples
  • Enums
  • Unknown type
  • Never type
  • Optional and nullish-coalescing parameters
  • Default parameters
  • Rest parameters
  • Function overloading: the problem
  • Function overloading: the solution
  • Interfaces
  • Complex structures
  • Readonly properties
  • Omit and Pick Type
  • CRUD example
  • Partial and Required Type
  • Readonly Type
  • Accessing type by index

Topics

  • Implicit typing vs. explicit typing
  • Creating an app with React and TypeScript
  • Different ways to define a component
  • The props and children object
  • State with primitive types
  • State with custom types
  • Types for events and listener callbacks
  • Types for references and observers
  • Lazy loading with observers
  • Components extending DOM elements
  • Challenge: let's keep extending the DOM
  • Creating custom types for the application
  • Working with non-typed libraries
  • Working with libraries that extend the window object

Topics

  • Installation of React with Vite and TailwindCSS
  • Routing and components analysis in React
  • Routing with React Router DOM
  • Navbar component
  • Layout component
  • Card component
  • Consuming the FakeStore API to render cards
  • Global application context
  • Product counter in the cart
  • Opening the details of each product
  • Challenge: heroicons with TailwindCSS
  • Designing the ProductDetail
  • Displaying products in ProductDetail
  • Adding products to the cart
  • Cart SideMenu
  • OrderCard component
  • Avoiding duplicate products in the cart
  • Total sum of products in the cart
  • Flow to create a new order
  • Checkout of products in the cart
  • MyOrders page: orders list
  • MyOrder page: individual order
  • Challenge: purchase orders with TailwindCSS
  • MyOrder page: individual order
  • Product search
  • Filtering titles with JavaScript
  • Fixing application bugs
  • Deploying React on Netlify

Topics

  • How Tailwind Works? And Other CSS Frameworks
  • Routing and Components Analysis in React
  • Mobile First and Utility First
  • Project Setup and Tailwind Installation
  • Tailwind Directives
  • New Extended Color Palette
  • Measurements and Breakpoints
  • Flexbox
  • Project Layout
  • Forms, Typography, and Aspect Ratio
  • Tailwind as an API for Creating a Design System
  • Creating the Home Section
  • Designing Our Cards
  • Extracting Components to Classes for Our Card
  • Creating the Recommended Section
  • Adding Animations to the Project
  • Creating the Featured Rentals Section
  • FAQ Section
  • Footer
  • Functional TabBar
  • Making Our Project Responsive
  • Making Our Project Responsive: Featured Rentals
  • Creating the Navbar
  • Adding Dark Mode
  • Purge CSS
  • How to Migrate Your Project to Tailwind 3.0

Topics

  • First Steps in Notion: Creating a CV
  • Project Layout: Second Brain
  • Basic Project Structure (Part One)
  • Basic Project Structure (Part Two)
  • Creating a Project Tracker (Part One)
  • Personal Calendar
  • Designing the Goals Area
  • Create a Habit Tracking System
  • Create a Notes System (Part One)
  • Create a Notes System (Part Two)
  • Page Templates and Buttons
  • Widgets in Notion
  • How to Export and Import in Notion
  • Collaborate with Others Using Notion
  • Conclusion: Life Wiki

Topics

  • 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

Topics

  • 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

Topics

  • 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

Topics

  • 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

Topics

  • 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