Обложка канала

WebDEV. Страница 25

19233 @webb_dev

Канал о web-разработке. Новости IT, туториалы, веб-программирование и многое другое.

  • WebDEV

  • WebDEV

    💡 Используйте Memcache Когда низкая производительность может стать проблемой, вы скорее всего захотите установить какую-либо систему кеширования. Django предлагает множество вариантов для кеширования, но лучшим из них на сегодняшний день является memcached. Установить и использовать memcached весьма просто, если вы используете модуль cmemcache. После того как модуль будет установлен, вам нужно внести одну строку в конфигурацию, чтобы ваши страницы начали выдаваться еще быстрее. WebDEV #советы #python #django #web
  • WebDEV

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

  • WebDEV

    📖 JavaScript Cookbook: Programming the Web 🖋 Adam D. Scott, Matthew MacDonald, Shelley Powers, 2021 Зачем изобретать велосипед каждый раз, когда вы сталкиваетесь с проблемой в JavaScript? Эта книга полна рецептов кода для распространенных задач программирования, а также методик создания приложений, которые работают в любом браузере. Вы получите адаптируемые образцы кода, которые можно добавить практически в любой проект, и в процессе узнаете больше о JavaScript. 💾 Скачать книгу WebDEV #book #js
  • WebDEV

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

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

  • WebDEV

    💡 Подборка инструментов ▫️ Stylestage — современная витрина CSS, оформленная открытым сообществом. ▫️ Halfmoon — интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS. ▫️ Spirit Studio — браузерный инструмент анимации, помогающий дизайнерам и разработчикам создавать свои анимации и управлять ими в режиме реального времени. ▫️ Meanderer — маленькая библиотека JavaScript для создания отзывчивых траекторий анимации. ▫️ Happy Hues — палитры отобранных цветов, которые будут уместны в определённом контексте. ▫️ MoreToggles — библиотека на чистом CSS со множеством приятных глазу переключателей. WebDEV #подборка #инструменты
  • WebDEV

    💡 Визуализация моделей в Django Установите Django Command Extensions и pygraphviz и затем используйте следующую команду чтобы получить удобную визуализацию моделей проекта в Django:
    ./manage.py graph_models -a -g -o my_project.png
    
    
    WebDEV #советы #python #django #web
  • WebDEV

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

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

    Vite is a JavaScript build tool that makes it faster and easier to build web applications. It's similar to tools like Webpack, but relies on modern browser features like ES Modules to simplify and speed-up the build process. #javascript #webdev #100SecondsOfCode 🔗 Resources Vite Docs https://vitejs.dev Vite SSR Plugin https://vite-plugin-ssr.com Learn more about JS Bundlers https://youtu.be/5IG4UmULyoA 🔥 Get More Content - Upgrade to PRO Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment. 🎨 My Editor Settings - Atom One Dark - vscode-icons - Fira Code Font 🔖 Topics Covered - What is Vite.js? - Vite vs Webpack - Who created Vite? - How does Vite work? - Module Bundlers in JavaScript

    YouTube
  • WebDEV

    💡 Преобразуем строку в число Распространенная задача разработки – преобразование строковых значений в числовые.
    const num1 = parseInt("100");
    const num2 =  parseFloat("11.11");
    
    
    Чтобы не выбирать между parseInt и parseFloat и не писать много букв, мы можем использовать унарный оператор +. Он вызывает неявное преобразование значения, стоящего справа от него, в число.
    const num1 = +"100";
    const num2 =  +"11.11";
    
    
    Если вы еще не используете в своем коде приемы из этой подборки, самое время начать. Это позволит сократить код и сделать его компактнее. Однако помните, что сокращение ради сокращения – это большая ошибка. Между ясностью и краткостью всегда выбирайте ясность! WebDEV #советы #coding #js
  • WebDEV

  • WebDEV

    💡 Меняем взгляд на перебор элементов массива Императивный цикл 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
  • WebDEV

    📖 Web Application Security 🖋 Andrew Hoffman, 2020 Несмотря на то, что доступно много ресурсов с информацией по обеспечению безопасности сети и ИТ, подробные знания о безопасности современных веб-приложений не были структурированы - до выхода данной книги. Это практическое руководство содержит описывает разнообразные концепции информационной безопасности, которые разработчики программного обеспечения могут легко освоить и применить. 💾 Скачать книгу WebDEV #book #Security
  • Реклама

  • WebDEV

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

    GitHub теперь в Telegram! Подписывайтесь: @github_ru
  • WebDEV

    💡 Избавляемся от конструкции if-else Конструкция if-else привычна и всем знакома.
     value;
    if (num > 0) {
        value = 'positive';
    } else {
        value = 'negative';
    }
    
    
    Если логика, которую она реализует, не является очень сложной, мы можем без проблем заменить if-else на более краткий и читабельный тернарный оператор.
     value = num > 0 ? 'positive' : 'negative';
    
    
    WebDEV #советы #coding #js