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

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

2. Halfmoon — интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS.

3. Избавляемся от дубликатов.

WebDEV #test #css

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

💡 Тернарный оператор

Использование тернарных операторов позволяет избежать использования If..elseif..elseif.

function Fever(temp) {Function Fever(temp).
Return temp > 97? "Visit Doctor!"
Temp 97 "Go out and play!"
Temp ===97 "Take some rest!" 'Take Some Rest!
}
// Output
Fever (97): "Take Some Recover!"
Fever (100): "Visit Doctor!" "

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

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

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

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

Параметры по умолчанию позволяют задавать формальным параметрам функции значения по умолчанию в случае, если функция вызвана без аргументов, или если параметру явным образом передано значение undefined.

function multiply(a, b = 1) {
  return a * b;
}

console.log(multiply(5, 2));
// expected output: 10

console.log(multiply(5));
// expected output: 5

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

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

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