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

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

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

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

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

​Раньше Фейсбук и Вконтакте были настолько похожи, что Павла Дурова постоянно обвиняли в плагиате. Сейчас эти две социальные сети уже невозможно перепутать, но кое-что их все же объединяет. Они обе частично разработаны на PHP.

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

Курс «Веб-разработчик» от SkillFactory позволит освоить профессию за 12 месяцев (10 часов в неделю). На практике вы освоите навыки веб-разработчика и соберёте портфолио проектов. Модули с теорией и интерактивные вебинары; тренажеры для отработки навыков работы с PHP, Laravel, и SQL позволят вам выйти на рынок специалистом, готовым к работе.

Персональный ментор не позволит остаться один на один с новым и поможет не забросить обучение в трудную минуту. А после окончания обучения карьерный центр поможет найти работу в топовых компаниях.

📌Оставить заявку и узнать все подробности о программе курса можно по ссылке: https://clc.am/qBd5gw

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

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

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

3. Отступы.

WebDEV #test#test #js#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#coding #js#js

WebGL за 100 секунд

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

📺 YouTube

WebDEV #видео#видео #WebGL#WebGL

🤨Думаешь, посмотришь видео и станешь React-разработчиком? Как бы не так.

Студенты OTUS рассказывают, что ради уверенного навыка приходится по два часа сидеть над практикой и еще столько же после подробного code review от преподавателей. Зато с такой подготовкой становишься ценнейшим кадром в рядах фронтендеров и fullstack-разработчиков. Тебя ждут актуальный стек технологий и best practice фронтенда.

👉Уже есть опыт JavaScript разработки и хочешь узнать, подойдет ли тебе курс «React.js Developer»? Пройди вступительный тест: https://otus.pw/HjUQ/https://otus.pw/HjUQ/

🛠 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#coding #js#js

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

▫️ Синтаксис

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

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

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

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

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

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

WebDEV #test#test #html#html

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

FrontEndDev - канал для веб разработчиков.

Собираем и выкладываем актуальный контент: основы и аспекты ЯП, туториалы по современным фреймворкам, полезные инструменты и подходы в разработке 🚀

@front_end_dev

💡 Размещение функций

▍Часть 1

Если вы пишете несколько вспомогательных функций, а затем используемый ими код, то существует три способа организации функций.

Объявить функции перед кодом, который их вызовет:

// объявление функций
function createElement() {
  ...
}

function setHandler(elem) {
  ...
}

function walkAround() {
  ...
}

// код, который использует их
let elem = createElement();
setHandler(elem);
walkAround();

Сначала код, затем функции:

// код, использующий функции
let elem = createElement();
setHandler(elem);
walkAround();

// --- вспомогательные функции ---
function createElement() {
  ...
}

function setHandler(elem) {
  ...
}

function walkAround() {
  ...
}

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

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

📖 Изучаем HTML, XHTML и CSS
🖋 Робсон Э., Фримен Э., 2017

Устали от чтения книг по HTML, которые понятны только специалистам в этой области? Тогда самое время взять в руки второе издание «Изучаем HTML, XHTML и CSS».

Хотите изучить HTML, чтобы уметь создавать веб-страницы, о которых вы всегда мечтали? Так, чтобы более эффективно общаться с друзьями, семьей и привередливыми клиентами? Тогда эта книга для вас. Прочитав ее, вы изучите все секреты создания веб-страниц. Вы узнаете, как работают профессионалы, чтобы получить визуально привлекательный дизайн, и как максимально эффективно использовать HTML, CSS и XHTML, чтобы создавать такие веб-страницы, мимо которых не пройдет ни один пользователь.

Используя новейший стандарт HTML5, вы сможете поддерживать и совершенствовать свои веб-страницы в соответствии с современными требованиями, тем самым обеспечивая их работу во всех браузерах и мобильных устройствах.

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

WebDEV #book#book #html#html #css#css #XHTML#XHTML

Интересуешься разработкой сайтов и веб-приложений?

На канале Web Stack публикуют статьи по frontend/backend разработке, туториалы по работе с БД и фреймворками, а также полезные репозитории и многое другое!

Прокачивай скилы вместе с @web_stack

🛠 Hat.shHat.sh — это приложение на основе JavaScript, которое обеспечивает безопасное шифрование файлов с помощью API WebCrypto. Это быстро, безопасно и без сервера. Вы можете использовать его для быстрого шифрования и дешифрования любого типа файла за секунды без каких-либо проблем.

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

💻 Хакатон для DeFi и NFT разработчиков Definition Hackathon с призовым фондом в $30,000

📆 Когда и где
12-13 июня на площадке Start Hub Moscow
Прием заявок команд до 7 июня

❗️ Треки
От DeFi-платформы Zerion: создать пользовательский сервис или продукт для DeFi на основе DeFi SDK и Zerion API.

От DeFi-проекта 1inch: создать смарт-контракт с advanced-стратегиями для торговли токенами на основе протокола 1inch Limit Order.

От Rarible — самого популярного в мире децентрализованного NFT маркетплейса: разработать веб или мобильное приложение, где будет использован Rarible Protocol.

Еще тебя ждет по два специальных приза по $2000 от инвестиционных фондов Bitscale Capital и BR Capital в каждом треке, а также тематические воркшопы от 1inch.

Узнай больше об условиях участия, программе хакатона и призах на сайте Definition Hackathon