WebDEV

Теперь популярные языки программирования можно легко выучить по гайдам в картинках: 🐍 Python: guides_python 🎗 JavaScript: guides_js 🗃 SQL и БД: db_guides 🔐 Хакинг и ИБ: hack_guides Ещё полезные каналы для программиста: 🦾 Для любых ЯП: it_guides 📚 Статьи: programmer_article Выбирай нужный язык программирования и учись по гайдам не напрягаясь.

💡 Оператор опциональной последовательности Оператор опциональной последовательности ?. позволяет получить значение свойства, находящегося на любом уровне вложенности в цепочке связанных между собой объектов, без необходимости проверять каждое из промежуточных свойств в ней на существование. ?. работает подобно оператору ., за исключением того, что не выбрасывает исключение, если объект, к свойству или методу которого идёт обращение, равен 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

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

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

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

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

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

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

💡 Параметры по умолчанию Параметры по умолчанию позволяют задавать формальным параметрам функции значения по умолчанию в случае, если функция вызвана без аргументов, или если параметру явным образом передано значение 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

🛠 Spirit Studio — браузерный инструмент анимации, помогающий дизайнерам и разработчикам создавать свои анимации и управлять ими в режиме реального времени. WebDEV #инструменты #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

Будущее из контейнеров: IBM Cloud Paks - все преимущества для вашего бизнеса Что вы получите: - Готовые решения IBM - от анализа данных до ИБ - Быстрое развертывание, простое масштабирование, высокая отказоустойчивость - Никакой привязки к «железу» — полный функционал процессов в контейнере Узнайте больше! https://vk.cc/c9D5Xy

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

Снится ли фронтендерам мобильная разработка? Виктор Ильтимиров, разработчик мобильных приложений команды СберМаркет, рассказал на Хабре, стоит ли переходить с React на React Native: https://bit.ly/3JnBR1p Если размышляете о переходе, сомневаетесь или просто изучаете новые для себя области, Виктор поможет сориентироваться, даст совет и заодно подскажет, где ещё искать информацию на эту тему. Читайте внутри: - какие у React Native сильные стороны и чем он отличается от React; - почему перейти из web в мобильную разработку может быть хорошей идеей; - как с помощью React Native Reanimated создавать интерфейсы и анимации, которые будут работать в 60 FPS даже на слабых телефонах.

🔥 Лучшее на канале за неделю 1. CSS за 100 секунд. 2. Halfmoon — интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS. 3. Избавляемся от дубликатов.

💡 Создаем объект-счетчик или Map Бывает, что для решения проблемы требуется создать объект-счетчик или Map, которая будет отслеживать переменные как ключи и их частотность как значения.

let string = "kapilalipak"
={}; Const Table
for(let char of string) {For(let char string)
  table[char]=table[char]+1 || 1;
}
// Output
k. 2, a. 3, p. 2, i. 2, l. 2
And
const countMap = New Map()
  for (let i = 0; i < string.length; i++) {
    if (countMap.has(string[i])) {
      countMap.set(string[i], countMap.get(string[i]) + 1);
    } else {or else
      countMap.set(string[i], 1);
    }
  }
// Output
Map(5) "k” => 2, “a” => 3, “p” => 2, „i” => 2, „l” => 2

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

🛠 Halfmoon — интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS; отлично подходит для панелей мониторинга и инструментов. WebDEV #инструменты #css

CSS за 100 секунд Cascading Style Sheets или CSS — это язык, на котором веб-сайты HTML выглядят красиво. Узнайте, как такие концепции, как каскад, специфичность, наследование и блочная модель, влияют на внешний вид веб-страницы. 📺 YouTube WebDEV #видео #css

💡 Избавляемся от дубликатов Возможно, вы используете indexOf() в сочетании с циклом for для возврата первого найденного индекса. Или пользуетесь более новой функцией includes(), которая возвращает логическое значение true/false массива. Но есть два более быстрых метода удаления дубликатов.

const array = [5,4,7.8,9,2,7.5,]
array.filter((item,idx,arr) => arr.indexOf(item) === idx);
//
const nonUnique = [...new Set(array)];
// Output: (5, 4, 7, 8, 9, 2, 2)

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