Для центрирования контента обычно используется 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

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

Google Cloud выпустил отчёт «State of DevOps 2019»

Всего было опрошено более 30 000 девопс-специалистов.

Что можно оттуда узнать?
— количество elite performers увеличилось до 20% (в 2018 году было 7%);
— elite performers в основном используют облачную инфраструктуру;
— только треть пользователей облачных технологий использует их полную функциональность;
— в компаниях до 5 000 человек девопс-технологии работают эффективнее.

Полный отчёт здесь: https://tprg.ru/umtq

#devops

⁠Mozilla против таргетинга

В новой версии Firefox по умолчанию запрещено отслеживание cookies, которые используются для составления портретов пользователей для рекламного таргетинга: https://tprg.ru/Qj4v

В Mozilla рассказали, что до Firefox 69 только 20% пользователей использовали возможность запрета отслеживания по cookies.

Подробные уроки по Laravel 5 от Джеффри Вэя с озвучкой на русском языке

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

Все уроки — в плейлисте на YouTube: https://tprg.ru/AGHU

#laravel #php

Бесплатная конференция для JavaScript-разработчиков PiterJS

Пройдёт 7 сентября в Санкт-Петербурге.

О чём будут рассказывать?
— о техниках оптимизации размера JS/CSS/IMAGE;
— о преимуществах и недостатках функциональных шаблонов;
— о запуске Telegram в VS Code;
— о состоянии современного веба, последних новостях, проблемах и интересных кейсах.

Нужно просто зарегистрироваться: https://tproger.ru/events/piterjs-conf/

#ивенты #javascript

Молния на JavaScript

Видео от нашего подписчика, в котором он показывает, как на JavaScript можно создать простой эффект электроразряда.

Код смотрите на CodePen: https://codepen.io/ThreePixDroid/pen/MWgoqWm

Предыдущие уроки:
— визуализация звука из mp3-файла;
— анимация хаотичных частиц;
— эффект волны.

#фронтенд #javascript

Интерфейс для ввода данных банковской карты, реализованный с помощью React.

Как установить и использовать, читайте в репозитории: https://github.com/medipass/react-payment-inputs

#фронтенд #react

Веб компоненты от Angular к React

В Яндекс.Браузере для разработки интерфейсов на JavaScript используются веб-компоненты. В докладе спикер рассказывает, почему так получилось и нравится ли ему это.

Также он размышляет о веб-компонентах в целом: какими они задумывались и что с ними будет дальше. Ещё рассказывает про закрытие проекта Polymer, а также почему все компонентные фреймворки могут повторить его судьбу.

#фронтенд #javascript #angular #react

Кастомизируемый видеоплеер, написанный на React.

В репозитории — исходники и информация о том, как настроить и использовать: https://github.com/art-mironoff/react-video-markers

#фронтенд #react

Принципы SOLID в проекте на Vue.js

Перевод статьи, автор которой показывает принципы SOLID на примере реального проекта на Vue.js. Понимание их практического использования поможет избежать многих архитектурных ошибок: https://tprg.ru/CYW6

Также читайте подробнее о принципах SOLID.

#фронтенд #vuejs

Тестирование JavaScript и Node.js

В этом репозитории собраны актуальные лучшие практики по тестированию JavaScript и Node.js приложений: https://github.com/goldbergyoni/javascript-testing-best-practices

Подборка из 45+ советов составлена на основе десятков статей, книг и инструментов:
— cтруктура тестов,
— тесты для бэкенда и микросервисов,
— UI-тесты для веб-компонентов,
— анализ эффективности тестов,
— настройка CI.

#javascript #nodejs #тестирование #лучшиепрактики

Обновления стандарта ECMAScript

Обновили синтаксис try-catch блока, добавили несколько новых функций для работы с массивами и строками, а также несколько других небольших изменений. Подробности и примеры здесь: https://tprg.ru/unHP

#javascript #es

Опыт использования Vue.js в «Едадиле»

Руководитель отдела разработки фронтенда «Едадила» рассказывает:
— как они начали использовать Vue ещё с версии 0.11,
— о подводных камнях Vue внутри webview нативного приложения,
— про не «стандартный подход» к организации кода и сборке.

А у нас на сайте — подробная текстовая расшифровка всего видео. Как таймкоды на YouTube, только с подробно расписанными основными тезисами: https://tproger.ru/video/vuejs-in-edadeal/

#фронтенд #vuejs