WebDEV

💡 Отступы ▍Часть 1 Существует два типа отступов: ▍Горизонтальные отступы: два или четыре пробела. Горизонтальный отступ выполняется с помощью 2 или 4 пробелов, или символа табуляции (клавиша Tab). Какой из них выбрать – это уже на ваше усмотрение. Пробелы больше распространены. Одно из преимуществ пробелов над табуляцией заключается в том, что пробелы допускают более гибкие конфигурации отступов, чем символ табуляции. Например, мы можем выровнять аргументы относительно открывающей скобки:

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

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

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

TypeScript. Полный курс В данном видеокурсе рассматриваются возможности языка строгой типизации — TypeScript. Разбирают его основные фишки и ключевые отличия от JavaScript. Вы изучите такие понятия, как перечисления (Enum), интерфейсы, пространства имён, а также набор нативных утилит, которые предоставляет сам язык. 📺 YouTube WebDEV #видео #typescript

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

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

Или для if:

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

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

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

Узнайте как ускорить релиз и не потерять в качестве, а также DevOps практики, которые необходимо знать тимлиду на бесплатном онлайн-вебинаре от GeekBrains X AGIMA. Если вы давно интересуетесь вопросом, как выстроить процессы разработки и управления качеством, тогда этот вебинар точно для вас! На вебинаре разберем: - Какие проблемы решит DevOps, а чего от него ждать не нужно; - Жизненный цикл разработки ПО: разработка, тестирование, выпуск релизов; - Development, Staging, Production. Как организовать и как часто актуализировать и обновлять; - Взаимодействие разработчиков, тестировщиков и devops-инженеров. Как выстроить процесс для эффективной работы. И многое другое! Вы сможете послушать выступление ведущего-эксперта, задать интересующие вопросы и прокачать скиллы. Как бонус вы получаете методические материалы и запись вебинара. Вебинар пройдет 12 мая в 19:00. Записаться и узнать подробности можно здесь. Перед началом вебинара отправляется уведомление.

🔥 Лучшее на канале за неделю 1. Javascript и jQuery. Интерактивная веб-разработка. 2. Filepond — это небольшая JavaScript библиотека для загрузки файлов. 3. Фигурные скобки в JS: Часть 1 | Часть 2.

💡 Фигурные скобки в 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

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

Во-первых, это в тренде! Инженер облачных сервисов — это специалист, без которого в ближайшие 10 лет не сможет обойтись ни одна крупная компания. Глобальный рынок внедрения облачных технологий растет и помогает бизнесу не только экономить, но и ускорять процессы принятия решений. Если вы уже умеете проектировать, создавать и запускать системы обработки данных на серверах и хотите сделать рывок в своей карьере, приходите на курс Cloud Data Engineering от GeekBrains. — 11 месяцев обучения — 12 готовых проектов в портфолио  — Диплом о переподготовке — Зарплата около 200 000₽ в месяц Вы научитесь запускать виртуальные серверы, разворачивать приложения с микросервисной архитектурой и работать со Spark, ClickHouse, Greenplum и Kubeflow в Kubernetes, а GeekBrains помогут с дальнейшим трудоустройством. Регистрация по ссылке → https://gb.ru/link/Zm_egU

📖 Javascript и jQuery. Интерактивная веб-разработка 🖋 Джон Дакетт, 2017 Эта книга Джона Дакетта будет полезной веб-дизайнерам и программистам, контент-менеджерам и интернет-маркетологам, начинающим специалистам и опытным сотрудникам, которые намерены поднять свой профессиональный уровень. Вы узнаете, как сделать сайты более интерактивными и удобными для пользователей. Автор иллюстрирует применение сценариев JavaScript и библиотеки jQuery на реальных сайтах. В книге очень мало теории, она представляет собой практический справочник: новый пример сценарий или кода расположены на новой странице. Буквально сразу вы сможете начать составлять работающие коды. Кроме того, вы научитесь читать и создавать сценарии JavaScript, использовать библиотеку jQuery для упрощения кода, применять технологии Ajax, API и JSON, пользоваться приемами фильтрации, поиском и сортировкой. 💾 Скачать книгу WebDEV #book #js #jQuery #web

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

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

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

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

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

А что если у нас однострочная запись, типа if (condition) doSomething(), должны ли мы использовать фигурные скобки? Различные варианты расстановки скобок с комментариями рассмотрим в следующей части. Продолжение следует... WebDEV #советы #coding #js

🔥 Лучшее на канале за неделю 1. Front-end 2021 Roadmap & Trends. 2. Haml — язык разметки для упрощенной генерации HTML. 3. Советы по стилю кода.

💡 Советы по стилю кода ▍Начинаем новую серию советов по стилю кода Код должен быть максимально читаемым и понятным. Это и есть искусство программирования – взять сложную задачу и написать такой код для её решения, который и правильно работает, и легко читается, и понятен для людей. Для этого нужен хороший стиль написания кода. В этой серии советов мы рассмотрим составляющие такого стиля. ▍Синтаксис Шпаргалка с правилами синтаксиса Не всё в ней однозначно, так что разберём эти правила подробнее. Ни одно правило не является жёстко обязательным! Здесь нет железных правил. Это стилевые предпочтения, а не религиозные догмы. Продолжение следует... WebDEV #советы #coding #js

​Сегодня, когда сайт нужен всем, даже ларьку с шаурмой за углом, веб-разработчики никогда не останутся без работы. А самые востребованные из них — разработчики полного цикла, которые могут сделать все сами: сверстать сайт, добавить интерактива с помощью JavaScript и настроить серверную часть. Хотите попробовать себя в веб-разработке? Быстрый старт для новичков — бесплатный интенсив «Веб-разработка для начинающих» от GeekBrains. Для участия вам нужен только компьютер с выходом в интернет и два часа свободного времени. На бесплатном интенсиве вы: ➖ узнаете все об особенностях профессии веб-разработчика; ➖ на практике разработаете персональный сайт без шаблона с использованием HTML и CSS; ➖ научитесь добавлять галереи фотографий на сайт и публиковать сайт на хостинге. Создайте свой первый сайт с нуля — https://gb.ru/link/KjLec_