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

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

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

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



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

    Лекция была записана в офисе компании Chocolife, зрители – разработчики этой компании.
    Метки:
    Hexlet 54,10
    Практические уроки по программированию
    Поделиться публикацией
    Похожие публикации
    Комментарии 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
                                          Спасибо!
                                          Не было времени на эту работу, прошу прощения.

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

                                        Самое читаемое