└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # Frontend 2020 — czego warto się nauczyć?
 2 | 
 3 | ## Linki do odcinków
 4 | * [Co warto wiedzieć w 2019](https://youtu.be/fibhIsmsVdI)
 5 | * [Co warto wiedzieć w 2020](https://youtu.be/XlpgE8B-ekc)
 6 | 
 7 | ## Narzędzia ogólne
 8 | * [Visual Studio Code - darmowe](https://code.visualstudio.com/)
 9 | * [Sublime Text - darmowe](https://www.sublimetext.com/)
10 | * [Webstorm](https://www.jetbrains.com/webstorm/)
11 | * Przeglądarka – devtools
12 | 	* [Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools/)
13 | 	* [Firefox Developer Tools](https://developer.mozilla.org/son/docs/Tools)
14 | 	* [GitHub - facebook/react-devtools](https://github.com/facebook/react-devtools)
15 | 	* [GitHub - vuejs/vue-devtools](https://github.com/vuejs/vue-devtools)
16 | 	* [GitHub - zalmoxisus/redux-devtools](https://github.com/zalmoxisus/redux-devtools-extension)
17 | * Projektowanie
18 | 	* [Sketch - The digital design toolkit](https://www.sketchapp.com/)
19 | 	* [Figma - darmowe](https://www.figma.com/)
20 | 	* [InVision Studio](https://www.invisionapp.com/studio)
21 | 	* [Framer X](https://framer.com/)
22 | 	* [Adobe XD - darmowe](https://www.adobe.com/products/xd.html)
23 | 
24 | ##  Front-end – ogólne
25 | * HTML Semantyczny
26 | 	* [Tomasz Jakut – Semantyczny blog w HTML5](https://tutorials.comandeer.pl/html5-blog.html)
27 | * CSS
28 | 	* [SCSS/Sass](https://sass-lang.com/)
29 | 	* [styled-components](https://www.styled-components.com/)
30 | 	* [Bulma](https://bulma.io/)
31 | * [Storybook](https://github.com/storybooks/storybook)
32 | * RWD
33 | 	* [CSS Grid](http://cssgridgarden.com/)
34 | 	* [CSS Flexbox](https://flexboxfroggy.com/)
35 | * [The math of CSS Locks](https://fvsch.com/css-locks/)
36 | * [Progressive Web Apps](https://developers.google.com/web/progressive-web-apps/)
37 | * [Mikrofrontendy](https://martinfowler.com/articles/micro-frontends.html)
38 | 
39 | ## Front-end – część JavaScriptowa
40 | * ES6+
41 | * TypeScript
42 | 
43 | ### Frameworki
44 | * Angular
45 | 	* [Angular Framework](https://angular.io/)
46 | 	* [Angular Material](https://material.angular.io/)
47 | 	* [Angular CLI](https://cli.angular.io/)
48 | 	* State Management (wybierz jeden)
49 | 		* [NGRX](https://ngrx.io/)
50 | 		* [NGXS](https://ngxs.gitbook.io/ngxs/)
51 | 		* [Akita](https://netbasal.gitbook.io/akita/)
52 | * [React](https://reactjs.org/)
53 |   * State Management (wybierz jeden)
54 | 	* [Mobx](https://github.com/mobxjs/mobx)
55 | 	* [Redux](https://redux.js.org/)
56 | * [Vue.js](https://vuejs.org/)
57 |   * State Management
58 |     * [Vuex](https://vuex.vuejs.org/)
59 | * [Angular](https://angular.io/)
60 | * SSR
61 | 	* [Next.js](https://nextjs.org/)
62 | 	* [Nuxt.js](https://nuxtjs.org/)
63 | * JAM Stack
64 | 	* [GatsbyJS](https://www.gatsbyjs.org/)
65 | 	* [Netlify](https://www.netlify.com/)
66 | 	* [Heroku](https://www.heroku.com/)
67 | 	* CMS
68 | 		* [DatoCMS](https://www.datocms.com/)
69 | 	* Usługi w chmurze
70 |     * [Firebase – fajne dla początkujących](https://firebase.google.com/)
71 |     * [Amazon Web Services](https://aws.amazon.com/)
72 | 
73 | 
74 | * [GraphQL](https://graphql.org/learn/)
75 | * Server Side Language
76 | 	* [Node.js](https://nodejs.org/)
77 |     * [Express.js](https://expressjs.com/)
78 |     * [Fastify](https://www.fastify.io/)
79 |     * [Nest.js](https://nestjs.com/)
80 | 	* Oczywiście możliwości jest wiele więcej (Python, RoR etc.)
81 | 
82 | ### Narzędzia projektowe
83 | * Package managery (wybierz jeden)
84 | 	* [npm](https://www.npmjs.com/)
85 | 	* [Yarn](https://yarnpkg.com/lang/en/)
86 | * [npx package runner](https://www.npmjs.com/package/npx)
87 | * [Webpack](https://webpack.js.org/)
88 | * [Babel](https://babeljs.io/)
89 | * [Prettier](https://prettier.io/)
90 | * [ESLint](https://eslint.org/)
91 | 
92 | ### Bonus:
93 | * Machine Learning
94 | 	* [Polecam – Neural networks in JavaScript | Scrimba.com](https://scrimba.com/g/gneuralnetworks)
95 | * [WebAssembly](https://webassembly.org/)
96 | 


--------------------------------------------------------------------------------