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

WebDEV. Страница 27

19233 @webb_dev
Открыть

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

  • WebDEV

  • WebDEV

    💡 Подборка советов по коду в JS ▫️ Оператор опциональной последовательности ▫️ Оператор нулевого слияния ▫️ Spread syntax ▫️ Деструктуризация массива ▫️ Проверка палиндрома в одну строку ▫️ Превращаем атрибуты объекта в массив атрибутов ▫️ Избегайте множественных ИЛИ (||) условий ▫️ Облегчаем доступ к глубоким свойствам объекта WebDEV #подборка #советы #coding #js

  • WebDEV

    💡 Убираем проверки на null, undefined и пустую строку JavaScript имеет мощную систему преобразования типов, фактически он может преобразовать любой тип в любой другой. Если речь идет о логических проверках, то все значения можно разделить на falsy (лживые), которые преобразуются в false, и truthy (правдивые), которые преобразуются в true. 
    if (first !== null || first !== undefined || first !== '') {
    let second = first;
}
    Благодаря этому механизму нет нужды проверять на null, undefined и пустую строку отдельно – каждое из этих значений falsy, то есть преобразуется в false. 
    const second = first || '';
    Вместо этого можно просто воспользоваться оператором логического сложения ||. Он вернет левое значение, если оно истинно, или правое в ином случае. Другими словами, правая часть выражения является значением по умолчанию. WebDEV #советы #coding #js

  • Реклама

  • WebDEV

    Готов поспорить ты не знаешь, как подключиться к базе данных из CSS! Залетай на канал «Будни разработчика», фронтенд и не только. Мы там и не такое умеем 😏

  • WebDEV

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

  • WebDEV

    Next.js 12 is a Beast Обзор на Next.js версии 12. Он наполнен потрясающими функциями, такими как компилятор rust, параллельный режим, серверные компоненты и многое другое. Полный курс. 📺 YouTube WebDEV #видео #js
    Next.js 12 is a Beast

    Your first look at Next.js version 12. It's packed with awesome new features, like a rust compiler, middleware, concurrent mode, server components, and more. Full course https://fireship.io/courses/react-next-firebase/ #js #react #firstlook 🔗 Resources Announcement https://nextjs.org/blog/next-12 Full Course https://fireship.io/courses/react-next-firebase/ 📚 Chapters 00:00 Next.js 12 46:00 Middleware 02:42 Suspense Support 03:16 Server Components 04:41 URL Imports 🔥 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 - Next.js 12 new features - Rust compiler in Next.js - Using suspense with Next.js - React Server Components SSR

    YouTube

  • WebDEV

    💡 Облегчаем доступ к глубоким свойствам объекта Так как обращение к свойству несуществующего объекта в JavaScript вызывает ошибку, мы вынуждены проверять на наличие каждый уровень вложенности. 
    if(obj && obj.address && obj.address.postalCode) {
    console.log(obj.address.postalCode)
}
    Укоротим эту кучу кода с помощью оператора опциональной последовательности ?. (optional chaining). 
    console.log(obj?.address?.postalCode);
    Он делает то же самое, но гораздо элегантнее. WebDEV #советы #coding #js

  • WebDEV

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

  • WebDEV

  • WebDEV

    💡 Избегайте множественных ИЛИ (||) условий Оператор логического сложения (||) возвращает true, если хотя бы одно из условий истинно. Это очень полезная штука, но когда условий много, код выглядит неаккуратно: 
    if (fruit === 'apple' || fruit === 'orange' || fruit === 'banana' || fruit ==='grapes') {
    // код
}
    Вместо использования дизъюнкции мы можем собрать все проверяемые значения в массив и воспользоваться встроенным методом Array.prototype.includes. 
    if (['apple', 'orange', 'banana', 'grapes'].includes(fruit)) {
   // код
}
    Он вернет true, если аргумент совпадает хотя бы с одним элементом массива – именно то, что нам нужно. Это решение более наглядно и намного проще масштабируется при увеличении количества условий. WebDEV #советы #coding #js

  • WebDEV

    Codecademy сделали канал в телеграм! Codecademy — это крупнейшая в мире платформа для изучения программирования. Теперь у них есть русскоязычный канал. Там постят перевод на русский такой инфы, которую не найти ни на одном форуме! Подписывайтесь и прокачивайте свои скиллы: @ccademy

  • WebDEV

    🛠 Parsel — парсер CSS-селекторов в два килобайта. WebDEV #инструменты #css

  • WebDEV

    📖 Go Web Programming 🖋 Sau Sheong Chang, 2016 Go Web Programming научит вас создавать масштабируемые, высокопроизводительные веб-приложения на Go с использованием современных принципов проектирования. Вы узнаете, как реализовать шаблон проектирования внедрения зависимостей для написания тестовых пар, использовать параллелизм в веб-приложениях, а также создавать и использовать JSON и XML в веб-сервисах. 💾 Скачать книгу WebDEV #book #Go #web

  • WebDEV

    💡 Превращаем атрибуты объекта в массив атрибутов Используем Object.entries(), Object.keys() и Object.values(). 
    const obj = { a: 1, b: 2, c: 3 };

Object.entries(obj);

// Output 
// (3) [Array(2), Array(2), Array(2)]
// 0: (2) ["a", 1]
// 1: (2) ["b", 2]
// 2: (2) ["c", 3]
// length: 3

Object.keys(obj);
// (3) ["a", "b", "c"]

Object.values(obj);
// (3) [1, 2, 3]
    WebDEV #советы #coding #js

  • WebDEV

    Разработчик на C#? 📚 Для тебя 24 января в 20:00 пройдет вебинар «Что полезного в новых версиях C#?» в OTUS. На открытом занятии мы разберем: 🔥 Ключевые нововведения релиза .NET 6.0 с C# 10. 🔥 Познакомимся с полезными и часто используемыми новшествами последних версий языка C#. 👉🏻 Для регистрации пройдите вступительный тест https://otus.pw/98zy/

  • Реклама

  • WebDEV

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

  • WebDEV

  • WebDEV

    💡 Проверка палиндрома в одну строку Это не то чтобы какой-то особый трюк, но его полезно знать, когда начинаете работать со строками. 
    function checkPalindrome(str) {
    return str == str.split('').reverse().join('');
}

checkPalindrome('naman');

// Output: true
    WebDEV #советы #coding #js