Skip to content

Instantly share code, notes, and snippets.

@maiordom
Last active February 1, 2016 15:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save maiordom/2495b0288cb1592a74f2 to your computer and use it in GitHub Desktop.
Save maiordom/2495b0288cb1592a74f2 to your computer and use it in GitHub Desktop.
Теоретическая часть:
1) ES6
https://ponyfoo.com/articles/es6
https://github.com/lukehoban/es6features
2) Babel
http://babeljs.io
http://browserify.org
3) React
https://facebook.github.io/react/docs/thinking-in-react.html
https://www.safaribooksonline.com/library/view/reactjs-essentials/9781783551620/
4) Redux
http://redux.js.org
https://egghead.io/series/getting-started-with-redux
5) Webdriver.js / Selenium Web Driver / Mocha / Chai
http://webdriver.io
Пример: https://github.com/maiordom/konan
6) Webpack
https://webpack.github.io
https://webpack.github.io/docs/list-of-tutorials.html
7) React + Webpack
http://jslog.com/2014/10/02/react-with-webpack-part-1/
http://survivejs.com/webpack_react/webpack_and_react/
8) React + Browserify
http://www.jayway.com/2015/03/04/using-react-with-ecmascript-6/
9) eslint
http://eslint.org
https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb
Практическая часть:
Необходимо написать приложение, которое реализует логику табов.
1ый таб
Реализует список друзей с динамическим добавлением друзей.
<Все элементы в одну строку>
<Текстовое поле с названием Напишите имя друга>
<Инпут> (писать имя друга)
<Кнопка> добавить в друзья>
</Все элементы в одну строку>
<Все элементы в одну строку>
<Текстовое поле с названием Фильтрация друзей>
<Инпут (фильтрация списка друзей)>
</Все элементы в одну строку>
<Список друзей>
<Имя Друга> <Кнопка удалить из друзей><Кнопка редактировать имя>
</Список друзей>
2ой таб
Выпадающий список (select) со списком брендов автомобилей
3ий таб
Подгрузка на ajax элемента типа Меню с активным пунктом.
1-ый этап: React, Babel, Gulp, Browserify.
2-ой этап: React + Redux, Babel, Gulp, Webpack.