About me
I am an electronics and telecommunications engineer graduated from
the University of Cauca in Colombia, with 23 years of experience in
pre-sales and sales areas. During the pandemic I wanted to take
advantage of my free time and began to learn about the technologies
on which the WWW is built today: for a year I learned the
fundamentals of HTML, CSS and Javascript. Then I started learning
Vite (Frontend Tooling) and TailwindCSS.
Now, I'm learning about node.js and consuming APIs with JS and exploring some tools like Prisma.io (ORM), Azure stack for the development of applications in the cloud and databases such as MongoDB and PostgreSQL for data storage required in the development of full-stack applications. My medium-term goal is to be able to develop full-stack applications for the Internet of Things (IoT) leveraging Azure IoT, Arduino and LoRaWAN.
Projects
I've defined my own learning path based mainly in the FreeCodeCamp curriculum including the free challenges of FrontendMentor.io that you can try to improve your skills in the foundation of web development: HTML, CSS and Javascript. You will see my projects or challenges solved in each phase below and any comment or sugestion is welcomed.
Phase 1. Responsive Web Design
- Challenge 1. Order summary component
- Challenge 2. Stats preview card component
- Challenge 3. 3-column preview card component
- Challenge 4. Profile card component
- Challenge 5. Testimonials grid section
- Challenge 6. Social proof section
- Challenge 7. Chat app CSS illustration
- Challenge 8. Fylo data storage component challenge
- Challenge 9. Four card feature section challenge
- Challenge 10. Single price grid component
- Challenge 11. Clipboard landing page
- Challenge 12. NFT preview card component
- Challenge 13. Huddle landing page with single introductory section
- Challenge 14. Fylo landing page with two column layout solution
- Challenge 15. Huddle landing page with alternating feature blocks solution
- Challenge 16. Huddle landing page with curved sections
Phase 2. JavaScript Algorithms and Data Structures
- Challenge 1. Intro component with sign up form solution
- Challenge 2. Article preview component
- Challenge 3. Ping coming soon page solution
- Challenge 4. Base Apparel coming soon page
- Challenge 5. FAQ accordion card
Phase 3. Front End Development Libraries
Phase 4. Data Visualization
Phase 5. Back End Development and APIs
Phase 6. Internet of Things (IoT) Applications
Stack
Resources
These are articles and useful resources that I compiled in my learning process as a fullstack developer.
- Complete intro to web development
- HTTP2 explained
- Color Theory for Designers, Part 1: The Meaning of Color
- A Complete Guide to Flex
- A Complete Guide to Grid
- 5000+ Line Icons for Designers and Developers
- Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit`
- El Tutorial de JavaScript Moderno
- Web APIs
- What is REST