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

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

WebDEV #test #js

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

📑 Сайты на Tilda «упали» из-за проблем с SSL-сертификатами

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

WebDEV #новости #tilda #ssl

💡 Промисы в 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

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

1. Как использовать TypeScript с React... А нужно ли?

2. Await Timeout — небольшая библиотека JavaScript, которая предоставляет API на основе Promise для setTimeout и clearTimeout.

3. Callback-функции.

WebDEV #test #js

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

💡 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

Front-end 2021 Roadmap & Trends | Что учить в 2021?

В данном видео вы узнаете об отличной дорожной карте изучения веба на 2021 год. А также о трендах front-end направления и о том на какие технологии стоит обратить внимание.

📺 YouTube

WebDEV #видео #front #web

🛠 Haml — язык разметки для упрощенной генерации HTML. Он нужен, чтобы сделать разметку более удобной для пользователя. Сервис автоматически чистит код с избыточными именами и добавляет отступы — они помогают лучше понять какие элементы вложены. Его также можно использовать для замены явного кода в шаблонах Ruby on Rails.

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

💡 Советы по стилю кода

▍Начинаем новую серию советов по стилю кода

Код должен быть максимально читаемым и понятным.

Это и есть искусство программирования – взять сложную задачу и написать такой код для её решения, который и правильно работает, и легко читается, и понятен для людей. Для этого нужен хороший стиль написания кода. В этой серии советов мы рассмотрим составляющие такого стиля.

▍Синтаксис

Шпаргалка с правилами синтаксиса

Не всё в ней однозначно, так что разберём эти правила подробнее.

Ни одно правило не является жёстко обязательным!
Здесь нет железных правил. Это стилевые предпочтения, а не религиозные догмы.

Продолжение следует...

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

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

1. Front-end 2021 Roadmap & Trends.

2. Haml — язык разметки для упрощенной генерации HTML.

3. Советы по стилю кода.

💡 Фигурные скобки в JS

▍Часть 1

В большинстве JavaScript проектов фигурные скобки пишутся в так называемом «египетском» стиле с открывающей скобкой на той же строке, что и соответствующее ключевое слово – не на новой строке. Перед открывающей скобкой должен быть пробел, как здесь:

if (condition) {
  // делай это
  // ...и это
  // ...и потом это
}

А что если у нас однострочная запись, типа if (condition) doSomething(), должны ли мы использовать фигурные скобки?

Различные варианты расстановки скобок с комментариями рассмотрим в следующей части.

Продолжение следует...

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

там в @digital_dealerz промокод на скидку 25% на наших ботов лежит, не пропусти

WebDEV #test #js

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

‍Что касаемо майских...
Умеете отдыхать и прокачивать свой английский одновременно? А вот СтасПростоКласс – умеет! Записывайтесь на стрим 5 мая, где Стас научит вас расслабляться с пользой и расскажет о релаксации hygge, coorie и kalsarikännit: https://cutt.ly/7bkWy9v
а еще поделится секретным промокодом на 40% скидку на уроки английского от Skyeng.

📖 Javascript и jQuery. Интерактивная веб-разработка
🖋 Джон Дакетт, 2017

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

Вы узнаете, как сделать сайты более интерактивными и удобными для пользователей. Автор иллюстрирует применение сценариев JavaScript и библиотеки jQuery на реальных сайтах. В книге очень мало теории, она представляет собой практический справочник: новый пример сценарий или кода расположены на новой странице.
Буквально сразу вы сможете начать составлять работающие коды. Кроме того, вы научитесь читать и создавать сценарии JavaScript, использовать библиотеку jQuery для упрощения кода, применять технологии Ajax, API и JSON, пользоваться приемами фильтрации, поиском и сортировкой.

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

WebDEV #book #js #jQuery #web

🛠 Filepond — это небольшая JavaScript библиотека для загрузки файлов. Она обеспечивает отличное взаимодействие с пользователем, а также содержит оптимизацию изображений для быстрой загрузки. Библиотека весит всего 21KB.

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