Що має знати фронтенд програміст? Детальний план навчання
Щоб стати хорошим спеціалістом в області frontend розробки потрібно освоїти великий спектр знать. В цьому відео я зібрав чекліст усіх знань які знадобляться фронтенд програмісту для впевненого старту у роботі. Для людей які тільки починають освоювати фронтенд це буде хорошим покроковим планом. Якщо ви уже працюєте frontend розробником це відео може показати моменти на які ви не ввертали увагу і таким чином підняти кваліфікацію Матеріали по відео Як працює інтернет https://www.cloudflare.com/en-gb/lear...
http://web.stanford.edu/class/msande9...
https://internetfundamentals.com/
https://developer.mozilla.org/en-US/d...
https://internetfundamentals.com/
https://www.oreilly.com/library/view/...
Html https://www.w3schools.com/
- загальний довідник https://htmlreference.io/
- загальний довідник https://www.w3.org/WAI/tips/developing/
- доступність https://github.com/hail2u/html-best-p...
- найкращі практики https://developer.mozilla.org/en-US/d...
- форми https://web.dev/learn/forms/
- ще форми • HTML Full Course - Build a Website Tutorial • HTML Tutorial for Beginners: HTML Crash Co... https://www.oreilly.com/library/view/...
Css https://flexboxfroggy.com/
- інтерактивне навчання https://css-tricks.com/all-about-floats/
https://developer.mozilla.org/en-US/d...
https://cssgrid.io/
- безкоштовний відеокурс https://scrimba.com/learn/cssgrid
- безкоштовний відеокурс https://www.oreilly.com/library/view/...
https://www.oreilly.com/library/view/...
Методики верстки https://getbem.com/
- BEM https://www.smashingmagazine.com/2011...
- OOCSS http://smacss.com/
SMACSS https://acss.io/
- Atomic CSS https://amcss.github.io/
- AMCSS https://benfrain.com/enduring-css-wri...
- FUN Препроцесори Css https://lesscss.org/
- Less https://sass-lang.com/
- Sass https://stylus-lang.com/
- Stylus https://postcss.org/
- PostCSS Css фреймворки https://getbootstrap.com/
- Bootstrap https://bulma.io/
- Bulma https://tailwindcss.com/
- Tailwind JS https://www.w3schools.com/js/
https://javascript.info/
https://www.javascripttutorial.net/
https://github.com/getify/You-Dont-Kn...
https://www.oreilly.com/library/view/...
https://eloquentjavascript.net/
• JavaScript Crash Course For Beginners • Learn JavaScript - Full Course for Beginners Робота з Api https://developer.mozilla.org/en-US/d...
- Fetch https://graphql.org/learn/
- GraphQL https://www.oreilly.com/library/view/...
- GraphQL • GraphQL Full Course - Novice to Expert - GraphQL • WebSockets in 100 Seconds & Beyond with So... - WebSockets Пакетні менеджерии https://www.npmjs.com/
• NPM Crash Course Збірка коду https://vitejs.dev/
- Vite https://webpack.js.org/
- Webpack https://ui.dev/webpack
- Webpack https://survivejs.com/webpack/
- Webpack • Vite 2.0 Crash Course | Super Fast Build T... - Vite • Webpack 5 Crash Course | Frontend Developm... - Webpack Оптимізація швидкості https://web.dev/fast/
https://www.patterns.dev/posts/prpl/
https://developer.chrome.com/docs/dev...
• Crash Course: How To Analyze A Google Ligh... Тестування https://jestjs.io/
https://jesthandbook.com/
• Cypress End-to-End Testing - Cypress • Test-Driven Development // Fun TDD Introdu... Typescript https://www.typescriptlang.org/
https://www.oreilly.com/library/view/...
• TypeScript Course for Beginners - Learn Ty... PWA https://web.dev/learn/pwa/
https://blog.logrocket.com/project-fu...
https://www.oreilly.com/library/view/...
• Progressive Web Apps in 100 Seconds // Bui... Фреймворки https://reactjs.org/
- React https://vuejs.org/
- Vue https://angular.io/
- Angular Мобільні і десктопні додатки https://reactnative.dev/
- React Native https://ionicframework.com/
- Ionic https://nativescript.org/
- NativeScript https://capacitorjs.com/
- Capacitor https://cordova.apache.org/
- Cordana 00:00 Вступ 00:45 Як працює інтернет 01:04 HTML 01:45 CSS 02:14 CSS-препроцесори 02:44 Методи верстки 03:33 CSS фреймворки 04:18 JavaScript 04:51 Взаємодія з сервером 05:24 Пакетний менеджер (npm) 05:50 Збірка коду (Webpack, Vite) 06:38 Оптимізація 07:34 Тестування 08:03 Typescript 08:38 PWA 08:58 Мобільні і десктопні додатки 09:12 Фреймворки 09:36 IDEA, Git, CI/CD 10:08 Висновок
