Web Developer Toolbox at 2020

Transcript

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

   View 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 Slide

3. View Slide

4. Development
   VS
   Maintenance
   

   View Slide

5. BROWSER
   

   View Slide

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

   View Slide

7. 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 Slide

8. NODE.JS
   

   View Slide

9. View Slide

10. 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 Slide

11. DOCKER
    

    View Slide

12. 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 Slide

13. DEPENDENCY
    MANAGER
    

    View Slide

14. View Slide

15. 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 Slide

16. CI/CD
    

    View Slide

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

    View Slide

18. WEB
    FRAMEWORK
    

    View Slide

19. View Slide

20. ▰ 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 Slide

21. 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 Slide

22. 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 Slide