Цель курса –– дать базовые знания веб-разработки, попробовать на практике современные подходы к процессу, архитектуре, технологическому стеку и фреймворкам. Обозначить тенденции и направления развития индустрии, разобрать причину возникновения более узконаправленных инструментов. Дополнительно будут показаны возможности применения стека за рамками веб-разработки для прототипирования кросс-платформенных и мобильных приложений.

Основные темы

DOM, HTML5, Mobile-first, SVG, Анимация и транзишены, CSS, Препроцессоры, SASS, Stylus, Компонентный подход, Темизация, BEM, Javascript, ES2019, Babel, React, Angular, Vue, Жизненный цикл компонента, State management, Транспайлеры, Webpack, Организация потоков данных, Архитектура событийной модели, Flux, Redux, React Hooks, Асинхронный JavaScript, Thunk, Saga, Статическая типизация, Typescript, UI Kit, Design Systems, Storybook, PostCSS, CSS Modules, CSS-in-JS, Emotion JS, Styled components, Автотесты, Mocha, Chai, NodeJS, Express, RESTful API, GraphQL, MongoDB, Electron, React Native, RxJS, FpTs.

Практика

В качестве домашнего задания и практики по курсу нужно разработать клиент-серверное приложение. Дизайн интерфейса и технологический стек заранее известен. Результат практической работы –– разработанные прототипы web, mobile, desktop клиентских приложений на единой кодовой базе и серверное приложение для взаимодействия с ними.