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

Web Developer Toolbox at 2020

Web Developer Toolbox at 2020

Nikita Galkin

February 22, 2020
Tweet

More Decks by Nikita Galkin

Other Decks in Programming

Transcript

  1. Web Developer
    Toolbox at 2020
    by Nikita Galkin
    Feb 22, 2020

    View full-size slide

  2. Nikita
    Galkin
    Love and Know:
    ▰ How to make developers and business happy
    ▰ Technical and process debt elimination
    Believe that:
    ▰ Any problem must be solved at the right level
    ▰ Software is easy. People are hard
    ▰ A problem should be highlighted,
    an idea should be "sold",
    a solution should be demonstrated
    Links:
    Site GitHub Twitter Facebook
    2

    View full-size slide

  3. Development
    VS
    Maintenance

    View full-size slide

  4. Chrome Release Channels:
    ▰ Stable – every 6 weeks
    ▰ Beta – major stable + 1
    ▰ Dev – current development
    ▰ Canary – Released daily
    More info

    View full-size slide

  5. How to use:
    ▰ Beta version for every day development:
    brew cask uninstall google-chrome
    brew cask install google-chrome-beta
    ▰ 6 weeks before your customers
    ▰ Follow blog.chromium.org
    ▰ Follow v8.dev

    View full-size slide

  6. Bookmarks:
    ▰ nodejs.dev – learning entry point
    ▰ Two certification from OpenJS Foundation
    ▰ nvm – Node.js version manager
    ▰ docker-node – it has release delay in
    16-48 hours

    View full-size slide

  7. Ideas:
    ▰ Docker image is default artifact format
    ▰ Serverless is docker-based
    ▰ Kubernetes is docker-based
    ▰ Learn docker at
    container.training
    with Self-paced tutorials

    View full-size slide

  8. DEPENDENCY
    MANAGER

    View full-size slide

  9. Y arn 2 Features:
    ▰ Will be shipped at node:14 Docker image
    ▰ node_modules ➡ Plug'n'Play with pnp.js
    ▰ Workspaces for monorepo
    ▰ Plugins
    ▻ typescript plugin auto install @types/*
    ▰ patch from the box

    View full-size slide

  10. Github Actions:
    ▰ Can be created as Docker or JavaScript
    ▰ Learn documentation
    ▰ Or try with Lab
    ▰ Free marketplace
    ▰ Build matrix

    View full-size slide

  11. WEB
    FRAMEWORK

    View full-size slide

  12. ▰ Create React app after eject is not
    framework any more
    ▰ AngularJS and Angular are different
    frameworks. Vue goes the same way.
    ▰ Angular for enterprise,
    Vue for small projects,
    React for all others

    View full-size slide

  13. For any framework:
    ▰ TypeScript for writing painless code
    ▰ RxJS for business logic
    ▰ husky and lint-staged for git hooks
    ▰ GraphQL for API
    ▻ TypeGraphQL for BackEnd
    ▻ Apollo Client for FrontEnd

    View full-size slide

  14. THERE IS
    QUESTION TIME
    You can find me on Twitter as @galk_in
    Slides are available at speakerdeck.com/galkin
    or at my site galk.in

    View full-size slide