WebDEV

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

if(obj && obj.address && obj.address.postalCode) {
    console.log(obj.address.postalCode)
}

Укоротим эту кучу кода с помощью оператора опциональной последовательности ?. (optional chaining).

console.log(obj?.address?.postalCode);

Он делает то же самое, но гораздо элегантнее. WebDEV #советы #coding #js

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

🔥 Лучшее на канале за неделю 1. Go Web Programming. 2. Parsel — парсер CSS-селекторов в два килобайта. 3. Превращаем атрибуты объекта в массив атрибутов.

💡 Избегайте множественных ИЛИ (||) условий Оператор логического сложения (||) возвращает true, если хотя бы одно из условий истинно. Это очень полезная штука, но когда условий много, код выглядит неаккуратно:

if (fruit === 'apple' || fruit === 'orange' || fruit === 'banana' || fruit ==='grapes') {
    // код
}

Вместо использования дизъюнкции мы можем собрать все проверяемые значения в массив и воспользоваться встроенным методом Array.prototype.includes.

if (['apple', 'orange', 'banana', 'grapes'].includes(fruit)) {
   // код
}

Он вернет true, если аргумент совпадает хотя бы с одним элементом массива – именно то, что нам нужно. Это решение более наглядно и намного проще масштабируется при увеличении количества условий. WebDEV #советы #coding #js

Codecademy сделали канал в телеграм! Codecademy — это крупнейшая в мире платформа для изучения программирования. Теперь у них есть русскоязычный канал. Там постят перевод на русский такой инфы, которую не найти ни на одном форуме! Подписывайтесь и прокачивайте свои скиллы: @ccademy

🛠 Parsel — парсер CSS-селекторов в два килобайта. WebDEV #инструменты #css

📖 Go Web Programming 🖋 Sau Sheong Chang, 2016 Go Web Programming научит вас создавать масштабируемые, высокопроизводительные веб-приложения на Go с использованием современных принципов проектирования. Вы узнаете, как реализовать шаблон проектирования внедрения зависимостей для написания тестовых пар, использовать параллелизм в веб-приложениях, а также создавать и использовать JSON и XML в веб-сервисах. 💾 Скачать книгу WebDEV #book #Go #web

💡 Превращаем атрибуты объекта в массив атрибутов Используем Object.entries(), Object.keys() и Object.values().

const obj = { a: 1, b: 2, c: 3 };

Object.entries(obj);

// Output 
// (3) [Array(2), Array(2), Array(2)]
// 0: (2) ["a", 1]
// 1: (2) ["b", 2]
// 2: (2) ["c", 3]
// length: 3

Object.keys(obj);
// (3) ["a", "b", "c"]

Object.values(obj);
// (3) [1, 2, 3]

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

Разработчик на C#? 📚 Для тебя 24 января в 20:00 пройдет вебинар «Что полезного в новых версиях C#?» в OTUS. На открытом занятии мы разберем: 🔥 Ключевые нововведения релиза .NET 6.0 с C# 10. 🔥 Познакомимся с полезными и часто используемыми новшествами последних версий языка C#. 👉🏻 Для регистрации пройдите вступительный тест https://otus.pw/98zy/

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

🔥 Лучшее на канале за неделю 1. D3.js за 100 секунд. 2. JavaScript Quiz — проверьте свои знания, отвечая на вопросы по JavaScript. 3. Деструктуризация массива.

💡 Проверка палиндрома в одну строку Это не то чтобы какой-то особый трюк, но его полезно знать, когда начинаете работать со строками.

function checkPalindrome(str) {
    return str == str.split('').reverse().join('');
}

checkPalindrome('naman');

// Output: true

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

Что требуют работодатели от C# разработчика в 2022 году? 📚 Если вы уже знакомы с базовым синтаксисом C#, ждем вас 20 января на встрече с Алексеем Ягуром, экспертом и Team Lead в YouDo. Алексей поведет обзор вакансий и требований к кандидатам в области бэкенд-разработки на C#. 🔥 Вы узнаете, какие навыки и инструменты нужны, чтобы создавать сложные клиент-серверные приложения. Обсудите, почему работа в Scrum команде — скилл, которому надо учиться. Познакомитесь с программой и форматом обучения онлайн-курса «C# Developer. Professional». 👉🏻 Регистрация на вебинар https://otus.pw/LmBz/

🛠 JavaScript Quiz — проверьте свои знания, отвечая на вопросы по JavaScript. Подробные объяснения гарантированы. WebDEV #инструменты #js

D3.js за 100 секунд Data-Driven Documents или D3 — это библиотека JavaScript для рисования SVG с данными. Это волшебство лежит в основе многих графиков, диаграмм и других визуализаций данных, которые вы видите сегодня в Интернете. 📺 YouTube WebDEV #видео #js

💡 Деструктуризация массива Пример деструктуризации массива:

'use strict';

let [firstName, lastName] = ["Илья", "Кантор"];

alert(firstName); // Илья
alert(lastName);  // Кантор

При таком присвоении первое значение массива пойдёт в переменную firstName, второе – в lastName, а последующие (если есть) – будут отброшены. Ненужные элементы массива также можно отбросить, поставив лишнюю запятую:

'use strict';

// первый и второй элементы не нужны
let [, , title] = "Юлий Цезарь Император Рима".split(" ");

alert(title); // Император

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

❗️ Без знания алгоритмов не обойтись! Большинство ведущих IT-компаний на собеседованиях проверяют кандидата на умение реализовывать классические алгоритмы. ❓ Какие алгоритмы должен знать каждый программист? 💪 Расскажем на интерактивном вебинаре с опытным программистом с 20-летним опытом Евгением Волосатовым. Евгений объяснит, почему без знания алгоритмов — никуда и как большинство ведущих IT-компаний на собеседованиях проверяют кандидата на умение реализовывать классические алгоритмы. 📌 Бесплатный вебинар пройдет в рамках практического онлайн-курса «Алгоритмы и структуры данных». Формат обучения подходит для любого языка программирования. 👉 Для участия зарегистрируйтесь на мероприятие https://otus.pw/jDHQ/ 📌 Пройдите тест на сайте и получите дополнительно запись мастер класса по алгоритмам на e-mail.