Вы попали на английскую версию сайта. Большая часть курсов доступна на русском языке

Фронтенд-разработка (DOM + React + Redux)

Самый популярный стек для современной разработки. Огромное количество практики. Погружение в MVC и архитектуру толстых клиентов.

Course

JS: DOM API

PRO

Браузер это особая среда, в которой JavaScript получает возможность взаимодействовать с загруженными страницами сайтов. Для этого браузер предоставляет специальные объекты с большим количеством методов. С их помощью можно выполнять любые преобразования HTML добавляя интерактивность на странице. Не важно какой используется фреймворк или библиотека, все они, в конечном итоге, работают через эти объекты. Знание этой темы – основа фронтенд разработки, на которую нанизывается все остальное.

View Course
Hours Count

Course

JS: Архитектура фронтенда

PRO

Несмотря на обилие различных фреймворков и способов разработки фронтенд приложений, существуют фундаментальные принципы, которые используются повсеместно и практически не меняются. Они касаются разбиения приложения на слои (например, MVC), выделения состояния и его организации, работы с текстами, контроля данных форм. Этот курс рассказывает о том, как строить архитектуру приложения без привязки к конкретным решениям и их особенностям.

View Course
Hours Count

Course

JS: React

PRO

React — библиотека, которая перевернула наши представления о том, как разрабатывать фронтенд. В этом курсе мы затронем все аспекты его работы и шаг за шагом, начиная с простых компонентов, дойдем до взаимодействия с бэкендом и интеграции с кодом, написанным без его использования (на jQuery).

View Course
Hours Count

Course

JS: Redux (React)

PRO

Redux — это официальный способ управлять состоянием в нетривиальных React приложениях. Несмотря на свою простоту и элегантность, он требует время на вникание. Кроме того, вокруг Redux огромная экосистема библиотек, автоматизирующих разные задачи. Этот курс посвящен в том числе самым популярным библиотекам.

View Course
Hours Count

Challenges

JS: DOM API
Modal
solution.js
JS: DOM API
Gem Puzzle
solution.js
JS: DOM API
Progress
solution.js
JS: React
Don''t touch me
Buttons.jsx
JS: React
Modal windows
Buttons.jsx
JS: Архитектура фронтенда
Form state
app.js view.js