бессерверные приложения на javascript pdf
☕ ТОП-10 актуальных книг по JavaScript на русском языке: от новичка до профессионала
В обзоре рассмотрены преимущественно издания, относительно недавно переведенные на русский язык.
1. Разработка на JavaScript. Построение кроссплатформенных приложений с помощью GraphQL, React, React Native и Electron (2021)
Автор: Адам Д. Скотт.
Книга о необходимых инструментах, концепциях и подходах к настройке javascript-программ. Предназначена она для разработчиков, желающих освоить полный стек. Автор рассказывает, как при помощи GraphQL, Node.js, React, React Native и Electron создавать надежные кроссплатформенные приложения и API-интерфейсы. Это идеальный помощник для навигации по постоянно меняющейся экосистеме современного JavaScript.
Не подходит для новичков.
2. Рефакторинг кода на JavaScript. Улучшение проекта существующего кода (2019)
Автор: Фаулер Мартин.
Обновленный каталог рефакторинга, включающий около 60 новых функциональных примеров и методов по работе с кодом на JavaScript. Автор на простых примерах объясняет, что такое рефакторинг и зачем он нужен, как распознать требующий обновления код и изучить механизмы грамотного взаимодействия со сложными участками приложений. Книга для тех, кто получил в наследство кучу устаревшего кода и не знает с чего начать.
Написанная еще в 1999 году первая книга Фаулера из этой серии – «Рефакторинг. Улучшение существующего кода» – долгое время была пособием по созданию удобочитаемых скриптов для большинства современных разработчиков.
Подходит как начинающим разработчикам, так и опытным профессионалам.
3. Секреты JavaScript ниндзя (2018)
Авторы: Джон Резиг, Биер Бибо.
Профессиональные советы от создателя библиотеки JQuery и масса практических примеров, наглядно иллюстрирующих основную концепцию языка. Не увязая в технической терминологии, книга объясняет все основные темы, в которых должен разбираться хороший разработчик. Автор научит вас, как избежать ошибок в приложениях, используя передовые методы тестирования и кроссбраузерной разработки.
Предназначена для разработчиков среднего уровня.
4. Бессерверные приложения на JavaScript (2020)
Авторы: Александр Симович, Слободан Стоянович.
Современное пособие по использованию JavaScript для создания бессерверных веб-приложений. Из него вы узнаете, как такие приложения создаются, работают, тестируются и переносятся. Книга – грамотно написанное практическое руководство, хорошо структурированное и правильно иллюстрированное примерами кода, диаграммами и скриншотами, а также некоторыми примерами из реальной жизни. Вместе с автором вы разработаете проект пиццерии, без использования серверной части поддерживающий онлайн-меню приема заказов, платежи и другие процессы и функции. При этом основными вашими инструментами будут Node.js, Claudia.js и AWS Lambda. Также будет освещена работа с Jenkins, фреймворком тестирования Jasmine и платежным сервисом Stripe.
Подходит для веб-разработчиков, уже знакомых с JavaScript и Node.js.
5. Программирование на JavaScript для чайников (2017)
Авторы: Крис Минник, Ева Холланд.
Это простое в использовании руководство поможет вам изучить основы JavaScript. Вместе с авторами вы настроите среду разработки, познакомитесь с базовым синтаксисом языка, научитесь работать с CSS и графикой, а также узнаете о нюансах взаимодействия JavaScript с HTML5. Из книги вы также прочитаете про десять самых распространенных ошибок начинающих разработчиков и о том, как их избежать.
Подходит для новичков.
6. Изучаем программирование на JavaScript (2020)
Авторы: Эрик Фримэн, Элизабет Робсон.
Книга из серии Head first 2014 года теперь переведена русский. Многим известен их практический подход к изложению материала и ассоциативные иллюстрации, помогающие формировать правильные мысли. Это руководство для начинающих разработчиков, изобилующее примерами кода, различными головоломками и играми, нацеленными на то, чтобы донести до читателя базовый принцип работы с этим языком программирования.
Подходит для новичков.
7. JavaScript. Полное руководство (2021)
Автор: Дэвид Флэнаган.
Известный американский разработчик Дэвид Флэнаган – профессионал с двадцатилетним стажем, посвятивший жизнь написанию книг о языках программирования. Автор представил публике новое издание справочника по самому популярному языку программирования. В нем собрана самая актуальная информация по JavaScript, переведенная на русский язык, включая нововведения ES 2020 и подробное руководство по клиентскому JavaScript, собранное в одну главу под названием «JavaScript в веб-браузерах». В конце каждой главы есть раздел «Резюме» с самыми важными пунктами. Весь приведенный в книге материал тщательно актуализирован и обновлен, а его подача сделана на высшем уровне.
Подойдет программистам, желающим вывести понимание языка и мастерство на новый уровень, а также для уже изучивших основы новичков.
8. Современный JavaScript для нетерпеливых (2021)
Автор: Кэй Хорстман.
Книга для изучения современного JavaScript, написанная в легкой форме с забавными иллюстрациями из произведения Льюиса Кэррола «Алиса в стране чудес». Здесь для каждой отдельной главы есть свой значок, показывающий уровень сложности:
Автор рассказывает обо всех необходимых для работы с JavaScript вещах, излагая материал небольшими порциями и подкрепляя теорию практическими советами с примерами кода.
Подходит для начинающих.
Отечественные авторы в последние годы написали не так уж много книг по JavaScript, но они все же есть.
9. JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание (2020)
Автор: Андрей Кириченко.
Книга по всем аспектам производства кода на JavaScript. Рассматриваемые темы:
В книге должное внимание уделено необходимым для разработчика инструментам, использованию популярных фреймворков и автоматизации на всех этапах создания кода. Также рассматриваются часто встречающиеся ошибки выполнения программ и способы их устранения.
Подойдет для начинающих разработчиков, имеющих базовые знания языка.
10. JavaScript. 20 уроков для начинающих (2019)
Автор: Владимир Дронов.
Это своего рода учебник по JavaScript с иллюстрированными уроками, практическими упражнениями и заданиями для самостоятельной работы. В книге освещены основные темы и понятия, который должен знать грамотный фронтенд-разработчик: от механизма управления веб-страницей до инструментов работы с сервером. Ответы ко всем задачам уроков лежат в свободном доступе на сайте издательства. Неплохое пособие для тренировки и закрепления теоретических навыков.
В 2021 году вышла новая книга автора под названием «JavaScript. Дополнительные уроки для начинающих». Там опубликованы полезные материалы, не вошедшие в первое издание.
Подходит для новичков.
Если вы предпочитаете учиться на русском языке, обратите внимание на факультет frontend-разработки GeekBrains. В программе российской образовательной онлайн-платформы есть все необходимое:
Гайд: создание бессерверных приложений
Сегодня выкладываем гайд по созданию бессерверных приложений. Он включает в себя 3 основных раздела: создание бессерверной логики, настройка триггеров и использование привязок. Присоединяйтесь!
Введение
Представьте себе, что вы работаете в компании по производству эскалаторов, которая вложила значительные средства в технологию Интернета вещей, чтобы отслеживать свой продукт на местах. Вы контролируете обработку данных с датчиков температуры на приводных механизмах эскалаторов. Вы отслеживаете данные о температуре и добавляете флаг, указывающий на слишком высокую температуру приводного механизма. В системах, расположенных ниже в технологической цепочке, эти данные позволяют определить потребность в обслуживании.
Ваша компания получает данные с датчиков из нескольких мест и с разных моделей эскалаторов. Эти данные поступают в разных форматах, включая отправку пакетных файлов, запланированные извлечения из базы данных, сообщения в очереди и входящие данные с концентратора событий. Вы хотите разработать многократно используемую службу, позволяющую обрабатывать данные о температуре из всех этих источников.
При разработке таких служб как эта с применением традиционных стратегий архитектуры предприятий вам потребуется заранее учитывать инфраструктуру сервера и его обслуживание: выделить необходимое оборудование, запланировать его установку, координировать работу с ИТ-отделом для управления им и т. д. Альтернативой являются бессерверные вычисления. С помощью бессерверных вычислений облачный поставщик управляет подготовкой и обслуживанием инфраструктуры, позволяя вам полностью сконцентрироваться на создании приложений логики. Служба «Функции Azure» — это ключевой компонент предложения бессерверных вычислений Azure, позволяющий выполнять фрагменты кода или функции, написанные на языке программирования по своему усмотрению, в облаке.
Цели обучения
В этом модуле вы узнаете, как выполнять следующие задачи:
Определение пригодности бессерверных вычислений для удовлетворения потребностей бизнеса
Чтобы помочь вам разобраться, нужно ли применять бессерверные вычисления, сначала мы дадим вам общие сведения об этой концепции.
Что такое бессерверные вычисления?
Бессерверные вычисления — это функция как услуга (FaaS) или микрослужба, размещенная на облачной платформе. Бизнес-логика выполняется в формате функций, а значит вам не нужно вручную подготавливать или масштабировать инфраструктуру. Все управление инфраструктурой берет на себя поставщик облачных служб. Приложение автоматически масштабируется вверх или вниз в зависимости от нагрузки. Azure предлагает несколько способов создать архитектуру такого рода. Два самых распространенных подхода — это использование Azure Logic Apps и Функции Azure. В этом модуле мы их и рассмотрим.
Что такое Функции Azure?
Функции Azure — это бессерверная платформа вычислений. Она позволяет разработчикам внедрять бизнес-логику, которая может выполняться без подготовки инфраструктуры. Функции конструктивно хорошо масштабируются, и вы оплачиваете только фактически использованные ресурсы. Код функции можно создать на любом удобном языке, включая C#, F# и JavaScript. Также поддерживаются NuGet и NPM, что позволяет использовать в бизнес-логике многие популярные библиотеки.
Преимущества решения на основе бессерверных вычислений
Бессерверные вычисления — это отличный вариант для размещения кода бизнес-логики в облаке. Бессерверные службы, например Функции Azure, позволяют создавать бизнес-логику на любом удобном для вас языке. Вы получаете автоматическое масштабирование, вам не нужно беспокоиться об управлении серверами, и вы оплачиваете только реально используемые ресурсы, а не зарезервированное время. Ниже приведены еще несколько особенностей бессерверного решения, которые необходимо учитывать.
Отсутствие избыточного выделения инфраструктуры
Допустим, вы подготовили серверы виртуальных машин и предоставили им достаточно ресурсов для пиковых нагрузок. В периоды незначительной нагрузки вы, скорее всего, оплачиваете неиспользуемую инфраструктуру. Бессерверные вычисления помогают решить проблему избыточного выделения ресурсов, поскольку масштабирование выполняется автоматически и вы оплачиваете только время активной работы функции.
Логика без отслеживания состояния
Функции без отслеживания состояния отлично подходят для бессерверных вычислений; экземпляры функций создаются и удаляются по запросу. Если отслеживание состояния требуется, его можно хранить в соответствующей службе хранилища.
Управление событиями
Функции управляются событиями. Это означает, что они выполняются только в ответ на некоторое событие (триггер), например получение HTTP-запроса или добавление сообщения в очередь. Триггеры настраиваются в определении функции. Такой подход значительно упрощает базу кода, позволяя объявлять только источники данных (триггер/входная привязка) и точку назначения (выходная привязка). Вам не придется писать создавать собственный код для работы с очередями, BLOB-объектами, концентраторами и т. д. Остается лишь создать бизнес-логику.
Функции можно использовать в традиционных вычислительных средах
Функции являются ключевым компонентом бессерверных вычислений, но одновременно они выполняют роль вычислительной платформы для выполнения кода любого типа. Если у приложения изменятся потребности, вы всегда сможете развернуть тот же проект в привычной серверной среде, получая возможности гибкого управления масштабированием, запуска в виртуальных сетях и даже полной изоляции функций.
Недостатки решения на основе бессерверных вычислений
Бессерверные вычисления не всегда оптимальны для размещения бизнес-логики. Ниже представлено несколько характеристик функций, которые могут повлиять на ваше решение о размещении служб в бессерверных вычислениях.
Время выполнения
По умолчанию функции используют время ожидания 5 минут. Его можно увеличить, но не более чем до 10 минут. Если выполнение функции занимает больше 10 минут, ее можно разместить на виртуальной машине. Кроме того, если ваша служба запускается по HTTP-запросу и вы рассчитываете получить HTTP-ответ, время ожидания ограничивается 2,5 минутами. И наконец, есть дополнительная возможность создать устойчивые функции, чтобы оркестрировать выполнение нескольких функций без ограничения по времени ожидания.
Частота выполнения
Вторая характеристика — частота выполнения. Если ожидается, что функцию будут непрерывно выполнять сразу несколько клиентов, было бы разумно оценить использование и рассчитать стоимость использования функций соответствующим образом. Возможно, размещение службы на виртуальной машине обойдется дешевле.
При масштабировании каждые 10 секунд может создаваться только один экземпляр приложения-функции, но не больше 200 экземпляров в целом. Помните, что каждый экземпляр может обслуживать несколько одновременных выполнений, то есть нет ограничений на объем трафика, который может обработать каждый экземпляр. Разные типы триггеров имеют разные требования к масштабированию. Изучите выбранный триггер и связанные с ним ограничения.
Создание приложения-функции на портале Azure
Для прохождения этого урока требуется песочница
Песочница предоставляет бесплатный доступ к ресурсам Azure, необходимым для этого урока. За вашу подписку Azure плата взиматься не будет.
Теперь вы готовы приступить к реализации службы контроля температур. В предыдущем модуле вы определили, что для решения ваших задач лучше всего подходит бессерверное решение. Теперь давайте создадим приложение-функцию для хранения функции Azure.
Что такое приложение-функция?
Функции размещаются в контексте, который называется приложение-функция. Приложения-функции позволяют логически сгруппировать и структурировать функции и вычислительные ресурсы в Azure. В нашем примере вы создадите приложение-функцию для размещения службы контроля температуры для привода лифта. Для создания приложения-функции необходимо принять несколько решений, в том числе выбрать план обслуживания и подходящую учетную запись хранения.
Выбор плана обслуживания
Приложения-функции могут использовать план обслуживания одного из двух типов. Первый из этих типов — план обслуживания на основе потребления. Этот план вам пригодится при использовании бессерверной платформы приложений Azure. План обслуживания на основе потребления обеспечивает автоматическое масштабирование, а оплата начисляется только за время выполнения функций. План обслуживания на основе потребления позволяет настраивать период ожидания для выполнения функции. По умолчанию этот период составляет 5 минут, но его можно увеличить до 10 минут.
Второй тип — план службы приложений Azure. Этот план позволяет избежать периодов ожидания, непрерывно выполняя приложение на выбранной виртуальной машине. Если вы используете план службы приложений, вам нужно управлять ресурсами для приложения, в котором выполняется функция. Строго говоря, это не позволяет считать план бессерверным. Но в некоторых обстоятельствах он подходит лучше, например если функции используются постоянно или требуют больше вычислительной мощности или более длительного времени выполнения, чем может предоставить план на основе потребления.
Требования к учетной записи хранения
Созданное приложение-функцию нужно привязать к учетной записи хранения. Вы можете выбрать существующую учетную запись хранения или создать новую. Приложение-функция использует эту учетную запись хранения для внутренних операций, таких как ведение журнала выполнения функций и управление триггерами выполнения. Если используется план обслуживания на основе потребления, здесь также хранятся код функции и файлы конфигурации.
Создание приложения-функции
Давайте создадим приложение-функцию на портале Azure.
Войдите на портал Azure, используя ту же учетную запись, с помощью которой вы активировали песочницу.
Нажмите кнопку Создать ресурс в верхнем левом углу портала Azure и последовательно выберите Get started > Serverless Function App (Приступая к работе > Бессерверное приложение-функция), чтобы для приложения-функции открыть колонку Создать. Эту же колонку можно открыть через пункт меню Вычисления > Приложение-функция.
Выберите подписку Azure, в которой вы хотите разместить приложение-функцию.
Выберите имеющуюся группу ресурсов с именем [имя группы ресурсов песочницы].
Выберите операционную систему Windows.
Для параметра План размещения выберите значение План потребления, который используется для бессерверного размещения.
В списке выберите ближайшее к вам географическое расположение. В рабочей системе нужно выбрать расположение, ближайшее к вашим клиентам или потребителям функции.
Бесплатная песочница позволяет создавать ресурсы в подмножестве глобальных регионов Azure. При создании любых ресурсов выберите регион из следующего списка:
Создайте учетную запись хранения. Azure автоматически присвоит ей имя, используя имя приложения. Вы можете заменить это имя любым другим, но обязательно уникальным.
Убедитесь в том, что служба Azure Application Insights включена, и выберите ближайший к вам (или вашим клиентам) регион.
Выберите Создать. Развертывание займет несколько минут. После его завершения вы получите уведомление.
Проверка приложения-функции Azure
В меню в левой части портала Azure выберите Группы ресурсов. Затем вы увидите группу ресурсов [имя группы ресурсов песочницы] в списке доступных групп.
.
Выберите группу ресурсов [имя группы ресурсов песочницы]. Появится список ресурсов, примерно как на следующем изображении.
Элемент с изображением молнии, обозначенный здесь как служба приложений, — это и есть новое приложение-функция. Щелкните его, чтобы открыть подробные сведения о новой функции. Ей назначен общедоступный URL-адрес, который можно открыть в браузере и убедиться, что приложение-функция работает правильно.
Продолжить изучение гайда вы можете на нашем портале Microsoft Learn.
Как создать бессерверное приложение с Netlify и JavaScript
Из статьи вы узнаете:
Понятие бессерверного подхода и случаи его применения
При взгляде на термин “бессерверный” можно подумать, что для запуска кода не нужен сервер. Но на самом деле это не так. А иначе каким образом будет выполняться программа?
В своей книге “Бессерверные приложения на JavaScript” Слободан Стоянович сравнивает их со стиральной машиной, которая используется лишь от 5 до 15 часов в неделю. При этом она занимает место на кухне и потребляет энергию даже в состоянии бездействия. По этой причине некоторые предпочитают пользоваться прачечными, где оплачивается только непосредственное время стирки.
Вполне возможно, что и ваш сервер работает впустую в ожидании запросов. Даже если изредка через него проходит трафик, он все равно обходится в копеечку. А было бы лучше платить только за время, потраченное сервером на обработку запросов.
В этом случае бессерверный подход оказывается как нельзя кстати. Он позволяет реализовывать проекты в облаке на основе оплаты по факту применения. А самое главное преимущество в том, что вы концентрируетесь только на написании кода, не беспокоясь о среде хостинга и базовой ОС. Облачный провайдер встанет на стражу вашего покоя и все сделает за вас.
Какие провайдеры поддерживают бессерверные технологии?
Почти все провайдеры облачных хостингов предоставляют возможности для создания бессерверных приложений. К числу самых известных из них относятся AWS Lambda, Google Cloud Functions и Netlify.
В статье мы создадим бессерверную функцию с помощью Netlify. В качестве аргумента она примет ссылку на веб-сайт и воспользуется API Readability от Mozilla для предоставления его контента. Поскольку она будет находиться на веб-сервере, мы сможем вызывать ее с помощью конечной точки API. Перед вами итоговый результат предстоящей работы:
Настройка проекта
Клонирование репозитория шаблона
Основой для данной программы послужит репозиторий Netlify Up And Running. Клонируем его, нажимая на Use this template.
После этого GitHub попросит назвать приложение. Присвоив ему имя, нажимаем на Create repository from this template для создания репозитория на основе имеющегося шаблона.
Проект успешно создан. Теперь нужно скачать его код в компьютер.
Но прежде проинформируем Git о месте расположения проекта. Нажимаем на Code для получения URL созданного репозитория.
Затем выполняем следующую команду терминала на компьютере:
Клонирование репозитория на локальный компьютер
Установка CLI Netlify
На следующем этапе необходимо установить инструмент командной строки Netlify. Для этого выполняем команду:
Далее авторизуемся с помощью ntl login :
По завершении этого процесса инструктируем Netlify создать веб-сайт с репозиторием. В каталоге проекта выполняем данную bash-инструкцию:
Проверяем, что выбраны следующие опции:
Теперь протестируем настройки и запустим веб-приложение следующим образом:
Как видим, веб-сервер приведен в состояние готовности для реализации намеченных целей разработки.
Результат выполнения команды терминала
Это означает, что настройки заданы корректно! Нажимаем на клавиатуре CTRL + C для завершения работы сервера.
Структура проекта
В каталоге netlify/functions создаем файлы:
В итоге каталог проекта должен выглядеть следующим образом:
Структура проекта
А теперь приступаем к программированию!
Создание приложения
Установка зависимостей
Для приложения потребуются такие модули:
Для получения этих зависимостей выполняем команды:
Парсинг сайта
В данном разделе создадим функцию, которая проинструктирует Node.js извлечь основное содержимое с нужной страницы.
Переходим к файлу netlify/functions/utils/readerUtils.js и пишем в нем следующий код:
Далее добавляем в этот файл нижеуказанный код:
Несколько пояснений к нему:
Проверка валидности ввода пользователя
Здесь мы прописываем метод, выполняющий проверку на валидность, которая покажет, ввел ли пользователь корректный URL.
Для этого пишем следующий код в readerUtils.js :
Отправка обработанных данных
После того как мы выполнили проверку на валидность и провели парсинг нужной пользователю веб-страницы, остается лишь отправить ответ клиенту.
Добавляем нижеуказанный блок в readerUtils.js :
Разберем данный код детально:
Связывание утилит с приложением
На этом с кодом для утилит мы закончили. Теперь наша задача — связать эти функции с API.
В reader.js пишем код:
Тестирование
Перед публикацией API проверяем, все ли работает. Для локального запуска API, выполняем команду:
Результат выполнения команды
Для выполнения запроса к API задействуем следующий синтаксис:
Результат запроса
Как видно, код работает! Далее узнаем, как развернуть API с открытым доступом.
Развертывание
Netlify позволяет легко обновлять веб-сайт — просто отправляем код на GitHub:
Тем самым Netlify получает указание изменить код и опубликовать его на сервере.
Теперь возвращаемся на домашнюю страницу Netlify и выбираем наш сайт:
Нажимаем на имя сайта
Далее кликаем на Functions и получаем перечень функций, связанных с сайтом.
Выбираем имя функции. В данном случае это reader :
Вам будет предоставлена конечная точка API для вызова вашего метода.
На старт, внимание, запуск!
Вызываем конечную точку API с помощью клиента API. Так мы убедимся, что все работает.
Поздравляю! С помощью Netlify мы создали работоспособную бессерверную функцию.
Заключение
С недавнего времени бессерверная архитектура несомненно приобрела популярность. Если трафик вашего приложения рассчитывается на основании фактического потребления, то бессерверные функции станут отличным решением.