WebDEV

💡 Уровни вложенности ▍Часть 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

🔥 Лучшее на канале за неделю 1. WebGL за 100 секунд. 2. Monaco Editor — движок популярного редактора кода VSCode. 3. Уровни вложенности.

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

🤨Думаешь, посмотришь видео и станешь React-разработчиком? Как бы не так. Студенты OTUS рассказывают, что ради уверенного навыка приходится по два часа сидеть над практикой и еще столько же после подробного code review от преподавателей. Зато с такой подготовкой становишься ценнейшим кадром в рядах фронтендеров и fullstack-разработчиков. Тебя ждут актуальный стек технологий и best practice фронтенда. 👉Уже есть опыт JavaScript разработки и хочешь узнать, подойдет ли тебе курс «React.js Developer»? Пройди вступительный тест: https://otus.pw/HjUQ/

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

💡 Уровни вложенности ▍Часть 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

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

🔥 Лучшее на канале за неделю 1. Создание веб-сайта для чайников. 2. Material UI — это интересный набор UI компонентов, основанных на Google Material Design. 3. Отступы.

​Раньше Фейсбук и Вконтакте были настолько похожи, что Павла Дурова постоянно обвиняли в плагиате. Сейчас эти две социальные сети уже невозможно перепутать, но кое-что их все же объединяет. Они обе частично разработаны на PHP. Этот язык предоставляет много инструментов для работы, и программировать на нем быстрее, чем на других языках. PHP находится в тройке самых популярных языков программирования, а спрос на разработчиков только растет. Курс «Веб-разработчик» от SkillFactory позволит освоить профессию за 12 месяцев (10 часов в неделю). На практике вы освоите навыки веб-разработчика и соберёте портфолио проектов. Модули с теорией и интерактивные вебинары; тренажеры для отработки навыков работы с PHP, Laravel, и SQL позволят вам выйти на рынок специалистом, готовым к работе. Персональный ментор не позволит остаться один на один с новым и поможет не забросить обучение в трудную минуту. А после окончания обучения карьерный центр поможет найти работу в топовых компаниях. 📌Оставить заявку и узнать все подробности о программе курса можно по ссылке: https://clc.am/qBd5gw

💡 Точка с запятой Точки с запятой должны присутствовать после каждого выражения, даже если их, казалось бы, можно пропустить. Есть языки, в которых точка с запятой необязательна и редко используется. Однако в JavaScript бывают случаи, когда перенос строки не интерпретируется, как точка с запятой, что может привести к ошибкам. Если вы – опытный разработчик на JavaScript, то можно выбрать стиль кода без точек с запятой, например StandardJS. В ином случае, лучше будет использовать точки с запятой, чтобы избежать подводных камней. Большинство разработчиков их ставят. WebDEV #советы #coding #js

Да-да, это не опечатка! Действительно, Skillbox дарит первые 6 месяцев обучения frontend-разработке! ⠀ Курс будет полезен, если вы только решили связать свою жизнь с IT или имеете небольшой опыт в кодинге и вёрстке. ⠀ Frontend-разработчик с нуля до PRO — это: - онлайн-уроки и вебинары ведущих экспертов из Kaspersky, Play North, ТАСС и других компаний; - реальные кейсы для портфолио: интернет-магазин, CRM-система и другие проекты; - карьерные консультации и помощь в трудоустройстве. ⠀ На курсе вы научитесь: - верстать веб-страницы; - создавать интерактивные веб-приложения; - работать в системе контроля версий GIT и командной строке Bash; - применять основные алгоритмы и структуры данных в реальных проектах; - работать с макетами в Photoshop и Figma; - создавать серверные приложения с использованием Node.js и многому другому. ⠀ Станьте на шаг ближе к профессии мечты — регистрируйтесь на курс! https://clc.am/caT1aA

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

📖 Создание веб-сайта для чайников 🖋 Кроудер Дэвид, 2019 Если вы никогда не занимались веб-дизайном, но хотели бы открыть свой сайт в Интернете, эта книга поможет вам научиться создавать вполне профессиональные сайты. Здесь вы найдете практические советы, проверенные фрагменты HTML-кода и множество ссылок на полезные ресурсы в Интернете. Вы научитесь добавлять на веб-страницы изображения, видео- и аудиоклипы, красивые кнопки и множество других элементов. Начните с основ. Научитесь применять базовые элементы HTML и редакторы различных типов. Структурируйте подачу материала. Обеспечьте удобство чтения текстов с помощью таблиц и фреймов, применяя современные технологии, например каскадные таблицы стилей (CSS). Что в имени твоем? Выберите и зарегистрируйте доменное имя и найдите для своего сайта хорошего хостинг-провайдера. 💾 Скачать книгу WebDEV #book #web

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

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

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

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

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

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

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

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

🔥 Лучшее на канале за неделю 1. TypeScript. Полный курс. 2. Embetty — пара инструментов, которые позволяют встраивать контент, например твиты и видео, сохраняя при этом вашу конфиденциальность. 3. Длина строки.