Frontend 2019 — czego warto się nauczyć?

Narzędzia ogólne

• Visual Studio Code
• Sublime Text
• Przeglądarka – devtools
  • Chrome DevTools
  • Firefox Developer Tools
  • GitHub - facebook/react-devtools
  • GitHub - vuejs/vue-devtools
  • GitHub - zalmoxisus/redux-devtools
• Projektowanie
  • Sketch - The digital design toolkit
  • Figma - darmowe
  • InVision Studio
  • Framer X
  • Adobe XD - darmowe

Front-end – ogólne

• HTML Sematynczy
  • Tomasz Jakut – Semantyczny blog w HTML5
• CSS
  • SCSS/Sass
  • styled-components
  • Bulma
• Storybook
• RWD
  • CSS Grid
  • CSS Flexbox
  • Postanowienie na nowy rok – przestańcie używać float! :D
• The math of CSS Locks
• Progressive Web Apps

Front-end – część JavaScriptowa

• ES6+
• TypeScript

Frameworki

• React
• Vue.js
• SSR
  • Next.js
  • Nuxt.js
• JAM Stack
  • GatsbyJS
  • Netlify
  • Heroku
  • CMS
    • Contentful
    • Strapi
  • Podstawy AWS
  • Serverless
    • Webtask – Fajne narzędzie do potestowania (darmowe)
• State Management
  • Vuex
  • Mobx
  • Redux
• GraphQL
• Server Side Language
  • Mój faworyt – Node.js + Express
  • Oczywiście możliwości jest wiele więcej (Python, RoR etc.)

Narzędzia projektowe

• Package managery (wybierz jeden)
  • npm
  • Yarn
• npx package runner
• Webpack
• Babel
• Prettier
• ESLint

Bonus:

• Machine Learning
  • Polecam – Neural networks in JavaScript | Scrimba.com
• Blockchain
• WebAssembly