В блоге докера вышла подборка лучших публикаций по 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

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

Как нужно проектировать API, чтобы пользователи вас ненавидели?

Вот несколько простых советов: https://tprg.ru/kUYQ

#бэкенд #api

Хотите добавить в свой сайт необычных UI-компонентов?

Присмотритесь к этим: https://tprg.ru/nqPY

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

Курс по SOLID-принципам

Небольшой текстовый курс, в котором вы сможете познакомиться с SOLID-принципами. Курс разбит на 3 логических этапа:

1. Сперва вы напишите простое JavaScript-приложение.
2. Затем познакомитесь с SOLID-принципами.
3. А после этого вы перепишите начальное приложение, уже используя в нём изученные SOLID-принципы.

Ссылка на курс: https://tprg.ru/tiQ2

#javascript #solid

Чем URI отличается от URL? И что вообще такое URN?

Краткий ответ — на картинке в посте, подробное объяснение — в этой статье: https://tprg.ru/3DXG

#интернет

Как защитить себя от слежки в интернете: разбираемся с конфиденциальностью в Firefox

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

Рассказываем, как защититься от такого навязчивого внимания и сохранить свои данные в секрете, используя инструменты браузера Firefox:

https://tprg.ru/MhGJ

#firefox #безопасность

Как вам такой «Сапёр» на чистом CSS?

Исходники смотрите здесь: https://tprg.ru/Af4B

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

​Анимация перемещения волн по окружности

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

Ссылка на код: https://tprg.ru/k4sI

Другие уроки по анимации:
— эффект притяжения и отталкивания частиц;
— анимация хаотичных частиц;
— эффект волны;
— эффект электроразряда.

#фронтенд #javascript

70 вопросов по JavaScript

Большая подборка из популярных вопросов с ответами для подготовки к собеседованию по JavaScript:

https://bit.ly/2QTT8EJ

#javascript

Руководство по IndexedDB

Это NoSQL база данных, которую можно использовать внутри браузера для хранения большого количества данных. Если вы создаёте веб-приложение или расширение для браузера, в котором хранится много данных, на IndexedDB стоит обратить внимание.

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

https://tprg.ru/dVa7

#бэкенд #базыданных #indexeddb

Как «:is()» упрощает фронтенд-разработчику жизнь:

https://tprg.ru/hIsG

#фронтенд #javascript

​Анимирование SVG

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

#фронтенд #svg