WebDEV #test #js

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

​Развиваете ИТ-продукт и готовитесь к первым продажам? А может, вы уже начали продавать и хотите расти быстрее?

Приходите в акселератор Спринт — бесплатную программу развития ИТ-проектов от ФРИИ и Минцифры России!

Приглашаем технологические компании с готовым продуктом и фокусом на российский рынок.

Что вас ждёт:
🔸Тематический модуль с экспертами и еженедельный трекинг.
🔸Акцент на увеличение продаж и рост выручки.
🔸Участие онлайн или удобный коворкинг в центре Москвы
🔸Накопленный опыт акселерации ФРИИ — 1500 ИТ-проектов!

Условия участия:
🔹У вас есть российское юрлицо
🔹В команде постоянно заняты два и более участника
🔹ИТ-продукт из области новых коммуникационных интернет-технологий
🔹Готовый к началу продаж MVP или первые продажи продукта

Участники акселератора определятся по итогам конкурсного отбора. Все подробности — на сайте. Торопитесь, приём заявок в текущий отбор — до 01 марта!

💡 Избавляемся от конструкции if-else

Конструкция if-else привычна и всем знакома.

 value;
if (num > 0) {
    value = 'positive';
} else {
    value = 'negative';
}

Если логика, которую она реализует, не является очень сложной, мы можем без проблем заменить if-else на более краткий и читабельный тернарный оператор.

 value = num > 0 ? 'positive' : 'negative';

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

🛠 PageSpeed Insights Extension можно использовать для проверки сайтов на проблемы, связанные с их серверной частью. Например, с его помощью можно узнать о том, что замедляет загрузку сайта.

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

📖 Web Application Security
🖋 Andrew Hoffman, 2020

Несмотря на то, что доступно много ресурсов с информацией по обеспечению безопасности сети и ИТ, подробные знания о безопасности современных веб-приложений не были структурированы - до выхода данной книги. Это практическое руководство содержит описывает разнообразные концепции информационной безопасности, которые разработчики программного обеспечения могут легко освоить и применить.

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

WebDEV #book #Security

💡 Меняем взгляд на перебор элементов массива

Императивный цикл for появился на заре программирования и долгое время адекватной замены ему не было.

 arr = [11, 22, 33];
for(let i=0; i<arr.length; i++) {
    console.log(arr[i]);
}

Но сейчас мы можем перебирать массивы в более дружественном декларативном стиле, используя встроенный методы Array.prototype.forEach.

 arr = [11, 22, 33];
arr.forEach((val) => console.log(val));

Важно: метод forEach не дает возможности прервать цикл перебора, не дожидаясь его окончания. Но для этого вы можете воспользоваться методом Array.prototype.some.

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

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

1. Web Application Security.

2. PageSpeed Insights Extension можно использовать для проверки сайтов на проблемы, связанные с их серверной частью.

3. Меняем взгляд на перебор элементов массива.

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

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

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