💡 Подборка видео

▫️ CSS Flexbox. Полный курс

▫️ React Testing Library

▫️ HTML за 100 секунд

▫️ ПРОДАКТ В IT

▫️ CSS за 100 секунд

▫️ PHP за 100 секунд

WebDEV #подборка #видео

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

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

2. Meanderer — маленькая библиотека JavaScript для создания отзывчивых траекторий анимации.

3. Оператор опциональной последовательности.

WebDEV #test #React

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

💡 Оператор нулевого слияния

Оператор нулевого слияния (??) это логический оператор, который возвращает значение правого операнда когда значение левого операнда равно null или undefined, в противном случае будет возвращено значение левого операнда.

В отличие от логического ИЛИ (||), левая часть оператора вычисляется и возвращается даже если его результат после приведения к логическому типу оказывается ложным, но не является null или undefined. Другими словами, если вы используете || чтобы установить значение по умолчанию, вы можете столкнуться с неожиданным поведением если считаете некоторые ложные значения пригодными для использования (например, "" или 0). Ниже приведены примеры.

const foo = null ?? 'default string';
console.log(foo);
// expected output: "default string"

const baz = 0 ?? 42;
console.log(baz);
// expected output: 0

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

📖 AWS Certified Cloud Practitioner Study Guide
🖋 Ben Piper, David Clinton, 2019

Сделайте следующий шаг в своей карьере, расширив и подтвердив свои навыки в облаке Amazon Web Services (AWS). Учебное пособие для сертифицированного специалиста по облачным технологиям AWS дает хорошее представление об этой ведущей в отрасли технологии, которой пользуются тысячи компаний по всему миру, а также ресурсы, необходимые для подтверждения своих знаний на сертификационном экзамене AWS. Это руководство предлагает полное и тщательное рассмотрение всех тем, включенных в экзамен, начиная с обсуждения того, что такое облако AWS, его базовой глобальной инфраструктуры и архитектурных принципов.

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

WebDEV #book #AWS

🛠 Happy Hues — палитры отобранных цветов, которые будут уместны в определённом контексте.

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

💡 Spread syntax

Spread syntax позволяет расширить доступные для итерации элементы (например, массивы или строки) в местах

— для функций: где ожидаемое количество аргументов для вызовов функций равно нулю или больше нуля
— для элементов (литералов массива)
— для выражений объектов: в местах, где количество пар "ключ-значение" должно быть равно нулю или больше (для объектных литералов)

function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers));
// expected output: 6

console.log(sum.apply(null, numbers));
// expected output: 6

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

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

1. AWS Certified Cloud Practitioner Study Guide.

2. Happy Hues — палитры отобранных цветов, которые будут уместны в определённом контексте.

3. Оператор нулевого слияния.

WebDEV #test #js

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

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

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

'use strict';

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

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

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

Ненужные элементы массива также можно отбросить, поставив лишнюю запятую:

'use strict';

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

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

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

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

D3.js за 100 секунд

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

📺 YouTube

WebDEV #видео #js

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

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

💡 Проверка палиндрома в одну строку

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

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

checkPalindrome('naman');

// Output: true

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

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

1. D3.js за 100 секунд.

2. JavaScript Quiz — проверьте свои знания, отвечая на вопросы по JavaScript.

3. Деструктуризация массива.

WebDEV #test #js

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

💡 Превращаем атрибуты объекта в массив атрибутов

Используем 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

📖 Go Web Programming
🖋 Sau Sheong Chang, 2016

Go Web Programming научит вас создавать масштабируемые, высокопроизводительные веб-приложения на Go с использованием современных принципов проектирования. Вы узнаете, как реализовать шаблон проектирования внедрения зависимостей для написания тестовых пар, использовать параллелизм в веб-приложениях, а также создавать и использовать JSON и XML в веб-сервисах.

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

WebDEV #book #Go #web

🛠 Parsel — парсер CSS-селекторов в два килобайта.

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