Разработка веб-сайтов™ *

В разработке цветет™ культ Карго. Многие™ программисты полагаются на слова, которые сказал™ какой-то очень уважаемый автор десятки лет назад. Они продолжают разрабатывать код, опираясь на подходы, которые либо не актуальны, и даже сам автор уже давным™-давно поменял свою точку зрения™. И сегодня мы поговорим о некоторых очень распространенных принципах программирования, которые не так однозначны, как может показаться на первый™ взгляд™.

Меня зовут Кирилл™ Мокевнин, и я — сооснователь школы программирования Хекслет. За последние пару лет я провел™ собеседования с более чем 400 человек, потенциальными наставниками по совершенно разным™ направлениям в разработке. В результате у меня собралась большая выборка наблюдений, которые мы и разберем в этой статье™.

В данной™ статье™ я привёл™ решение проблемы интеграции Apache™ Camel метрик™ с Spring™ Boot Actuator Prometheus, которое мне не встречалось в интернете.

Подходит концу 2021 г. и я думаю сейчас™ самое время подвести итоги как продвигалась веб разработка в условиях пандемии в мире и какие технологии сейчас™ используется для веб-программирования. 

Сегодня я хотел бы затронуть тему фреймворков. И сделать небольшое сравнение с одной малоизвестной технологией. Основную лидирующую позицию, в рейтинге самых популярных фреймворков для веб-разработки, сейчас™ занимает - фреймворк React.

Платформы с предложениями о работе™ в IT-сфере, просто™ кишат вакансиями фронтенд разработчиков со сознанием React.

С одной стороны React нам дал возможность частями программировать интерфейс пользователя, разбирая его на части. А с другой™ стороны мы получили “молоток и гвозди™” с помощью которых нам придется построить дом. И получилось так что сообщество программистов использует фреймворк React, чтобы написать свой фреймворк. И поэтому на рынке появляются новые фреймворки, основанные на React, которые уже решают™ конкретные задачи™ на реальных проектах. Одним из таких фреймворков является Next.js. 

Меня подтолкнула к написанию данной™ статьи™, огромное количество статей™ и обучающих видео в интернет пространстве о возможностях Next.js. А конкретнее сказать, я начал разбираться в чем же всё-таки преимущество этого Next.js. И к моему удивлению, я понял, что MastermindCMS2, которую я успешно использую на множестве проектов, решает™ те же проблемы, что и пытались решить™ разработчики Next.js.

А вот что конкретно сделали разработчики Next.js мы рассмотрим и сравним в этой статье™ с технологией MastermindCMS2. Поехали!

Мне рассказывали когда-то о компании, которая писала™ бекенд™ на Java и хотела™ нанимать талантливых разработчиков. Чтобы привлечь их, эта компания размещала вакансии на Haskell, и потом уговаривала этих кандидатов все-таки писать™ на Java. По-моему, это не очень красиво (вешать™ ложное™ объявление — нехорошо), но нас сегодня интересует сама идея, лежащая в основе™ этой тактики: толковый разработчик важнее™, чем стек, которым он пользовался в последнее время.

Вот небольшое видео, иллюстрирующее эту идею:

На днях я смотрел кино, где оператор использовал телеграф. Он знал наизусть азбуку™ Морзе и очень быстро™ нажимал свою единственную кнопку™. Я задумался: с RxJS мы способны на большее! Давайте запилим телеграф, используя единственный fromEvent и массу интересных трюков™. Потренируемся с Dependency Injection, директивами и операторами RxJS, чтобы собрать демо, которое выглядит круто и звучит™ аутентично.

Привет™, друзья™!

На досуге™ разработал шаблон™ Node.js-сервера для аутентификации/авторизации, которым хочу с вами поделиться. Надеюсь, кому-нибудь™ пригодится.

Обратите внимание: шаблон™ — это всего лишь хорошая отправная точка, с которой можно начать™ разработку собственного сервиса. Он не предназначен для использования в продакшне как есть, поскольку настройки, определяющие гибкость его архитектуры и уровень его безопасности, зависят от потребностей конкретного приложения и должны™ быть реализованы вручную.

Также обратите внимание, что в коде имеется несколько console.log для облегчения процесса разработки приложения. В продакшне они не нужны. В производственном режиме™ также не следует возвращать столь информативные message.

Если возможностей, реализованных в шаблоне, окажется недостаточно, вот парочка более продвинутых инструментов:

• oidc-client™ — разработчик отказался от дальнейшей поддержки, новый мейнтейнер пока не нашелся
• oidc-provider — рекомендация моих более опытных коллег™

Если вас интересует полноценная платформа для аутентификации/авторизации "из коробки", рассмотрите возможность использования Auth0.

Репозиторий

Сервер™ реализован с помощью Express.js

В качестве базы данных™ используется MongoDB Atlas

htmx — инструмент для создания сложных и интерактивных веб-приложений на HTML, альтернатива клиентскому рендерингу на Javascript. В этой статье™ рассказываем, как библиотека помогает переиспользовать элементы на сервере, сократить объем кода на Javascript и отказаться от сборки™.

Привет™! Публикуем полезные материалы по Ruby с нашего™ митапа™. Из видео узнаете:

— Как СберМаркет решает™ проблему нехватки Ruby-специалистов.

— Как на Ruby реализовать модель™, сопоставимую по возможностям целому™ компьютеру.

— Плюсы и минусы™ новой серии библиотек smart-rb и уже известной в Ruby-коммьюнити dry-rb.

А еще бонус: мы приглашали Стеллу™ Миранду, старшего разработчика в Shopify и организатора RubyConfCo и сообщества Rails Girls Vancouver. Она ответила на вопросы о RoR, работе™ в Shopify, карьерном росте ruby-разработчиков и развитии лидерских качеств, а также о том, как устроены сообщества в Колумбии и Канаде™.

Для удобства везде проставили таймкоды, залетайте на нужные™ темы!

В первой™ части этой дилогии мы написали рантайм контроллер для приложения на golang™. Все что он умеет делать™ — запускать методы™ интерфейса Resources и функцию MainFunc, контролировать результат их выполнения, и корректно обрабатывать сигнал™ операционной системы о завершении работы™. Это не так уж и много, но довольно полезно.

Теперь™ я постараюсь показать, как этот пакет можно использовать на примере простейшего бэкенда для апплета “Труд всем”. Немного поясню™ идею этого апплета. Допустим у нас есть любой сайт — от хомяка™ до новостной ленты, а в любом свободном углу при обновлении страницы показана случайная вакансия. Код апплета будет отправлять запрос™ на сервер™ и получать в качестве результата HTML код (уже готовый рендер™) для вставки на страницу сайта.

Правда™ интригующе? Где же получать информацию о вакансиях? Где хранить эту информацию? Какие критерии отбора™ вакансий использовать? Для того, чтобы узнать™ ответы™ на эти вопросы, прошу заглянуть под кат!

Коллекция советов и приёмов вёрстки с сайта HTMHell.

Добрый™ день, меня зовут Павел Поляков, я Principal Engineer в каршеринг компании SHARE NOW, в Гамбурге в 🇩🇪 Германии. А еще я автор Telegram-канала™ Хороший разработчик знает, где рассказываю обо всем, что должен™ знать хороший разработчик.

Сегодня я хочу поговорить про Рождественские календари для разработчиков. А именно™ - как провести декабрь с пользой.

Наша компания занимается аутсорсингом, мы делаем™ проекты в совершенно разных™ сферах™. Последние полтора года я работал с картами, с визуализацией больших данных™, и сейчас™ я хочу поделиться своим опытом™.

В статье™ будет две части:

1. Теоретическая расскажет о визуализации данных™ на картах™ в принципе, о распространенных JS библиотеках для решения этой задачи™ и их основных возможностях. 

2. В практической рассказ пойдет™ о трудностях, с которыми мы столкнулись, и о путях их преодоления.

Наверняка вы видели™ сервисы, показывающие пробки™ на дорогах. Так вот, большинство примеров будет из одного™ похожего проекта, где мы показывали рейтинг опасности на дорогах: уклон, резкий™ поворот, туман, обледенение, аварии™ — всё это отображается на карте в режиме™ реального времени. Хотите™ знать, как? Прошу под кат.

В новых AR/VR-играх часто заставляют меню как будто парить™ в воздухе. Воссоздадим основу™ этого эффекта, добавим адаптивную цветовую схему и учтём пользователей, предпочитающих поменьше анимации. Меню будет работать со скринридером, геймпадом, сенсорным вводом™ и не только™. Подробностями делимся к старту™ курса по Frontend-разработке.

Приложения с интерфейсом в виде командной строки™ (Command-Line Interface — CLI) стали популярными в экосистеме разработчиков по целому™ ряду причин™. Самые банальные из них — это простота использования (CLI) и то, что многие™ важнейшие инструменты разработки представляют из себя терминальные приложения или предоставляют интерфейс командной строки™, и многие™ разработчики уже к ним привыкли.

Привет™ всем читающим! Меня зовут Владимир, я - технический писатель в компании Docsvision и я здесь, чтобы опубликовать вторую™ часть статьи™ и надрать задницу всем, кто ставил™ дизлайки к первой™ части. Статью™ вы можете™ найти ниже.

В первой™ статье™ я рассказал, как мы выбирали SSG для создания новой документации и как нам пришлось конвертировать DITA сначала в HTML, а потом в AsciiDoc.

В этой статье™ я расскажу, как я начал работать с SSG Antora™, как я настраивал UI и добавлял сквозной поиск по сайту.

Все главные новости из мира Joomla™ за лето и осень 2021 года, в одной статье™.

Традиционно наш дайджест обозревает новости, расширения, шаблоны и статьи™ из мира Joomla™. Прошлый выпуск™ вы можете™ прочитать здесь.

В этом выпуске: главные новости, обзор электронной коммерции, СЕО-продвижение Joomla™, статьи™ о Joomla™, материалы для Joomla™-разработчиков, обзор расширений и шаблонов, ресурсы русскоязычного Joomla™-сообщества.

В России™ около 300 паблишеров, которые могут себе позволить не знать и не учитывать то, о чем написано в этой статье™. И вряд ли вы один из них.

О чем поговорим:

1.       Что происходит на рынке паблишеров и почему™?

2.       К чему это ведет?

3.       Что с этим можно сделать?

4.       Что будет, если вы сделаете только™ лишь вид, что ничего™ не происходит?

Неточности в коде могут стоить™ сотен мегабайт оперативной памяти™ и многих™ часов, потраченных впустую, только™ из-за того, что информация о типе переменной приходит в редактор спустя™ полминуты после наведения курсора.

Если вы хотите™ перейти на TS, читайте эту статью™, чтобы избежать ошибок™ Etsy и взять на вооружение лучшие™ решения компании. Подробности миграции рассказываем, пока у нас начинается курс по Fullstack-разработке на Python™.