Алгоритмы и структуры данных

В этом видеодокладе спикер рассказывает, что такое алгоритмы и структуры данных и зачем они нужны. Вы познакомитесь с несколькими популярными алгоритмами, научитесь оценивать их вычислительную сложность, а также узнаете о стандартных структурах в JavaScript.

#алгоритмы #javascript

⁠Как перейти с jQuery на чистый JavaScript

jQuery до сих пор остаётся полезной и практичной библиотекой, но теперь многие простые задачи типа стилизации элементов или получения данных от сервера можно реализовать проще и чище.

Автор этой статьи недавно решил отказаться от jQuery и составил это практическое руководство по самым распространенным паттернам в jQuery и тому, как написать их на чистом JavaScript: https://tprg.ru/Uptm

#фронтенд #javascript #jquery

Справочник по nginx

Ресурсов по nginx много, а хочется, чтоб был один, в котором всё есть. И, собственно, вот он: https://github.com/trimstray/nginx-admins-handbook

Здесь вы сможете узнать о многих функциях и возможностях nginx. Например, как протестировать производительность или решить проблемы с отладкой. Также тут есть инструкции по конфигурированию, паттерны по безопасности, способы решения популярных проблем и многое другое.

#бэкенд #nginx

Об использовании микросервисной архитектуры на практике

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

Читайте доклад, в котором ведущий инженер 2ГИС делится своим кейсом разработки и доставки микросервисов. Рассказывает про архитектурные решения, деплой, возможности масштабирования и удобные инструменты для работы: https://tprg.ru/cYdA

#архитектура

Безопасность Kubernetes

Репозиторий, в котором собраны материалы, исследования, инструменты по безопасности Kubernetes. Статьи, чек-листы, уязвимости и лучшие практики здесь: https://github.com/kabachook/k8s-security

#kubernetes #безопасность #лучшиепрактики

Подборка из 10 форм авторизации/регистрации, написанных на HTML и CSS: https://tprg.ru/nhMV

Можно использовать в оригинальном виде, а можно взять один из вариантов и на его основе придумать что-то своё.

#фронтенд #html #css

В общем случае с помощью shell команды без написания кода и интеграций можно получить любую метрику. Тогда почему бы это всё не визуализировать?

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

Исходники здесь: https://github.com/sqshq/sampler

Почитать подробнее здесь: https://tprg.ru/Tv0Y

#бэкенд #консоль

Кроме канала про веб-разработку у нас ещё есть Типичный программист.

Там рассказываем про важные новости IT-сферы, делимся образовательным контентом и рекомендуем актуальные вакансии.

Подписывайтесь, если ещё не сделали этого: @tproger_official

4 хороших совета по улучшению UX приложений. Всё с примерами и подробным объяснением, почему стоит делать именно так, а не иначе: https://tprg.ru/GWo6

Их понимание позволит вам избегать не только этих, но и других очевидных ошибок при разработке UX.

#фронтенд #дизайн #ux

7 недостающих факторов в подходе 12 Factor App

Мы недавно писали про 12 факторов, соблюдение которых поможет в создании современных веб-приложений.

Разработчики IBM Cloud Private, которые создают микросервисы с использованием Kubernetes, подумали и дополнили исходный список ещё семью факторами: https://tprg.ru/KGob

#лучшиепрактики #kubernetes

Подборка полезных материалов для мобильной веб-разработки от нашего подписчика: https://tprg.ru/haO7

Книги и статьи про оптимизацию, паттерны, ссылки на актуальные стандарты, инструменты и API.

#mobile

Транзакции, локи, паттерны

Автор доклада на простых примерах показывает, как работают на практике транзакции и локи. Рассказывает, где они работают совсем не так, как можно ожидать, с какими задачами сталкивается любой разработчик крупных систем, какие существуют решения и где границы их применимости.

#бэкенд #ruby

Для центрирования контента обычно используется div.container. Самый очевидный минус контейнера — создание лишних блоков в разметке, что приводит к увеличению цепочки вложенностей элементов и понижению читаемости кода.

В этой статье читайте про динамические отступы, которые позволят решить задачу центрирования с помощью способа без недостатков контейнера: https://tprg.ru/zdaP

#фронтенд #css

Ускорение загрузки сайта

Не будем в очередной раз рассказывать о важности производительности веб-приложений. Просто держите подробный гайд по оптимизациям от Google: https://web.dev/fast

Там про оптимизацию картинок, JavaScript и CSS кода, сторонних библиотек, шрифтов, работы с сетью.

#фронтенд #javascript #css

Гайдлайн по конфигурированию nginx

#бэкенд #nginx

Как Google Chrome захватил интернет?

В 2008 году Internet Explorer от Microsoft занимал почти 60% мирового рынка браузеров. Firefox от Mozilla шёл далеко на втором месте, занимая примерно треть рынка. Google Chrome дебютировал на рынке 2 сентября 2008 года и занимал лишь 0,3% рынка.

Спустя десятилетие Chrome фактически захватил всё браузерное пространство. На данный момент его доля составляет почти 70% рынка. Как Google вошли и стали доминировать в совершенно новом для себя секторе всего за десять лет? Читайте в этом материале: https://tprg.ru/bseB

#chrome

Наконец-то запустили бота в телеге: @tproger_official_bot

Что сейчас можно делать

— Внутри главного меню есть ещё одно меню: с нашими IT тестами. Там не хватает только теста, какой тест вам пройти первым.

— В удобном формате узнайте подробности про онлайн школу Huawei и их большое соревнование для айтишников.

— Нейронная сеть (нет) сгенерирует вам такую отговорку для начальства, что вы сможете не приходить на работу не только завтра, но и вообще никогда.

Просто кликайте на «Старт»: @tproger_official_bot

LocalStorage на пальцах

Сегодня делимся с вами статьёй для начинающих веб-разработчиков, которые ещё не знают, что такое localStorage: https://tproger.ru/articles/localstorage/

Если коротко — это средство для хранения данных в браузере пользователя, которые не теряются при перезапуске. Прочитайте, зачем это нужно и как пользоваться.

#фронтенд #javascript

Плавное введение в балансировку нагрузки и проксирование

Балансировка нагрузки помогает делать хорошие распределённые системы. Автор удивляется, что по этому поводу в рунете ничего системно не изложено, и исправляет ситуацию.

Рассматривает особенности терминов «балансировщик нагрузки» и «прокси-сервер», задачи балансировщика, сравнивает балансировку L4 и L7. Простым и понятным языком: https://tprg.ru/7mls

#devops #микросервисы

Иногда не хочется вот этих всех скучных статей и документаций. Хочется просто почитать пошаговый разбор мема про JavaScript. Кстати, вот он: https://tprg.ru/Rpar

#javascript

Архитектура решений автоматизации бэкенда

Автор доклада рассказывает про основные слои и модули решений автоматизации тестирования бэкенда, упоминает популярные инструменты и ограничения, которые они накладывают, рассматривает наиболее востребованные паттерны проектирования и их связки.

Презентация: https://tprg.ru/hZvr

#бэкенд #тестирование