У нашего подписчика вышла забавная статья, прочитав которую, вы узнаете, как с помощью кругов в CSS нарисовать... Гомера Симпсона: https://tprg.ru/Ugtc

Здесь можно посмотреть только код: https://tprg.ru/2AFl

#фронтенд #css

Традиционные классы в JavaScript появились только в стандарте ES2015. Предлагаем вам познакомиться с большой статьёй на тему классов в JavaScript: https://tprg.ru/hDc2

В ней узнаете:
— как определить класс,
— как инициализировать экземпляр,
— как определить поля и методы,
— что такое приватные поля, публичные поля, статические поля и методы.

#javascript

​Витраж на HTML и CSS

Видео от нашего подписчика, в котором он показывает, как создать простой витраж на HTML и CSS:

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

Рекомендуем хорошую книгу по Vim.

Можно задонатить автору, а можно не донатить и скачать бесплатно: https://tprg.ru/jHSB

#vim #инструменты #книги

Bastillion — симпатичная панель для настройки работы с SSH на нескольких серверах: https://tprg.ru/q9uN

Есть возможность управления ключами, 2FA, собственные возможности для соединения, аудит и контроль доступа.

#бэкенд #инструменты #ssh

Слайдер для выражения эмоций. Например, можно использовать для получения отзывов от посетителей на сайте.

Исходники тут: https://tprg.ru/kNEL

#css #javascript

Какую самую странную игру вы видели? Эта определённо будет в вашем топе.

Самому поиграть можно здесь:https://tprg.ru/n2b3

#фронтенд #кек

​Эффективный DevOps: 6 способов прокачать команду и себя

В нашей новой статье System Engineering Team Leader из EPAM рассказывает про DevOps принципы и подходы, которых придерживаются разработчики в его команде.

А ещё рассказывает, с чего начать своё развитие в DevOps, и делится кучей полезных ресурсов на эту тему:

https://tprg.ru/qaKz

#devops

Идея для анимации рождественского лоадера

#новыйгод

Топ-100 самых популярных пенов на CodePen за 2019 год: https://tprg.ru/RdNU

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

</2019>
<2020>

В блоге докера вышла подборка лучших публикаций по Docker за 2019 год.

Мы проводим 1 января с пользой и вам рекомендуем: https://tprg.ru/7nuG

#devops #docker

Большое руководство для изучения Angular

https://tprg.ru/XylA

Подойдёт для тех, кто уже разбирается в JS, HTML и CSS.

#фронтенд #angular

​Подборка из 90 вопросов и ответов к ним к собеседованию по JavaScript

https://tprg.ru/aT62

Можно отфильтровать по типу (теоретические, практические) и уровню (для джунов, мидлов или сеньоров).

#javascript

Подборка из 30 фич и советов по использованию Firefox Developer Tools: https://tprg.ru/U1wD

Некоторые из них аналогичны возможностям инструментов в Chrome, для некоторых аналоги в других браузерах отсутствуют.

#фронтенд #firefox #инструменты

Prefetch, preload и другие теги для предзагрузки

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

И очень круто, что это всё очень просто реализовано. Пять тегов дают браузеру команду на предварительные действия:
— prefetch;
— preload;
— preconnect;
— dns-prefetch;
— prerender.

В этой статье чётко расписано, что они делают и когда их использовать:

https://tprg.ru/QO5W

#фронтенд #оптимизация

Как передавать переменные между HTML, CSS и JavaScript с помощью Webpack? Читайте в статье: https://tprg.ru/paSA

Код здесь: https://tprg.ru/eDMW

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

С помощью CSS можно контролировать загрузку фоновых изображений, используя некоторые селекторы.

Как это можно использовать? Да хоть полноценный чат написать на чистом CSS: https://tprg.ru/13E6

#фронтенд #css

На диаграмме выше — архитектура современного веба.

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

https://tprg.ru/shRk

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