web-programming

Автоматизация фронтенда

Скринкасты

  1. Асинхронность Node.js, Npm, Bower
  2. Grunt, LESS, ES6, Traceur

План лекции

  1. Идея Node.js, что такое npm
  2. Bower
  3. Grunt. File Watchers в WebStorm’е
  4. CSS-препроцессоры на примере LESS
  5. ES6, Traceur compiler, grunt-traceur, проблема с запуском модулей, итог

Примеры моего кода

Задание

Нашим следующим заданием на несколько недель будет многопользовательская канбан-доска/список дел/календарь. Это расширение самого первого задания (Todo-list). Поиграйтесь с демками: Trello, Todoist.

Мы будем постепенно выращивать канбан-доску из вашего решения задания Todo-list. На этой неделе возьмите ваше решение (или любое чужое), поправьте вёрстку по вкусу и внедрите использование технологий, которые мы обсудили: Bower, Grunt/Gulp, JSHint, LESS/SASS/Stylus, ES6. Решение залейте на Гитхаб, демо настройте в ветке gh-pages. Ссылку добавьте на вики-страницу решений для канбан-доски.

Главное: делайте это задание итеративно. Первый возможный квант действия: перенесите установку JQuery на Bower. Сделайте это за 15 минут, создайте репозиторий и сразу добавьте ссылку на него на страницу результатов. Всё остальное доделайте потом.

Материалы