​

О курсе
Курс "Разработчик JavaScript" предназначен для разработчиков, которые хотят узнать больше о мире современного JavaScript. В рамках курса мы рассмотрим ключевые особенности языка JavaScript, его окружение - браузеры и серверную платформу NodeJS. Мы разберем внутреннее устройство и понятия популярного фреймворка Angular, а также библиотеки для написания web-приложений VueJS и ReactJS. Курс подходит для разработчиков уровня Junior или Middle, которые имеют общее представление и некоторый опыт работы с Web и намерены больше узнать об актуальных подходах разработки программ и приложений в среде JavaScript.

Программа
Занятие 9: Компоненты React. Lifecycle React-компонент, state и props
Участники смогут:
- Разрабатывать полноценные React-компоненты в различных стилях.
- Корректно использовать state и props."
Занятие 10: Состояние приложения. Flux и Redux
Участники смогут:
- "Отличать основные понятия однонаправленной архитектуры Flux.
- Ориентироваться и использовать возможности redux - создавать actions, reducers, а также применять redux в связке в React
Занятие 11: Routing в React. Оптимизация приложения
- Создавать систему routing для React приложений, использовать библиотеку react-router
- Использовать специальные возможности библиотеки для оптимизации отрисовки"
Занятие 12: Основы Vue
Участники смогут:
- Настроить себе окружение IDE, зависимости и библиотеки для создания проектов и работы с Vue
- Создавать простейшие приложения используя Vue

Спойлер: Продолжение описания

Занятие 13: Компоненты, шаблонизатор и формы
Участники смогут
- Понимать синтаксис шаблонизаторы
- Создавать компоненты, описывать атрибуты элементов
Занятие 14: Routing и модели данных
Участники смогут:
- Описывать routing для Vue приложений
- Создавать формы, связывая шаблоны с моделями
Занятие 15: Advanced Vue
Участники смогут:
- Применять анимацию в компонентах
- Создавать плагины
- Разбираться в тонкостях Change Detection
Занятие 16: Обзор Polymer
Участники смогут
- Создавать custom elements, используя встроенные браузерные возможности
- Подключать и использовать Polymer для создания приложений
- Ориентироваться в веб спецификациях, на базе которых работает Polymer

Во 2 модуль входят файлы и папки:
09. Компоненты React. Lifecycle React-компонент, state и props
Занятие 09.mp4 [229m 765k 832]
Презентация 09.pdf [1m 636k 108]

10. Состояние приложения. Flux и Redux
redux-course-ru.pdf [700k 327]
Занятие 10.mp4 [258m 197k 198]
Презентация 10.pdf [2m 240k 218]

11. Routing в React. Оптимизация приложения
Links.txt [193]
Занятие 11.mp4 [225m 342k 830]
Презентация 11.pdf [1m 305k 892]

12. Основы Vue
Занятие 12.mp4 [193m 263k 124]
Презентация.pdf [2m 246k 223]
Ссылки.txt [802]

13. Компоненты, шаблонизатор и формы
Занятие 13.mp4 [185m 752k 410]
Презентация.pdf [1m 310k 169]
Ссылки.txt [147]

14. Routing и модели данных
Занятие 14.mp4 [187m 202k 743]
Презентация.pdf [1m 183k 990]
Ссылки.txt [195]

15. Advanced Vue
Занятие 15.mp4 [189m 883k 326]
Презентация.pdf [1m 124k 528]
Ссылки.txt [446]

примеры
DS_Store [6k 148]
gitignore [16]

1
greeting.html [642]
hooks.html [1k 725]
on.html [483]
start.html [466]
v-bind.html [493]

cli-project
babelrc [402]
editorconfig [147]
eslintignore [51]
eslintrc.js [791]
gitignore [213]
index.html [273]
package.json [2k 737]
postcssrc.js [246]
README.md [554]

build
build.js [1k 198]
check-versions.js [1k 290]
logo.png [6k 849]
utils.js [2k 587]
vue-loader.conf.js [553]
webpack.base.conf.js [2k 385]
webpack.dev.conf.js [3k 4]
webpack.prod.conf.js [5k 196]

config
dev.env.js [156]
index.js [2k 291]
prod.env.js [61]
test.env.js [149]

src
App.vue [374]
main.js [360]

assets
logo.png [6k 849]

components
HelloVue.vue [194]
HelloWorld.vue [1k 899]

router
index.js [381]

static
gitkeep [0]

test

e2e
nightwatch.conf.js [1k 28]
runner.js [1k 542]

custom-assertions
elementCount.js [765]

specs
test.js [561]

unit
eslintrc [58]
jest.conf.js [725]
setup.js [56]

specs
HelloWorld.spec.js [354]

2
DS_Store [6k 148]
emit.html [669]
events.html [923]
events-links.html [1k 772]
if.html [628]
index.html [561]
links.html [792]
my-component.html [585]
props.html [616]
slot.html [682]
tree.html [1k 794]

3
computed.html [585]
computed-links.html [846]
defineProperty.html [586]
forms.html [483]
forms-number-checkbox.html [634]
props.html [689]
watch-links.html [1k 38]

4
events.html [1k 226]
location-dynamic.html [1k 86]
location-static.html [1k 253]
nested-routes.html [1k 376]
vue-router.html [885]

hello-vue
babelrc [402]
editorconfig [147]
eslintignore [51]
eslintrc.js [791]
gitignore [213]
index.html [271]
package.json [2k 725]
postcssrc.js [246]
README.md [552]

build
build.js [1k 198]
check-versions.js [1k 290]
logo.png [6k 849]
utils.js [2k 587]
vue-loader.conf.js [553]
webpack.base.conf.js [2k 385]
webpack.dev.conf.js [3k 4]
webpack.prod.conf.js [5k 196]

config
dev.env.js [156]
index.js [2k 291]
prod.env.js [61]
test.env.js [149]

src
App.vue [374]
main.js [360]

assets
logo.png [6k 849]

components
HelloWorld.vue [1k 899]

router
index.js [251]

static
gitkeep [0]

test

e2e
nightwatch.conf.js [1k 28]
runner.js [1k 542]

custom-assertions
elementCount.js [765]

specs
test.js [561]

unit
eslintrc [58]
jest.conf.js [725]
setup.js [56]

specs
HelloWorld.spec.js [354]

tree
items.js [366]
package.json [241]
tree-static.html [1k 415]
vue.js [289k 303]

vscode
settings.json [47]

16. Обзор Polymer
Занятие 16.mp4 [195m 397k 428]
Презентация.pdf [1m 853k 176]
Ссылки.txt [400]

korzio-otus.ru-polymer-63ddad15822f
gitignore [29]

1
package.json [287]
polymer-element.html [674]
shadow-dom.html [834]
tabs.html [644]

my-app
bower.json [269]
index.html [570]
manifest.json [96]
package.json [220]
polymer.json [59]
README.md [781]

src

my-app-app
my-app-app.html [642]

test

my-app-app
my-app-app_test.html [1k 658]

my-element
bower.json [395]
index.html [441]
my-element.html [751]
package.json [270]
polymer.json [59]
README.md [485]

build

default
index.html [435]

demo
index.html [877]

test
index.html [485]
my-element_test.html [1k 630]

2
button.html [626]
element.html [620]
polymer-element.html [1k 61]
shadow-dom.html [638]
style.html [815]

Первый модуль
Третий модуль
Четвёртый модуль