WebDEV

Front-end 2021 Roadmap & Trends | Что учить в 2021? В данном видео вы узнаете об отличной дорожной карте изучения веба на 2021 год. А также о трендах front-end направления и о том на какие технологии стоит обратить внимание. 📺 YouTube WebDEV #видео #front #web

💡 Async Await в JS Как только вы разберётесь в промисах, вам может понравиться async await — это «синтаксический сахар» поверх промисов. Ниже пример async функции с await и промисом.

const greeter = new Promise((res, rej) => {
 setTimeout(() => res('Hello world!'), 2000);
})

async function myFunc() {
 const greeting = await greeter;
 console.log(greeting);
}

myFunc();
// 'Hello world!'

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

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

🔥 Лучшее на канале за неделю 1. Как использовать TypeScript с React... А нужно ли? 2. Await Timeout — небольшая библиотека JavaScript, которая предоставляет API на основе Promise для setTimeout и clearTimeout. 3. Callback-функции.

💡 Промисы в JavaScript Как только вы начнёте понимать работу callback’ов в JavaScript, возможно, совсем скоро вы окажетесь в «аду обратных вызовов». На помощь приходят промисы (англ. Promises). Оберните свою асинхронную логику в промисы: resolve — для успехов, reject — для фейлов. Используйте then для обработки успеха и catch — для обработки фейлов.

const myPromise = new Promise(function(res, rej) {
 setTimeout(function(){
   if (Math.random() < 0.9) {
     return res('Hooray!');
   }

   return rej('Oh no!');
 }, 1000);
});

myPromise.then(function(data) {
   console.log('Success: ' + data);
  })
  .catch(function(err) {
   console.log('Error: ' + err);
  });
 
// Если Math.random() возвращает меньше 0.9 то выведется:
// "Success: Hooray!"

// Если Math.random() возвращает 0.9 или больше, то выведется:
// "Error: On no!"

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

Как использовать TypeScript с React... А нужно ли? Узнайте, как настроить React с TypeScript. Сравните плюсы и минусы использования TypeScript в проекте React. 📺 YouTube WebDEV #видео #js #react #typescript

📑 Сайты на Tilda «упали» из-за проблем с SSL-сертификатами Интернет-пользователи столкнулись с недоступностью множества сайтов, созданных на Tilda. Как стало известно чуть позднее, причиной тому — проблемы с SSL-сертификатами. WebDEV #новости #tilda #ssl

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

🛠 Await Timeout — небольшая библиотека JavaScript, которая предоставляет API на основе Promise для setTimeout и clearTimeout. Это позволяет очень легко создавать асинхронные тайм-ауты, которыми можно управлять с помощью async / await для более четкого кода. WebDEV #инструменты #js

📖 HTML и CSS. Разработка и дизайн веб-сайтов 🖋 Джон Дакетт, 2013 Эта книга – самый простой и интересный способ изучить HTML и CSS. Независимо от стоящей перед вами задачи: спроектировать и разработать веб-сайт с нуля или получить больше контроля над уже существующим сайтом, эта книга поможет вам создать привлекательный, дружелюбный к пользователю веб-контент. Простой визуальный способ подачи информации с понятными примерами и небольшим фрагментом кода знакомит с новой темой на каждой странице. Вы найдете практические советы о том, как организовать и спроектировать страницы вашего сайта, и после прочтения книги сможете разработать свой веб-сайт профессионального вида и удобный в использовании. 💾 Скачать книгу WebDEV #book #html #css #web

💡 Callback-функции Многие избегают callback-функции (функции обратного вызова). А зря — ведь это довольно просто! В следующем примере console.log() будет передан в myFunc() в качестве callback-функции.

function myFunc(text, callback) {
 setTimeout(function() {
   callback(text);
 }, 2000);
}

myFunc('Hello world!', console.log);
// 'Hello world!'

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

🛠 Pixelmatch — небольшая, простая и быстрая библиотека JavaScript для точного попиксельного сравнения изображений. Изначально создана для сравнения снимков экрана в тестах, работает как на Node, так и в браузере и не имеет зависимостей. WebDEV #инструменты #js

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

📑 Mozilla «убьёт» нативную поддержку FTP в апрельском Firefox 88 В прошлом году компания Mozilla объявила о намерении отказаться от поддержки FTP. Но также она заявила, что сделает это не ранее окончания пандемии. Видимо, время пришло, ведь уже в грядущем Firefox 88 протокол будет отключён. WebDEV #новости #Firefox #FTP

​IT Community QIWI продолжает проводить QIWI Server Party. На этот раз — 22 апреля (четверг). Обсудим сразу много полезных штук — продуктовую разработку и developer experience, спринты и инженерные практики, PlantUML (ага, да) и архитектуру платёжного шлюза, разберемся, как разрешать вечные конфликты между разработкой и бизнесом. А ещё немного похоливарим — стоит ли просить кандидатов писать код на собеседовании? Затронем и эту тему в формате круглого стола. В общем, будет интересно. Как всегда, вход бесплатный, главное — зарегистрируйтесь заранее. А если не можете прийти, подключайтесь к онлайн-трансляции. Узнать подробную программу мероприятия и зарегистрироваться можно по ссылке https://qiwi-events.timepad.ru/event/1614886/

💡 Сравнение объектов ▍Часть 2 (Часть 1) Хоть следующие объекты кажутся одинаковыми, они ссылаются на разные объекты в памяти.

const joe1 = { name: 'Joe' };
const joe2 = { name: 'Joe' };

console.log(joe1 === joe2);
// false

А вот в следующем примере сравнение возвращает true, потому что второй объект приравнивается к первому и они оба ссылаются на один объект.

const joe1 = { name: 'Joe' };
const joe2 = joe1;

console.log(joe1 === joe2);
// true

Важно понимать разницу между примитивами и ссылочными типами для правильной установки переменной, которая будет ссылаться на объект в памяти. WebDEV #советы #coding #js #web

📑 Линус Торвальдс раскритиковал поддержку Rust для ядра Linux Создатель Linux — Линус Торвальдс — опубликовал рецензию на внедрение Rust в основанный им проект. Речь идёт о реализации инструментов для создания драйверов с помощью языка. WebDEV #новости #rust #linux