Foto edgardo ponce

Edgardo Ponce

Full Stack Developer

Phone

+54 9 260 484-5139

Location

San Rafael, Mendoza, Argentina

Email

hello@edgardoponce.com

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

  • 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