JavaScript'er

😌Коли після слабких айті курсів стикаєшся з проблемною таскою і вирішуєш її як тебе навчили... JavaScript'ер

🥸Питання на CSS співбесіді. Як я можу задати CSS для елемента, який містить елемент, який знаходиться у фокусі? Відповідь: Через псевдоклас: focus-within.

<div class="some-parent"> <button type="button">Some button</button> </div>

.some-parent:focus-within { outline: 2px solid purple; outline-offset: 5px; }

JavaScript'ер

🔄Color Compare Range Slider Слайдер з порівняння різних кольорів на фото. Посилання на Codepen *ТИЦЬ JavaScript'ер

🫡Краще раніше ніж пізно починати JavaScript'ер

const foo = () => console.log("first")
const bar = () => setTimeout(() => console.log("second"))
const baz = () => console.log("third")

bar()
foo()
baz()

JavaScript'ер

⭐️Nsfw-filter – розширення Google Chrome / Firefox, яке блокує зображення NSFW з веб-сторінок, які ви відвідуєте. Це розширення НЕ збирає/відправляє жодних даних користувача. Усі операції із зображеннями виконуються локально у браузері. Ніякі дані користувача не надсилаються на сервер для обробки. Мови : TypeScript (80.5%), JavaScript (19.0%), HTML (0.5%). https://github.com/nsfw-filter/nsfw-filter JavaScript'ер

👩‍💻CSS прекрасний float: everywhere layout: no </Codu>

Розробник: "Цей інтерфейс інтуїтивно-зрозумілий" Юзер: 🤨 JavaScript'ер

$8 трильйонів збитків спричинили хакерські атаки у світі за останній рік Україна також часто потерпає від нападів хакерів на важливі державні й приватні структури. Як цьому запобігти, влаштуватися на затребувану віддалену професію й отримувати гідну зарплату? Cybersecurity — IT-професія майбутнього: ✅ На 242% збільшиться попит на спеціалістів із безпеки в наступні 10 років ✅ У середньому в Україні такі специ отримують $22 800 на рік, а в США — $123 692 на рік. На безоплатному марафоні ви опануєте перші навички з кібербезпеки. ⚡️ Тривалість — 4 дні. Тут лекції, практика та підтримка менторів, які допоможуть розібратися у всіх питаннях. Зареєструватися: https://i.goit.global/juwGk

const b = { key: "b" }
const c = { key: "c" }

a[b] = 123
a[c] = 456

console.log(a[b])

JavaScript'ер

💥TOASTS Приклад реалізації різних повідомлень: інформаційне, попереджувальне повідомлення та повідомлення про успіх. Реалізовано за допомогою CSS та JavaScript. Посилання на Codepen *ТИЦЬ JavaScript'ер

Навчіться створювати застосунки для iOS та Android ⚡️React Native — один із фреймворків, що дає змогу створювати мобільні застосунки одночасно для iOS та Android. Опанувати його можна на онлайн-курсі React Native Developer від robot_dreams, що стартує 20 травня. 90% курсу — практика: заняття відбуватимуться у форматі live coding, а ви відтворите всі етапи розробки. За 6 тижнів / 14 занять ви: 👾 опануєте основні компоненти React Native 👾 навчитеся застосовувати стилі, розберетеся в навігації дізнаєтеся, як інтегрувати нативні АРІ та управляти станом застосунку 👾 зможете гарантувати безпеку даних та оптимізувати продуктивність 👾 створите власний застосунок та підготуєте його до деплою Вас навчатиме: Віктор Ярмолицький, Senior React Native Developer в IT-компанії зі списку S&P 500, який брав участь у розробці програм, якими користуються понад 20 млн українців та має досвід роботи над проєктом для Мінцифри. 📲 Приєднуйтесь до курсу, щоб вже за 6 тижнів розробляти кросплатформні мобільні застосунки.

🎮Трохи про функції JS Функції є ділянками коду, які можуть приймати параметри, виконувати певні операції та повертати результат. Вони можуть бути визначені за допомогою ключового слова function. Є кілька способів визначення функцій: 1. Оголошення функції (оголошення функції починається з ключового слова function, за яким слідує ім'я функції та список параметрів у круглих дужках):

 function greet(name) {
console.log("Привіт," + name + "!");
}
greet("Антон"); // виклик функції

2. Функціональний вираз (спосіб визначення функції за допомогою виразу, такі функції можуть бути анонімними та надаватися змінною):

 let greet = function(name) {
console.log("Привіт," + name + "!");
};
greet("Антон"); // виклик функції

3. Стрілкові функції (скорочений синтаксис для визначення функцій, що не мають власного цього і лексично прив'язані до контексту, в якому вони були створені):

 let greet = (name) => {
console.log("Привіт," + name + "!");
};
greet("Антон"); // виклик функції

— Усі три типи оголошення функцій можна передавати як аргументи. Аргументи - це те, що ми безпосередньо передаємо у функцію, а параметри - це внутрішні змінні функції, куди передаються аргументи. Тепер хотілося б нарешті перейти до основних концепцій функцій у JS: Параметри та значення, що повертаються (параметри дозволяють передавати значення у функцію для обробки, а функції можуть повертати значення за допомогою ключового слова return):

 function add(a, b) {
return a + b;
}
let result = add(5, 3);
console.log(result); // виведе 8

Замикання (замикання дозволяють функції зберігати доступ до змінних із зовнішньої області видимості навіть після того, як ця область видимості була закрита):

 function outerFunction() {
let outerVar = "Зовнішня змінна";
function innerFunction() {
console.log(outerVar);
}
return innerFunction;
}
let innerFunc = outerFunction();
innerFunc(); // Виведе "Зовнішня змінна"

Рекурсія (це процес, коли функція викликає саму себе для вирішення завдання, корисно при роботі з деревами, списками та іншими структурами даних):

 function factorial(n) {
if (n === 0) {
return 1;
}
return n* factorial(n - 1);
}
console.log(factorial(5)); // виведе 120

Хочеться підсумувати, що тут я розглянув основні аспекти функцій разом із прикладами їхнього застосування. Дякую, що дочитали до кінця!❤️ JavaScript'ер

😂Турецький продавець морозива підкорює фронтенд JavaScript'ер

🎮Трохи про функції JS Функції є ділянками коду, які можуть приймати параметри, виконувати певні операції та повертати результат. Вони можуть бути визначені за допомогою ключового слова function. Є кілька способів визначення функцій: 1. Оголошення функції (оголошення функції починається з ключового слова function, за яким слідує ім'я функції та список параметрів у круглих дужках):

 function greet(name) {
console.log("Привіт," + name + "!");
}
greet("Антон"); // виклик функції

2. Функціональний вираз (спосіб визначення функції за допомогою виразу, такі функції можуть бути анонімними та надаватися змінною):

 let greet = function(name) {
console.log("Привіт," + name + "!");
};
greet("Антон"); // виклик функції

3. Стрілкові функції (скорочений синтаксис для визначення функцій, що не мають власного цього і лексично прив'язані до контексту, в якому вони були створені):

 let greet = (name) => {
console.log("Привіт," + name + "!");
};
greet("Антон"); // виклик функції

— Усі три типи оголошення функцій можна передавати як аргументи. Аргументи - це те, що ми безпосередньо передаємо у функцію, а параметри - це внутрішні змінні функції, куди передаються аргументи. Тепер хотілося б нарешті перейти до основних концепцій функцій у JS: Параметри та значення, що повертаються (параметри дозволяють передавати значення у функцію для обробки, а функції можуть повертати значення за допомогою ключового слова return):

 function add(a, b) {
return a + b;
}
let result = add(5, 3);
console.log(result); // виведе 8

Замикання (замикання дозволяють функції зберігати доступ до змінних із зовнішньої області видимості навіть після того, як ця область видимості була закрита):

 function outerFunction() {
let outerVar = "Зовнішня змінна";
function innerFunction() {
console.log(outerVar);
}
return innerFunction;
}
let innerFunc = outerFunction();
innerFunc(); // Виведе "Зовнішня змінна"

Рекурсія (це процес, коли функція викликає саму себе для вирішення завдання, корисно при роботі з деревами, списками та іншими структурами даних):

 function factorial(n) {
if (n === 0) {
return 1;
}
return n* factorial(n - 1);
}
console.log(factorial(5)); // виведе 120

Хочеться підсумувати, що тут я розглянув основні аспекти функцій разом із прикладами їхнього застосування. Дякую, що дочитали до кінця!❤️ JavaScript'ер