Road map Frontdend
Интернет
- Как работает интернет
- Как работает браузер
- Что такое HTTP
- DNS и как он работает
- Что такое доменное имя
- Что такое хостинг
HTML
- Основы HTML
- Семантика HTML
- Формы HTML
- Правила и лучшие практики HTML
- Доступность HTML
- SEO Basics
CSS
- Основы CSS
- Создание структуры на Floats
- Создание структуры на Positioning
- Создание структуры на Display
- Создание структуры на Box Model
- Создание структуры на CSS Grid
- Создание структуры на Flex Box
- Адаптивность страницы
JavaScript
- Базовый синтаксис конструкции
- Манипуляции с DOM
- Изучить Fetch
- Изучить AJAX
- Изучить ES6+
- Модули JavaScript
- Концепция Hoisting
- Концепция Scope
- Концепция Prototype
- Концепция Strict
- Концепция Event bubbling
- Концепция Shadow DOM
GIT
- Базовое использование GIT
- Продвинутое испольование GIT
- Что такое система контролей версий и зачем оно нужно
Базовые знания протоколов безопасности
- HTTPS
- CORS
- Content Security Policy
- OWASP Security Risks
Package Manager
- yarn
- npm
CSS Architecture
- BEM
- OOCS
- SMACSS
CSS Preprocessor
- Sass
- PostCSS
- Less
Build Tools
- npm scripts
- Gulp
- Prettier
- ESLint
- StandardJS
- Webpack
- Rollup
- Parcel
Framework
- React.js [Redux]
- React.js [MobX]
- Angular [RxJS]
- Angular [NgR]
- Vue.js [VueX]
Продвинутый CSS
- Styled Component
- CSS Module
- Styled JSX
- Emotio
- Rodium>
- Glamorou
Web Components
- HTML Templates
- Custom Elements
- Shadow DOM
CSS Frameworks
- Reactstrap
- Material UI
- Tailwind CSS
- Chakra UI
- Bootstrap
- Materialize CSS
- Buima
Testing your Apps
- Mocha
- Chai
- Ava
- Jasmine
- Jest
- react-testing-library
- Cypress
- Enzyme
Type Checkers
- TypeScript
- Flow
Progressive Web Apps
- Storage
- Web Sockets
- Service Workers
- Location
- Notifications
- Device Orientation
- Payments
- Credentials
- PRPL Pattern
- RAIL Model
- Performance Metrics
- Using Lighthouse
- Using DevTools
Server Side Rendering (SSR)
- React.js [Next.js]
- React.js [After.js]
- Angular [Universal]
- Vue.js [Nuxt.js]
GraphQL
- Apollo
- Relay Modern
Static Site Generators
- Next.js
- GatsbyJS
- Nuxt.js
- Vuepres
- Jekyll
- Hugo
Mobile Applications
- React Native
- NativeScript
- Flutter
- Ionic
Desktop Applications
- Electron
- Carlo
- Proton Native
Web Assembly