💡 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. Автозагрузка кастомных тегов, которые можно использовать во всех шаблонах.

WebDEV #test #html

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

💡 Ошибка: копипаста есть, комментариев нет

▍Часть 1

С копипастой нужно быть особенно аккуратным: вдумчиво все перечитать, исправить «под проект» и удалить лишнее. Однажды встретилось:

<meta name="apple-mobile-web-app-title" content="AMC Walking Dead">

При этом обычный <title> содержал совершенно другую строку.

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

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

Продолжение следует...

WebDEV #советы #web

📖 Professional JavaScript for Web Developers
🖋 Matt Frisbie, 2019

Данная книга написана для программистов среднего и продвинутого уровня. Автор объясняет многие технические детали, которые помогут вам в работе с JavaScript. В книге представлены различные темы от ООП в JavaScript до комбинирования JavaScript с HTML и другими языками разметки.

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

WebDEV #book #js

🛠 Devchallenges — участвуйте в крутых испытаниях и развивайте свои навыки, создавая веб-сайты.

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

💡 Ошибка: копипаста есть, комментариев нет

▍Часть 2

Например:

<!-- TODO: change content attribute  -->
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead">
<!--  -->

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

.block {
    font-size: 1.2 rem;
    …
    font-size: 18px;
}

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

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

WebDEV #советы #web

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

1. Professional JavaScript for Web Developers.

2. Devchallenges — участвуйте в крутых испытаниях и развивайте свои навыки, создавая веб-сайты.

3. Ошибка: копипаста есть, комментариев нет.

WebDEV #test #typescript

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