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

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

▍Часть 2

Перед прочтением рекомендуем ознакомиться с первой частью.

Различные варианты расстановки скобок с комментариями, посмотрите сами, какой вам кажется самым читаемым:

▍Такое иногда бывает в коде начинающих. Плохо, фигурные скобки не нужны:

if (n < 0) {alert(`Степень ${n} не поддерживается`);}

▍Никогда не разделяйте строки без фигурных скобок, можно ненароком сделать ошибку при добавлении строк:

if (n < 0)
  alert(`Степень ${n} не поддерживается`);

▍В одну строку без скобок – приемлемо, если эта строка короткая:

if (n < 0) alert(`Степень ${n} не поддерживается`);

▍Самый лучший вариант:

if (n < 0) {
  alert(`Степень ${n} не поддерживается`);
}

Для очень короткого кода допустима одна строка. Например: if (cond) return null. Но блок кода (последний вариант) обычно всё равно читается лучше.

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

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

1. Javascript и jQuery. Интерактивная веб-разработка.

2. Filepond — это небольшая JavaScript библиотека для загрузки файлов.

3. Фигурные скобки в JS: Часть 1 | Часть 2.

WebDEV #test #css

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

💡 Длина строки

Никто не любит читать длинные горизонтальные строки кода. Лучше всего разбивать их, например:

// обратные кавычки ` позволяют разделять строку на части
let str = `
  Рабочая группа TC39 организации Ecma International -
  это группа JavaScript-разработчиков, теоретиков и авторов движков JavaScript,
  которые вместе с сообществом занимаются поддержкой и развитием языка JavaScript.
`;

Или для if:

if (
  id === 123 &&
  moonPhase === 'Waning Gibbous' &&
  zodiacSign === 'Libra'
) {
  letTheSorceryBegin();
}

Максимальную длину строки согласовывают в команде. Обычно это 80 или 120 символов.

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

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

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

💡 Отступы

▍Часть 1

Существует два типа отступов:

▍Горизонтальные отступы: два или четыре пробела.

Горизонтальный отступ выполняется с помощью 2 или 4 пробелов, или символа табуляции (клавиша Tab). Какой из них выбрать – это уже на ваше усмотрение. Пробелы больше распространены.

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

Например, мы можем выровнять аргументы относительно открывающей скобки:

show(parameters,
     aligned, // 5 пробелов слева
     one,
     after,
     another
  ) {
  // ...
}

▍Вертикальные отступы: пустые строки для разбивки кода на «логические блоки».

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

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

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

1. TypeScript. Полный курс.

2. Embetty — пара инструментов, которые позволяют встраивать контент, например твиты и видео, сохраняя при этом вашу конфиденциальность.

3. Длина строки.

WebDEV #test #css

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

Хватит тратить время на поиск материалов для дизайна, мы найдем для тебя все необходимое

Dropzz — наш второй канал специально для дизайнеров, где мы каждый день публикуем полезные файлы абсолютно бесплатно.

👉🏼 Мокапы, шрифты, иконки, UI-киты, иллюстрации и прочие полезные ресурсы, в общем полный набор для дизайнеров.

 для подписчиков раздаем файлы с UI8 и Craftwork. Бесплатно.

Подписывайтесь на канал Dropzz, он сэкономит твое время и деньги 💸

💡 Отступы

▍Часть 2

Перед прочтением рекуомендуем ознакомиться с первой частью.

▍Вертикальные отступы: пустые строки для разбивки кода на «логические блоки».

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

function pow(x, n) {
  let result = 1;
  //              <--
  for (let i = 0; i < n; i++) {
    result *= x;
  }
  //              <--
  return result;
}

Вставляйте дополнительный перевод строки туда, где это сделает код более читаемым. Не должно быть более 9 строк кода подряд без вертикального отступа.

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

‍Хотите сами разобраться в облачных базах данных вашего бизнеса и научиться работать с ними? На тренинге «Основы работы с данными в Azure» эксперты расскажут об основных концепциях работы и популярные решения при работе с облачными базами данных. А ещё у вас будет возможность подготовиться и пройти сертификационный экзамен DP-900.
Не упустите шанс >>https://cutt.ly/UbBtx1W<<.

📖 Создание веб-сайта для чайников
🖋 Кроудер Дэвид, 2019

Если вы никогда не занимались веб-дизайном, но хотели бы открыть свой сайт в Интернете, эта книга поможет вам научиться создавать вполне профессиональные сайты. Здесь вы найдете практические советы, проверенные фрагменты HTML-кода и множество ссылок на полезные ресурсы в Интернете. Вы научитесь добавлять на веб-страницы изображения, видео- и аудиоклипы, красивые кнопки и множество других элементов.

Начните с основ. Научитесь применять базовые элементы HTML и редакторы различных типов.
Структурируйте подачу материала. Обеспечьте удобство чтения текстов с помощью таблиц и фреймов, применяя современные технологии, например каскадные таблицы стилей (CSS).
Что в имени твоем? Выберите и зарегистрируйте доменное имя и найдите для своего сайта хорошего хостинг-провайдера.

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

WebDEV #book #web

🛠 Material UI — это интересный набор UI компонентов, основанных на Google Material Design. React компоненты для быстрой и легкой веб-разработки.

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