Скрытие элементов в вебе

Благодаря нашей работе #веб-разработчиков нам нужно скрывать элементы по многим причинам. Например, кнопка, которая должна быть видна в мобильном окне просмотра и скрыта в окне просмотра в декстопе. Или элемент навигации, который скрыт на мобильном устройстве и отображается в десктопе.

#html #css

https://dev-gang.ru/article/skrytie-elementov-v-vebe-3zoi5nbzxo/

Как добавить #GoogleTagManager в приложение #Angular

Простое руководство по добавлению сервиса #GTM в ваше Angular приложение

https://dev-gang.ru/article/kak-dobavit-google-tag-manager-v-prilozhenie-angular-r5hzbooynn/

Введение в #Python Set Add() с примерами

Python set add() - это встроенная функция, которая используется для добавления элемента в любой набор. Метод set add() добавляет данный элемент к набору, если элемент отсутствует в наборе. Если элемент уже присутствует в этом наборе, он не добавляет этот элемент, потому что, как мы знаем, в наборе нет повторяющихся значений.

https://dev-gang.ru/article/vvedenie-v-python-set-add-s-primerami-7hkduvlxbk/

Как легко перейти с #JavaScript на #TypeScript

В этой статье мы обсудим, как легко перейти с JavaScript на TypeScript, чтобы воспользоваться преимуществами гибкого, но строго типизированного языка.

https://dev-gang.ru/article/kak-legko-pereiti-s-javascript-na-typescript-dp9ihaa7ka/

Разница между созданием #React приложений, рендерингом на стороне сервера и #Gatsby

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

#SSR

https://dev-gang.ru/article/raznica-mezhdu-sozdaniem-react-prilozhenii-renderingom-na-storone-servera-i-gatsby-6w8mfkfyoz/

#NodeJS: Управление тысячами задач с pscraper/taskm

Каждый кодер должен испытать это, используя цикл for для обработки большого количества задач. Например, скачивание 999 999 999 изображений, удаление 999 веб-сайтов с форума. For-Loop хорош, если все идет хорошо, но всякий раз, когда возникает исключение (особенно задания, связанные с HTTP / Internet) и вызывает остановку программы. Как мы обычно имеем дело c Restart, и вы никогда не узнаете, когда удача придет и задача закончится.


https://dev-gang.ru/article/nodejs-upravlenie-tysjaczami-zadacz-s-pscrapertaskm-wfldu4bzb4/

#LocalStorage vs #sessionStorage

Что интересного в них, так это то, что данные сохраняются даже после обновления страницы (для sessionStorage) и полного перезапуска браузера (для localStorage).

https://dev-gang.ru/article/localstorage-vs-sessionstorage-ryu577vc7e/

Как написать тестируемый код | Методология Халила

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

#javascript #react #typescript

https://dev-gang.ru/article/kak-napisat-testiruemyi-kod-metodologija-halila-5xjt25mnhl/

Развертывание #SpringBoot приложений на #Heroku

При разработке веб-приложения естественным шагом является его подключение к сети и предоставление его конечным пользователям. Чтобы сделать эту задачу проще, для размещения вашего приложения доступно множество облачных платформ - Heroku - одна из них.

#Java

https://dev-gang.ru/article/razvertyvanie-spring-boot-prilozhenii-na-heroku-hgj6v72wcj/

#NPM против #NPX - в чем разница?

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

https://dev-gang.ru/article/npm-protiv-npx-v-czem-raznica-hsvo0oxvqs/

Создание диаграмм в приложении #Angular 7 с помощью #ChartJs

В этой статье мы обсудим, как создавать линейные, столбчатые и кольцевые диаграммы с помощью Angular 7 и Chart.js для создания лучшей визуализации ваших данных.

https://dev-gang.ru/article/sozdanie-diagramm-v-prilozhenii-angular-7-s-pomosczu-chartjs-sq54lcajfq/

5 #ChromeDevTools функций, которые вы должны знать

Google Chrome предоставляет надежный набор инструментов, встроенный прямо в браузер, который называется Chrome DevTools. Эти инструменты постоянно обновляются командой разработчиков Chrome, поэтому иногда стоит поискать на сайте DevTools, чтобы узнать, что нового.

https://dev-gang.ru/article/5-chrome-devtools-funkcii-kotorye-vy-dolzhny-znat-x1hd1j7uym/

Hello Word c #Django

В этой статье мы узнаем, как разработать и запустить приложение python-Django менее чем за 5 минут. Необходимое условие: #Python3.

https://dev-gang.ru/article/hello-word-c-django-kyvy082xw9/

IF ELSE в #Django шаблонах

https://dev-gang.ru/article/ispolzovanie-if-else-v-django-shablonah-fsxwrffzyp/

#CSS: Почему вы должны использовать представление цвета в HSL?

Когда вы стилизуете свои фронты, не имеет значения, используете ли вы CSS, Sass, styled-компоненты, emotion, CSS-модули или что-то еще. Вы часто используете HEX или RGB для определения цвета. Это неправильно? Ты можешь сделать это лучше? Да, в самом деле! В статье ниже я попытаюсь представить вам, почему стоит использовать цветовое представление HSL в CSS.

https://dev-gang.ru/article/css-poczemu-vy-dolzhny-ispolzovat-predstavlenie-cveta-v-hsl-zy1eqxf7os/

#StyledComponents, современный способ обработки #CSS в #React

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

Одна из библиотек на пике популярности - 💅 styled-components.

https://dev-gang.ru/article/styled-components-sovremennyi-sposob-obrabotki-css-v-react-9u2krqfa69/

Тайм-ауты HTTP-запросов в #Go для начинающих

Тайм-ауты - это одна из примитивных концепций надежности в распределенных системах, которая смягчает последствия неизбежных отказов распределенных систем

https://dev-gang.ru/article/taim-auty-http-zaprosov-v-go-dlja-naczinausczih-qammszwtjz/

Использование #ReactHooks в #Gatsby

#JavaScript рассматривает функции как первоклассных граждан. И мы можем увидеть это в React сейчас больше, чем когда-либо с введением Hooks в версии 16.8 Они учитывают манипуляции с состоянием и побочные эффекты на функциональные компоненты.

https://dev-gang.ru/article/ispolzovanie-react-hooks-v-gatsby-5vimia5kcn/

Как масштабировать #WebSocket?

Как разработчик, вы, вероятно, знаете разницу между вертикальным и горизонтальным масштабированием. Но если у вас нет большого опыта работы с протоколом WebSocket, вы можете не осознавать, что горизонтальное масштабирование для него не так просто, как с обычным REST API. В этом руководстве мы узнаем, как масштабировать серверы WebSocket, на простых практических примерах.

https://dev-gang.ru/article/kak-masshtabirovat-websocket-7qc8oecpbl/

#Electron и #Typescript - Приложение для просмотра файлов на рабочем столе

В этой статье мы собираемся создать собственный файловый менеджер с возможностью просмотра нескольких папок или файлов одновременно. Мы будем использовать TypeScript поверх библиотеки Electron.

https://dev-gang.ru/article/electron-i-typescript-prilozhenie-dlja-prosmotra-failov-na-raboczem-stole-e92mjnnciy/

API браузера #TimingNavigation - Отслеживайте и улучшайте производительность веб-сайта в #JavaScript

API навигации хранит записи производительности в буфере записи производительности. Проще говоря, это означает, что они хранят показатели производительности для страниц и ресурсов в списке, доступном для JavaScript. Эти методы существуют в пространстве имен window.performance.

https://dev-gang.ru/article/api-brauzera-timing-navigation-otslezhivaite-i-uluczshaite-proizvoditelnost-veb-saita-v-javascript-jiw0sxfn65/