🛠 Pagemap — оригинальный JS-плагин, который добавляет мини-карту макета вашего веб-сайта рядом с полосой прокрутки, подобно тому, что вы видите в редакторах кода, таких как VSCode. Очень полезно для веб-сайтов с документацией и других страниц с большим количеством текста.

#инструменты #js

💡 Используйте Django debug toolbar

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

Django debug toolbar позволяет просмотреть все выполненные SQL запросы в процессе рендеринга представления и вы также можете просмотреть stacktrace для любого из них.

#советы #coding #python #web

Выберите правильный вариант 👇🏼 #test #js

📑 Это не легаси-код, это PHP

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

#статьи #php

♥️ Наши телеграм боты

UI8 Bot — бот предоставляет безлимитный доступ к сайту ui8.net Стоимость доступа на сайте стартует от 188$ с ограничениями на загрузки. Стоимость в нашем боте начинается от 4$ в месяц без каких-либо ограничений.

Craftwork Bot — предоставляет полный доступ к сайту craftwork.design намного дешевле.

Боты работают очень просто: присылаете ссылку в бота, а бот в ответ присылает файл для скачивания. Попробуйте сами!

🛠 Hover — коллекция эффектов наведения на CSS. Все анимации можно применять к ссылкам, кнопкам, логотипам, SVG и многому другому. Очень легко настраивается и доступна в CSS, Sass и LESS.

#инструменты #css

💡 Django юнит-тестирование

Юнит-тестирование хороший способ убедится что ваши изменения в коде работают так, как ожидается и не ломают предыдущий код. Одна из прекрасных возможностей Django — это то, что писать юнит тесты невероятно просто. Django предлагает возможность использовать doctest или unittest прямо из коробки, а документация Django содержит отличные обучающие материалы и примеры кода, как настроить юнит тесты, чтобы обнаружение багов стало еще более простым занятием.

#советы #coding #python #django #web

🔥 Лучшее на канале за неделю

1. Разработка PWA с поддержкой распознавания лица и голоса.

2. Pagemap — оригинальный JS-плагин, который добавляет мини-карту макета вашего веб-сайта рядом с полосой прокрутки, подобно тому, что вы видите в редакторах кода, таких как VSCode.

3. Django юнит-тестирование.

📑 Ускорение JPEG-кодирования с использованием нескольких потоков

Стандарт JPEG появился в 1992 году. С тех пор JPEG-изображения оказались неразрывно связаны с цифровой фотографией, они используются практически в каждом приложении, которое работает с изображениями фотографического качества. Причина того, что стандарт JPEG был так быстро принят всем миром, того, что он стал практически универсальным способом хранения изображений, заключается в том, что в нём одновременно используется несколько подходов к сжатию изображений. Один из этих подходов основан на понимании ограничений системы зрительного восприятия информации человеком, и того, какую информацию, наиболее важную, нужно сохранить, а от какой, менее важной, можно избавиться.

#статьи

Выберите правильный вариант 👇🏼 #test #php

🛠 Loaders.css — коллекция анимированных загрузочных спиннеров с более чем 25 различными дизайнами. Все анимации создаются только с помощью CSS, что делает их очень простыми в использовании и настройке. Она также гарантирует, что анимация работает во всех современных браузерах.

#инструменты #css

💡 Присвоения примитивных и ссылочных типов

▍Часть 1

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

JavaScript всегда использует присвоение по значению. И это очень важно: когда присваиваемое значение является одним из 5 JavaScript’овых примитивов (Boolean, null, undefined, String и Number) — присваивается фактическое значение. Однако, когда присваиваемое значение является типом Array, Function или Object, присваивается ссылка на объект в памяти.

В следующей части рассмотрим примеры.

#советы #coding #js #web

Выберите правильный вариант 👇🏼 #test #js

📖 JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание
🖋 А. Кириченко, 2020

В книге последовательно затронуты все аспекты производства JavaScript-кода: от выбора архитектуры и конструирования кода до покрытия модульными тестами, отладки, интеграционного тестирования, сборки и непрерывной поставки вашего кода.

💾 Скачать книгу

#book #js

📑 Запускаем свой RTMP сервер для стриминга

Иногда YouTube или Twitch не подходят как стриминговая платформа — скажем, если вы пилите портал с вебинарами или контентом 18+, нарушаете авторские права или хотите максимально отгородить свою трансляцию от остального интернета. У них есть много альтернатив как в виде сервисов (те же минусы, недостаток контроля и непредсказуемая политика), так и в виде self-hosted решений.

В этой статье мы разберём минимальную цепочку действий для запуска своего RTMP-сервера с плеером.

#статьи #web #coding

🛠 Moveable — интересная библиотека, которая принимает любой HTML-элемент и переводит его в режим «свободного преобразования», позволяя захватить его с помощью мыши и изменить его размер, форму, ориентацию и положение.

#инструменты #html

💡 Присвоения примитивных и ссылочных типов

▍Часть 2

Перед прочтением рекомендуем ознакомиться с первой частью.

...Например, в коде ниже переменной var2 присваивается значение var1. Т. к. var1 является примитивом (String), то переменной var2 присваивается строковое значение var1, и она может рассматриваться как отдельная (независимая) переменная. Соответственно, изменения var2 никак не отразятся на var1.

let var1 = 'My string';
let var2 = var1;

var2 = 'My new string';

console.log(var1);
// 'My string'
console.log(var2);
// 'My new string'

А теперь попробуем то же самое с типом Object.

let var1 = { name: 'Jim' }
let var2 = var1;

var2.name = 'John';

console.log(var1);
// { name: 'John' }
console.log(var2);
// { name: 'John' }

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

#советы #coding #js #web

🎁 Бесплатная раздача для подписчиков

Специально для подписчиков наших каналов о программировании, мы бесплатно раздаем файл 📦 Freedom Messaging App UI Kit через UI8 Bot. Чтоб получить этот файл бесплатно, достаточно нажать на кнопку под постом.

Внимание! Раздача ограничена по времени.