💡 Отступы

▍Часть 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

💡 Точка с запятой

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

Есть языки, в которых точка с запятой необязательна и редко используется. Однако в JavaScript бывают случаи, когда перенос строки не интерпретируется, как точка с запятой, что может привести к ошибкам.

Если вы – опытный разработчик на JavaScript, то можно выбрать стиль кода без точек с запятой, например StandardJS. В ином случае, лучше будет использовать точки с запятой, чтобы избежать подводных камней. Большинство разработчиков их ставят.

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

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

1. Создание веб-сайта для чайников.

2. Material UI — это интересный набор UI компонентов, основанных на Google Material Design.

3. Отступы.

WebDEV #test #js

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

💡 Уровни вложенности

▍Часть 1

Уровней вложенности должно быть немного.

Например, в цикле бывает полезно использовать директиву continue, чтобы избежать лишней вложенности.

Например, вместо добавления вложенного условия if, как здесь:

for (let i = 0; i < 10; i++) {
  if (cond) {
    ... // <- ещё один уровень вложенности
  }
}

Мы можем написать:

for (let i = 0; i < 10; i++) {
  if (!cond) continue;
  ...  // <- нет лишнего уровня вложенности
}

Аналогичная ситуация – с if/else и return — примеры рассмотрим в следующей части.

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

WebGL за 100 секунд

WebGL позволяет отображать в Интернете трехмерную графику с GPU ускорением. Изучите основы теории 3D и рендеринга сложной графики и анимации.

📺 YouTube

WebDEV #видео #WebGL

🛠 Monaco Editor — движок популярного редактора кода VSCode. В нем есть поддержка синтаксиса для многих языков, несколько курсоров, горячие клавиши, исправление кода и многое другое. Monaco имеет открытый исходный код, поэтому его можно использовать для любого проекта.

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

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

1. WebGL за 100 секунд.

2. Monaco Editor — движок популярного редактора кода VSCode.

3. Уровни вложенности.

💡 Уровни вложенности

▍Часть 2

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

Аналогичная ситуация – с if/else и return.

Например, две нижеследующие конструкции идентичны.

Первая:

function pow(x, n) {
  if (n < 0) {
    alert("Отрицательные значения 'n' не поддерживаются");
  } else {
    let result = 1;

    for (let i = 0; i < n; i++) {
      result *= x;
    }

    return result;
  }
}

Вторая:

function pow(x, n) {
  if (n < 0) {
    alert("Отрицательные значения 'n' не поддерживаются");
    return;
  }

  let result = 1;

  for (let i = 0; i < n; i++) {
    result *= x;
  }

  return result;
}

Второй вариант является более читабельным, потому что «особый случай» n < 0 обрабатывается на ранней стадии. После проверки можно переходить к «основному» потоку кода без необходимости увеличения вложенности.

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

💡Подборка с советами по стилю кода в JavaScript

▫️ Синтаксис

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

▫️ Длина строки

▫️ Отступы: Часть 1 | Часть 2

▫️ Точка с запятой

▫️ Уровни вложенности

WebDEV #подборка #советы

WebDEV #test #html

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