Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Salt, Pepper... and tasty Web Tech

Salt, Pepper... and tasty Web Tech

In this talk, I would like to showcase how we can jump into a new technology after 4 days of research and be already proficient by effectively managing time and addressing what is the most important.

Fernando Cejas

February 01, 2022
Tweet

More Decks by Fernando Cejas

Other Decks in Technology

Transcript

  1. …tasty WEB TECH
    and

    View full-size slide

  2. Who I am…
    Web Development skill set:
    From the times of Netscape
    From the time of Geocities
    Modern Web Development:
    less than a week
    Typescript Experience:
    2 days

    View full-size slide

  3. I want you to probe that I'm wrong.
    I wanted to challenge me and see how much
    we can do if we manage our time effectively
    Purpose?
    Knowing how things work give you more tools
    for problem solving.
    Obsession and Curiosity: Quantum Mechanics
    and Relativity: Micro and Macro work, how our
    universe works, give you another perspective.
    Why?

    View full-size slide

  4. 4
    fernandocejas.com
    Concepts
    and
    Knowledge
    Base

    View full-size slide

  5. 5
    fernandocejas.com
    What does that
    mean?
    Service Worker Cache PWA
    Fragmentation HMR Package Manager

    View full-size slide

  6. 6
    fernandocejas.com
    The Web
    Ecosystem

    View full-size slide

  7. 7
    fernandocejas.com
    TYPESCRIPT

    View full-size slide

  8. 8
    fernandocejas.com
    VITE
    70%Health

    View full-size slide

  9. 9
    fernandocejas.com
    pnpm
    npm???
    yarn???

    View full-size slide

  10. 10
    fernandocejas.com
    Vue.js
    &
    Vue PWA
    Plugin
    34032482 JS Frameworks…

    View full-size slide

  11. 11
    fernandocejas.com
    What about
    caching and
    offline mode?
    https://developers.google.com/web/tools/workbox

    View full-size slide

  12. 12
    fernandocejas.com
    12
    fernandocejas.com
    ● Code Quality
    ● Continuous
    Integration
    ● Continuous
    Deployment

    View full-size slide

  13. 13
    fernandocejas.com
    Vitest ESLint
    ??? ???
    Some more tooling…

    View full-size slide

  14. 14
    fernandocejas.com
    ● Brainstorming Session
    ● Architecture Presentation
    ○ Decoupled components
    ○ Cohesive
    ○ Offline Mode
    ○ Error Handling
    ○ Routing/Navigation
    What is next?
    Interesting…
    Hey…

    View full-size slide

  15. 15
    fernandocejas.com
    ● Login through Magic Link
    ● PRIndex
    Available
    Features

    View full-size slide

  16. Thank You!
    @fernando_cejas [email protected]

    View full-size slide