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

WebDEV. Страница 26

19233 @webb_dev
Открыть

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

  • WebDEV

    ​Развиваете ИТ-продукт и готовитесь к первым продажам? А может, вы уже начали продавать и хотите расти быстрее? Приходите в акселератор Спринт — бесплатную программу развития ИТ-проектов от ФРИИ и Минцифры России! Приглашаем технологические компании с готовым продуктом и фокусом на российский рынок. Что вас ждёт: 🔸Тематический модуль с экспертами и еженедельный трекинг. 🔸Акцент на увеличение продаж и рост выручки. 🔸Участие онлайн или удобный коворкинг в центре Москвы 🔸Накопленный опыт акселерации ФРИИ — 1500 ИТ-проектов! Условия участия: 🔹У вас есть российское юрлицо 🔹В команде постоянно заняты два и более участника 🔹ИТ-продукт из области новых коммуникационных интернет-технологий 🔹Готовый к началу продаж MVP или первые продажи продукта Участники акселератора определятся по итогам конкурсного отбора. Все подробности — на сайте. Торопитесь, приём заявок в текущий отбор — до 01 марта!

  • WebDEV

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

  • WebDEV

    Для тех кто просил, открываем доступ в секретный канал на 2 ЧАСА👇 https://t.me/+kx7oWHPduEI5Y2Zi

  • Реклама

  • WebDEV

  • WebDEV

    💡 Устанавливаем дефолтное значение переменной Иногда мы принципиально не хотим, чтобы переменная оставалось неинициализированной или содержала значение null. 
    if(amount === null) {
    amount = 0;
}
if(value === undefined) {
    value = 0;
}

console.log(amount); //0
console.log(value); //0
    Для такой проверки так же отлично подойдет оператор логического сложения (||). 
    console.log(amount || 0); //0
console.log(value || 0); //0
    Если левая часть выражения является falsy-значением и приводится к false, оператор ИЛИ вернет правую (дефолтную) часть. WebDEV #советы #coding #js

  • WebDEV

    🛠 EditThisCookie — это инструмент, который совершенно необходим. Он, не требуя никаких изысков, позволяет редактировать куки-файлы. В EditThisCookie большая широта возможностей, внимание к деталям, уделяемое его разработчиками, и, в то же время, его простота. Пару щелчков мыши — и дело сделано. WebDEV #инструменты #web

  • WebDEV

    7 способов работы с CSS 7 лучших способов написания кода CSS в приложении React или Next.js. Изучите компромиссы между различными инструментами, такими как CSS modules, CSS-in-JS, Sass, Tailwind, Bootstrap, библиотеки компонентов и многое другое. 📺 YouTube WebDEV #видео #css #js
    7 ways to deal with CSS

    Top 7 ways to write CSS code in a React or Next.js app. Learn the tradeoffs between different tools like CSS modules, CSS-in-JS, Sass, Tailwind, Bootstrap, component libraries, and more. https://fireship.io/courses/react-next-firebase/ #css #javascript #webdev 🔗 Resources NextJS CSS docs https://nextjs.org/docs/basic-features/built-in-css-support CSS Modules https://github.com/css-modules/css-modules SCSS Docs https://sass-lang.com/documentation Mantine Library https://mantine.dev/ 🔥 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 Best ways to write CSS in React How to use Sass in Next.js CSS modules tutorial How to use CSS-in-JS How to use Tailwind in Next.js How to use Bootstrap in Next.js Best component libraries for react

    YouTube

  • WebDEV

    💡 Выбираем функцию для выполнения Иногда в зависимости от некоторого условия вам нужно вызвать ту или иную функцию. 
    function area() {
    console.log('area');
}
function volume() {
    console.log('volume');
}
if(type === 'square') {
    area();
} else {
    volume();
}
    Вместо конструкции if вы можете смело использовать тернарный оператор: 
    (type === 'square' ? area : volume)()
    Важно: этот трюк не сработает, если вы вызываете методы объекта, которые работают с ключевым словом this. После выполнения выражения внутри круглых скобок (выбор нужного метода) контекст вызова будет потерян и this перестанет ссылаться на нужный объект. WebDEV #советы #coding #js

  • WebDEV

    Mr.Developer - канал с проектами для прокачки навыков и идеями для вашего следующего проекта.

  • WebDEV

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

  • WebDEV

    Cамая редкая русскоязычная литература, для ИТ специалистов и программистов любого уровня и направления. https://t.me/Code_m0de Канал в котором публикуют курсы, мануалы, книги, которые невозможно найти в открытом доступе. Самый интересный материал публикуется в нашем канале еще до момента выхода в официальных источниках.

  • WebDEV

  • WebDEV

    💡 Сокращаем однострочные функции Некоторые функции содержат очень мало кода, но тем не менее из-за особенностей синтаксиса JavaScript занимают не меньше трех строчек. 
    function doubleOf(value) {
  return 2 * value;
}
    Стрелочные функции позволяют ужать их до одной строки: 
    const doubleOf = (value) => 2 * value
    Важно: не злоупотребляйте стрелочными функциями, ясность кода не должна приноситься в жертву его краткости. WebDEV #советы #coding #js

  • WebDEV

    🛠 reseter.css — футуристическая альтернатива Normalize.css и CSS Resets. WebDEV #инструменты #css

  • WebDEV

    📖 React: Up & Running: Building Web Applications 🖋 Stoyan Stefanov, 2021 Начните работу с React, технологией с открытым исходным кодом от Facebook для быстрого создания полнофункциональных веб-приложений. Обновленное для последней версии React, второе издание этого практического руководства показывает, как создавать компоненты React и организовывать их в поддерживаемые крупномасштабные приложения. Если вы знакомы с синтаксисом JavaScript, вы готовы приступить к работе. 💾 Скачать книгу WebDEV #book #React #js

  • Реклама

  • WebDEV

    Хочешь создавать уникальные современные сайты, но разработка занимает много времени? Тогда подписывайся на Уголок Фронтендера! Здесь ты найдешь огромное количество готовых решений, которые достаточно просто скопировать к себе в проект! Выкладываем свежие исходники каждый день💡 Подпишись и ускорь свою работу в разы!

  • WebDEV

    💡 Упрощаем конструкцию switch Оператор switch очень напоминает данный пример, с большим количеством условий. 
    switch (number) {
  case 1:
     return 'one';
  case 2:
     return 'two';
  default:
     return;
}
    Однако здесь недостаточно проверки на равенство, нужно еще вернуть определенное значение. Поэтому вместо массива мы можем использовать объект (map). 
    const data = {
  1: 'one',
  2: 'two'
};
data[num]
    Каждый ключ объекта однозначно соответствует определенному значению, но выглядит код компактнее, и его проще читать. WebDEV #советы #coding #js

  • WebDEV

    📚 Какие технологии делают Kotlin таким мощным и удобным языком? Расскажем 9 февраля в 19:00 на вебинаре «Разработка микросервисного приложения с KTOR» в OTUS. Занятие проведет Кирилл Крылов, Software Developer в JetBrains. Что вас ждет на занятии? - Создадим мультиплатформенный проект, на Kotlin/JVM и Kotlin/JS - Напишем фронтенд с помощью удобных DSL для React и CSS - Воспользуемся корутинами для клиент-серверного взаимодействия. 👉🏻 Для регистрации на урок пройдите вступительный тест https://otus.pw/DhELn/