💡 Преобразуем строку в число

Распространенная задача разработки – преобразование строковых значений в числовые.

const num1 = parseInt("100");
const num2 =  parseFloat("11.11");

Чтобы не выбирать между parseInt и parseFloat и не писать много букв, мы можем использовать унарный оператор +. Он вызывает неявное преобразование значения, стоящего справа от него, в число.

const num1 = +"100";
const num2 =  +"11.11";

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

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

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

Vite за 100 секунд

Vite — это инструмент для сборки JavaScript, который позволяет быстрее и проще создавать веб-приложения. Он похож на такие инструменты, как Webpack, но опирается на современные функции браузера, такие как модули ES, для упрощения и ускорения процесса сборки.

📺 YouTube

WebDEV #видео #js

🛠 Browserling позволяет просматривать сайты в различных браузерах. Например — в Opera, Chrome и Firefox. Оно, кроме того, позволяет выбирать операционную систему, в которой работает интересующий нас браузер, в частности — разные версии Windows и Android.

WebDEV #инструменты #web

💡 Визуализация моделей в Django

Установите Django Command Extensions и pygraphviz и затем используйте следующую команду чтобы получить удобную визуализацию моделей проекта в Django:

./manage.py graph_models -a -g -o my_project.png

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

💡 Подборка инструментов

▫️ Stylestage — современная витрина CSS, оформленная открытым сообществом.

▫️ Halfmoon — интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS.

▫️ Spirit Studio — браузерный инструмент анимации, помогающий дизайнерам и разработчикам создавать свои анимации и управлять ими в режиме реального времени.

▫️ Meanderer — маленькая библиотека JavaScript для создания отзывчивых траекторий анимации.

▫️ Happy Hues — палитры отобранных цветов, которые будут уместны в определённом контексте.

▫️ MoreToggles — библиотека на чистом CSS со множеством приятных глазу переключателей.

WebDEV #подборка #инструменты

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

1. Vite за 100 секунд.

2. Browserling позволяет просматривать сайты в различных браузерах.

3. Визуализация моделей в Django.

WebDEV #test #React

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

💡 Virtualenv в Django

Virtualenv + Python = палочка-выручалочка. Virtualenv будет изолировать настройки Python/Django для каждого отдельного проекта. Это значит, что изменения одного сайта не затронут другие сайты. Также это может оказаться удобным, когда на сервере необходимо держать разные версии Django или python.

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

📖 JavaScript Cookbook: Programming the Web
🖋 Adam D. Scott, Matthew MacDonald, Shelley Powers, 2021

Зачем изобретать велосипед каждый раз, когда вы сталкиваетесь с проблемой в JavaScript? Эта книга полна рецептов кода для распространенных задач программирования, а также методик создания приложений, которые работают в любом браузере. Вы получите адаптируемые образцы кода, которые можно добавить практически в любой проект, и в процессе узнаете больше о JavaScript.

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

WebDEV #book #js

🛠 JavaScript30 — 30-дневный челлендж по VanillaJS. Выполните 30 заданий за 30 дней, следуя 30 руководствам.

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

💡 Используйте Memcache

Когда низкая производительность может стать проблемой, вы скорее всего захотите установить какую-либо систему кеширования. Django предлагает множество вариантов для кеширования, но лучшим из них на сегодняшний день является memcached.

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

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

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

1. JavaScript Cookbook: Programming the Web.

2. JavaScript30 — 30-дневный челлендж по VanillaJS.

3. Virtualenv в Django.

WebDEV #test #css

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

💡 Автозагрузка кастомных тегов, которые можно использовать во всех шаблонах

from django import template
template.add_to_builtins('project.app.templatetags.custom_tag_module')

Если добавить это в модуль который загружается по умолчанию (settings.py,urls.py,every app models.py), у вас будут доступны все теги и фильтры из вашего кастомного модуля в любом шаблоне, без использования {% load custom_tag_module %}.

Аргументом к template.add_to_builtins() может быть путь к любому модулю; ваш кастомный модуль не обязательно должен быть привязан к какому то определенному приложению.
Например, это так же может быть модуль расположенный в корневом каталоге проекта (например: 'project.custom_tag_module').

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

React Query за 100 секунд

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

📺 YouTube

WebDEV #видео #ReactQuery

🛠 DrawKit — на данном ресурсе можно находить бесплатные векторные изображения для своих проектов. Это — качественные, профессиональные рисунки, которые можно использовать на сайтах без ссылки на их источник.

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

💡 Ревью верстки

Code-review для верстки часто пренебрегают, отчасти, возможно, из-за сложившегося стереотипа, что верстать нужно, набрав побольше воздуха, зажмурившись и раскидываясь хаками и костылями, пока не будет достигнута та самая неуловимая кроссбраузерность. А поддерживать чужую верстку — только человеку с крепкими нервами и достаточным запасом медикаментов.

Но на самом деле важно не только тестирование, но и ревью. Особенно важно ревьюить стажеров и новичков, чтобы скорректировать недочеты и не дать сформироваться вредным привычкам. В данной серии постов будут рассмотрены типичные ошибки верстальщиков-новичков и советы по их устранению.

WebDEV #советы #web

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

1. React Query за 100 секунд.

2. DrawKit — на данном ресурсе можно находить бесплатные векторные изображения для своих проектов.

3. Автозагрузка кастомных тегов, которые можно использовать во всех шаблонах.