Web Developer Toolbox at 2020

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Development VS Maintenance

Slide 5

Slide 5 text

BROWSER

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

NODE.JS

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

DOCKER

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

DEPENDENCY MANAGER

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

CI/CD

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

WEB FRAMEWORK

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

▰ 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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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