JavaScript'er

Розробник: "Цей інтерфейс інтуїтивно-зрозумілий" Юзер: 🤨 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'ер

'🔝React Morph Clock Оригінальний годинник, створений з svg-картинки на React. Посилання на Codepen *ТИЦЬ JavaScript'ер

☺️Якщо папуга зміг, то ти теж зможеш JavaScript'ер

👍mogollar – Графічний UI для MongoDB написаний на Electron Мови : JavaScript (36.9%), Vue (32.7%), CSS (26.6%), HTML (3.8%). https://github.com/dashersw/mogollar JavaScript'ер

🎮Найкращі способи створення закруглених кутів Щоб створити закруглені кути, ми часто встановлюємо border-radius на велике значення, наприклад 9999px. Але ми можемо використовувати для цього відносно менш хакерські рішення.

 .box {
border-radius: 100vmax;
}

Тут 100vmax є 100% ширини або висоти області перегляду, в залежності від того, що більше. Це працює в більшості випадків, за винятком деяких окремих випадків, коли розмір елемента в 2 рази більше, ніж область перегляду. Щоб впоратися з цим сценарієм, ми можемо використати таку альтернативу:

 .box {
border-radius: calc(Infinity * 1px);
}

JavaScript'ер

😅Коли знаєш тільки HTML і розробляєш веб-додаток JavaScript'ер

#коштозбір на авто для кулеметного взводу 26-го окремого стрілецького батальйону 47-ї окремої механізованої бригади триває! Оце так книжки вмотивували вас) Ми наблизилися до мети на +51213 гривень, і від завершення збору нас відділяє лише 80125 гривень! https://send.monobank.ua/jar/7q9bH1mT6r 5375411215424057 Дякую за кожнісіньку гривню і цьом вам у лобіка, заслужили ;)

👩‍💻CSS-властивість caret-color Задає колір текстового курсору (каретки), який відображається у текстових полях форми (<input>, <textarea>), а також для елементів з атрибутом contenteditable. Властивість є успадкованою, тому її можна вказати глобально або для форми, і не вказувати кожному полю введення окремо.

input {
caret-color: yellow;
}

JavaScript'ер