Как прятать элементы на странице

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

В статье читайте:
— про способы скрытия элементов при помощи HTML и CSS;
— о том, когда это уместно делать;
— как делать красивую анимацию скрытия;

https://tprg.ru/bD0r

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

Использование IndexedDB с Vue.js

Статья, автор которой на простом примере показывает взаимодействие IndexedDB с Vue.js:

https://tprg.ru/gvCO

Также читайте: основы использования IndexedDB

#фронтенд #базыданных #indexeddb

Несколько способов создания карусели изображений на чистом CSS:

https://tprg.ru/NWah

#фронтенд #css

Лучшие IT-выступления прошлого года

Составили несколько подборок лучших IT-выступлений прошлого года по нашей версии. Делимся с вами подборками по веб-разработке и дизайну интерфейсов:

— веб-разработка: https://tprg.ru/u1lc
— UX и дизайн: https://tprg.ru/JiPQ

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

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

В этом репозитории собрано большинство основных алгоритмов, написанных на JavaScript и протестированных:

https://bit.ly/2tjcHPb

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

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

Node.js vs Python. На чём писать бэкенд?

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

https://tprg.ru/QfHm

В результате сравнения небольшое преимущество автор отдал Node.js. А какую технологию предпочитаете вы?

#бэкенд #nodejs #python

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

https://tprg.ru/Mvk1

Читайте также: возможности облака для разработчиков

#devops #облака #безопасность

​Актуальный чек-лист для создания производительных веб-приложений

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

https://tprg.ru/Tq13

#фронтенд #шпаргалки

brython — интерпретатор Python на JS

https://tprg.ru/NVE1

Его разработали, чтобы заменить JavaScript во фронтенд-разработке. С его помощью можно вызывать нативные JS-функции, использовать canvas, отправлять AJAX-запросы, импортировать модули и т.д..

Для работы с кодом есть онлайн IDE c автодополнением. Различные демки можно посмотреть здесь.

С таким инструментом и «full stack» в резюме написать не стыдно.

#фронтенд #python

Подборка из 90+ ресурсов, которые помогут разобраться в дизайне. Полезно не только дизайнерам, но и продактам, PM'ам, разработчикам:

https://tprg.ru/vu7U

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

Приёмы и хитрости, которые упростят жизнь разработчика

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

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

https://tprg.ru/jgZ6

​Огромная подборка типичных задач с собеседований по JavaScript

https://tprg.ru/HNKc

Всего 145 задач. Многие из них типа «Что будет выведено в консоль после выполнения кода?». При необходимости можно выбрать русскоязычную версию подборки.

#javascript

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

Подписывайтесь, заваривайте себе кофейку и смотрите, как сотрясается айти: @tproger_official_bot

​Node-RED — визуальный язык программирования с Node.js под капотом

Есть написанные на JS + HTML ноды, для которых можно задавать разные свойства, есть связи между нодами. Можно просто открыть Web IDE, накидать нод, задать свойства, задеплоить, и код улетит на бэкенд в Node.js рантайм и сразу же там исполнится.

Получившийся визуальный код можно сохранить в виде JSON-списка нод. Встроенные ноды позволяют работать с HTTP-запросами, MQTT, веб-сокетами, TCP, UDP, читать и парсить файлы в разных форматах.

Документация, начальные настройки на сайте языка: https://tprg.ru/1rZv

Cookbook с разными примерами кода: https://tprg.ru/ihT1

#бэкенд #nodejs

Годный справочник по методам console в JavaScript:

https://tprg.ru/AMbB

#javascript

Основы Kubernetes

Репозиторий, в котором новичок может шаг за шагом прокачаться в Kubernetes:

https://tprg.ru/W0pc

Начинается всё с основ работы в Docker, а потом идёт детальный разбор основных тем по Kubernetes.

#devops #kubernetes

7 CSS-свойств, о которых вы ничего не слышали

https://bit.ly/2v9qfgN

Например, в CSS есть свойство «caret-color», которое позволяет менять цвет курсора.

#фронтенд #css

Подробный чек-лист для тех, кто хочется разработать свою систему дизайна для продукта:

https://tprg.ru/QjEv

#дизайн

​Когда же всё таки можно использовать !important?

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

Наш подписчик попробовал разобраться, когда же всё-таки !important уместен:

https://tprg.ru/3Sxd

#фронтенд #css

В JavaScript есть 2 популярных метода для итерирования: forEach() и map(). В чём между ними разница? Что по производительности?

Автор статьи попытался разобраться:

https://tprg.ru/7bO5

#javascript

Советы по Vue.js

12 годных советов, которые помогут сделать ваш Vue.js код лучше

https://tprg.ru/z3Ve

#фронтенд #vuejs