Практические уроки по программированию
78,41
рейтинг
29 октября 2013 в 12:56

Разработка → Видео: полный цикл разработки на JavaScript

Здравствуй, Хабр!

В этой открытой лекции я попытался сжато рассказать и показать полный цикл (full stack) разработки веб-приложений на JavaScript.

Начнем мы с короткого введения в язык, потом в двух словах поговорим о клиентской части, в частности, об MVC фреймворках вроде Angular.js, после чего перейдем на серверную часть: Node.js и MongoDB. В конце обсудим возможность автоматизации разработки и сборки проектов с помощью Grunt.js.



Скачать слайды и исходные коды.

Лекция была записана в офисе компании Chocolife, зрители – разработчики этой компании.
Автор: @freetonik
Hexlet
рейтинг 78,41
Практические уроки по программированию
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Комментарии (27)

  • +2
    Спасибо!
  • +1
    А в чем необходимость использовать везде JavaScript?
    • +21
      модно, стильно, молодёжно.
      • +5
        Ну и это, да.
        Очень стильно.
      • +4
        Один пацан писал все на JavaScript, и клиент, и сервер, говорил что нравится, удобно, читабельно. Потом его в дурку забрали, конечно.
    • +2
      Везде-везде один язык.
    • +4
      Немного покапитаню :)
      Видео еще пока не посмотрел, но думаю, дело не в том, что «необходимо», а в том, что если ты знаешь какой-то язык очень хорошо и есть эффективные инструменты с его поддержкой, то почему бы их не использовать?
    • 0
      Необходимости нет, есть возможность. Очень приятная возможность писать на всех слоях на одном языке.
      • 0
        В чём принципиальное отличие использования разных инструментов на разных слоях от использования разных языков (они, по сути, тоже инструменты)?
        • +3
          Есть такое явление: «синдром перфоратора». Это когда человек покупает перфоратор и ему кажется, что теперь любую строительно-ремонтную задачу можно решить перфоратором.
          • 0
            Я тут недавно обои перфоратором… Зато клей не понадобился!
        • 0
          > В чём принципиальное отличие использования разных инструментов на разных слоях от использования разных языков (они, по сути, тоже инструменты)?

          Ну вот представим, например, что на работу надо ездить на одной машине, а с работы возвращаться на другой. Вроде как и там и там авто, оба нормальные, водить можно. Но не так удобно, привычно и комфортно, как на одной и той же. И хорошо ещё, если авто похожие… а если одна — здоровенный джип, а другая — мини-купер? Всяко одно авто проще профессионально водить.
        • 0
          Повторное использование одних кусков кода на разных слоях. Типичный пример — правила валидации.
    • +1
      Сайты сейчас достаточно динамичны и один язык на frontend и backend устраняет дублирования кода, что уже само по себе не плохо.

      Ну а если взять приложения, которые активно обмениваются данными с сервером, то и возможность node.js поддерживать множество соединений одновременно без особых накладных расходов вообще незаменимо. Ну и тут фреймворки, которые это все объединяют и делают обмен данных прозрачным для программиста (например, derby.js и Meteor, демонстрация) вообще киллфича.

      Данное решение, на мой взгляд, особо не дает инструменты для использования всех плюсов, но с чего-то нужно начинать.
  • 0
    Во первых это 100% javascript. Там нет jquery, там нет prototype.

    Хм, насколько я знаю angular.element это как раз jqlite.
    • +1
      Да и есть возможность использовать angular вместе с jquery
      • +2
        Насколько я знаю, в случае если angular находит jquery, angular.element становится его алиасом, если нет — используется jqlite.
  • НЛО прилетело и опубликовало эту надпись здесь
  • +2
    Я считаю, раз уже фуллстек, то решение для клиентского js должно быть тесно интегрировано с северным js, а так же были хорошо использованы возможности шаблонизатора для клиентской и серверной шаблонизации (туда же использование аякс-проки и пр.). Типа derby.js, bem-node или чего-то подобного
  • +2
    Спасибо. С большенством знаком уже, но всеравно интересно. Не хватает более углубления в тему, но вряд-ли это для конференций.
  • +2
    А можно немного подробнее о тестированиее: какие есть альтернативы, достоинсва и недостатки, кто использует; также какие подходы к тестированию dom и dom event?
  • –2
    А обязательно в лекции использовать слова типа «чувак» и «клёвый»?
    • +3
      Нет, не обязательно.
    • 0
      Чувак, это же клёво!
  • +1
    Интересный доклад, спасибо что выложили. Порадовал выбранный стек — прям-таки «больше JavaScript-инструментов, хороших и разных совместимых» :)
  • +1
    Доклад очень интересный, огромное спасибо! Но зачастую не видно того, что показывают на экране(особенно код). Возможно, было бы лучше делать захват видео с экрана, а потом наложить на него звук? Вышло бы что-то вроде презентации. Если так важно показать докладчика — его можно было бы показывать в нижнем углу экрана в отдельном «окошке».
    • 0
      Спасибо!
      Не было времени на эту работу, прошу прощения.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

Самое читаемое Разработка