JavaScript'er
Canal cerrado
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Mostrar más6 879
Suscriptores
-524 horas
-377 días
-11930 días
Archivo de publicaciones
6 879
const foo = () => console.log("first")
const bar = () => setTimeout(() => console.log("second"))
const baz = () => console.log("third")
bar()
foo()
baz()
JavaScript'ер6 879
⭐️Nsfw-filter – розширення Google Chrome / Firefox, яке блокує зображення NSFW з веб-сторінок, які ви відвідуєте.
Це розширення НЕ збирає/відправляє жодних даних користувача. Усі операції із зображеннями виконуються локально у браузері. Ніякі дані користувача не надсилаються на сервер для обробки.
Мови : TypeScript (80.5%), JavaScript (19.0%), HTML (0.5%).
https://github.com/nsfw-filter/nsfw-filter
JavaScript'ер
6 879
$8 трильйонів збитків спричинили хакерські атаки у світі за останній рік
Україна також часто потерпає від нападів хакерів на важливі державні й приватні структури. Як цьому запобігти, влаштуватися на затребувану віддалену професію й отримувати гідну зарплату?
Cybersecurity — IT-професія майбутнього:
✅ На 242% збільшиться попит на спеціалістів із безпеки в наступні 10 років
✅ У середньому в Україні такі специ отримують $22 800 на рік, а в США — $123 692 на рік.
На безоплатному марафоні ви опануєте перші навички з кібербезпеки.
⚡️ Тривалість — 4 дні. Тут лекції, практика та підтримка менторів, які допоможуть розібратися у всіх питаннях.
Зареєструватися: https://i.goit.global/juwGk
6 879
const b = { key: "b" }
const c = { key: "c" }
a[b] = 123
a[c] = 456
console.log(a[b])
JavaScript'ер6 879
💥TOASTS
Приклад реалізації різних повідомлень: інформаційне, попереджувальне повідомлення та повідомлення про успіх. Реалізовано за допомогою CSS та JavaScript.
Посилання на Codepen *ТИЦЬ
JavaScript'ер
6 879
Навчіться створювати застосунки для 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 тижнів розробляти кросплатформні мобільні застосунки.
6 879
🎮Трохи про функції 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'ер6 879
🎮Трохи про функції 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'ер6 879
Який атрибут HTML використовується для визначення мови вмісту на веб-сторінці?
6 879
'🔝React Morph Clock
Оригінальний годинник, створений з svg-картинки на React.
Посилання на Codepen *ТИЦЬ
JavaScript'ер
6 879
👍mogollar – Графічний UI для MongoDB написаний на Electron
Мови : JavaScript (36.9%), Vue (32.7%), CSS (26.6%), HTML (3.8%).
https://github.com/dashersw/mogollar
JavaScript'ер
6 879
🎮Найкращі способи створення закруглених кутів
Щоб створити закруглені кути, ми часто встановлюємо border-radius на велике значення, наприклад 9999px. Але ми можемо використовувати для цього відносно менш хакерські рішення.
.box {
border-radius: 100vmax;
}
Тут 100vmax є 100% ширини або висоти області перегляду, в залежності від того, що більше.
Це працює в більшості випадків, за винятком деяких окремих випадків, коли розмір елемента в 2 рази більше, ніж область перегляду. Щоб впоратися з цим сценарієм, ми можемо використати таку альтернативу:
.box {
border-radius: calc(Infinity * 1px);
}
JavaScript'ер