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

1. Параметры по умолчанию.

2. Spirit Studio — браузерный инструмент анимации, помогающий дизайнерам и разработчикам создавать свои анимации и управлять ими в режиме реального времени.

3. Закрашивание фона внутри текста переднего плана.

WebDEV #test #css

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

💡 Стрелочные функции

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

const person = {
    name: "Kapil",
    sayName() {
        return this.name
    }
}

person.sayName() 

// Output: "Kapil"

Но:

const person = {
    name: "Kapil",
    sayName: () => this.name
}

person.sayName() 

// Output: undefined

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

PHP за 100 секунд

PHP — это язык для создания динамических веб-сайтов на сервере. Он остается одним из самых популярных языков программирования в мире, на нем работают такие инструменты, как Wordpress, Laravel и Symfony.

📺 YouTube

WebDEV #видео #php

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

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

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

Оператор опциональной последовательности ?. позволяет получить значение свойства, находящегося на любом уровне вложенности в цепочке связанных между собой объектов, без необходимости проверять каждое из промежуточных свойств в ней на существование. ?. работает подобно оператору ., за исключением того, что не выбрасывает исключение, если объект, к свойству или методу которого идёт обращение, равен null или undefined. В этих случаях он возвращает undefined.

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

const adventurer = {
  name: 'Alice',
  cat: {
    name: 'Dinah'
  }
};

const dogName = adventurer.dog?.name;
console.log(dogName);
// expected output: undefined

console.log(adventurer.someNonExistentMethod?.());
// expected output: undefined

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

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

▫️ 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 [, , title] = "Юлий Цезарь Император Рима".split(" ");

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

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

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

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

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

📺 YouTube

WebDEV #видео #js

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

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