Pages

Courses

2024

The AI Engineer Path - Per Borgen, Bob Ziroll, Guil Hernandez (Scrimba) Introduction to Clean Code - Dylan C. Israel (Scrimba) Designing Interactive Web Pages with Figma - Eva Sánchez Clemente (Domestika) Design Systems for Websites using Figma - Filip Felbar (Domestika)

2025

The Joy of React - Josh Comeau

Design

Playground Ideas

• Creating elements with JavaScript
• Event Handlers (including clean up?)
• Navigation. What is necessary, as in semantically, accessibility ect… this is what came with my hugo website: Projects

Process

Project

1. Project Initialization

• Create repository.
• Create the project.org and project.tasks files.

2. Research & Planning

• Define project overview, goals, technologies, and requirements (documented in project.org).
• Outline the project structure and key features (documented in project.org).

3. Prototyping

• Create paper sketches for rough ideas.
• Map out user flows to visualize navigation and interactions.

4. Design

• Design all screens and interactions in Figma.

5. Development

• Set up the project environment (dependencies, folder structure, configuration).
• Develop core features and UI components.

6. Testing & Refinement

• Functional Testing: Verify that features work as expected.
• Performance Testing: Optimize load times, responsiveness, and efficiency.
• Security Testing: Check for vulnerabilities and secure user data.

7. Deployment

• Deploy the application to hosting.