JavaScript'er
Closed channel
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Show more7 103
Subscribers
-324 hours
-247 days
-7630 days
Posts Archive
7 102
💥Valid Braces
Напишіть функцію, яка приймає рядок фігурних дужок і визначає, чи є порядок фігурних дужок допустимим. Він повинен повертати true, якщо рядок допустимий, і false, якщо він неприпустимий.
Усі вхідні рядки будуть непорожніми і складатимуться лише з круглих дужок і фігурних дужок: ()[]{}.
Examples:
"(){}[]" => True
"([{}])" => True
"(}" => False
"[(])" => False
"[({})](]" => False
• Вирішити задачу на Codewars
JavaScript'ep7 102
⭐️Як працює токен, сесія, JWT, SSO, OAuth2 та QR-код?
Найчастіше при переході на сайт виникає необхідність управління вашим обліковим записом.
Сесія - сервер зберігає обліковий запис і передає браузеру файл cookie з ідентифікатором сеансу, що дозволяє відстежувати стан входу до системи. Файли cookie не працюють на різних пристроях.
JWT — веб-токени JSON стандартизують токени ідентифікації, використовуючи цифрові підписи для автентифікації. Підпис міститься в токені, тому сеанс сервера не потрібний.
Токен — обліковий запис закодований у токені, надісланому в браузер. Браузер відправляє цей токен при майбутніх запитах автентифікації. Потрібне шифрування та дешифрування.
SSO - система єдиного входу, використовує центральну службу аутентифікації, що дозволяє одному логіну працювати на декількох сайтах.
OAuth2 - дозволяє обмежений доступ до ваших даних на одному сайті іншому сайту без розголошення паролів.
JavaScript'ер | #база
7 102
🔍Переключення видимості пароля за допомогою прапорця
HTML:
<input type="password" class="pass">
<input type="checkbox" class="check">
JS:
const password = document.querySelector(".pass");
const checkbox = document.querySelector(".check");
checkbox.addEventListener("click",()=>{
password.type = checkbox.checked ? "text" : "password";
});
JavaScript'ер7 102
💥Valid Braces
Напишіть функцію, яка приймає рядок фігурних дужок і визначає, чи є порядок фігурних дужок допустимим. Він повинен повертати true, якщо рядок допустимий, і false, якщо він неприпустимий.
Усі вхідні рядки будуть непорожніми і складатимуться лише з круглих дужок і фігурних дужок: ()[]{}.
Examples:
"(){}[]" => True
"([{}])" => True
"(}" => False
"[(])" => False
"[({})](]" => False
• Вирішити задачу на Codewars
JavaScript'ep7 102
Як змінити opacity для елемента input, у якого встановлено атрибут 'type' зі значенням "radio"?
7 102
🎆Різдвяні вогні
Реалізовано за допомогою HTML, CSS та JS.
Посилання на Codepen *ТИЦЬ
JavaScript'ер
7 102
💬Питання із співбесіди
Що таке потік HTML-документу?
Відповідь:
Потоком документа HTML називається порядок виведення елементів на сторінку. У звичайному вигляді всі блоки виводяться в порядку, в якому вони записані всередині HTML-документа. Потік можна змінювати за допомогою CSS правил, наприклад, за допомогою position: absolute.
JavaScript'ер
7 102
📣Створюємо бізнес додатки
ToolJet - це платформа з відкритим вихідним кодом для створення бізнес-додатків за допомогою внутрішніх інструментів із зусиллями.
🐱Посилання на GitHub.
JavaScript
7 102
🤓Я хочу порахувати від 1 до n. Скільки разів я буду використовувати "9"?
9, 19, 91... будуть використовувати по одній "9",
99, 199, 919... використовуватимуть по дві "9"... і т.д.
Примітка: n завжди буде цілим додатним числом.
Приклад:
8 -> 0
9 -> 1
10 -> 1
98 -> 18
100 -> 20
• Відкрити задачу
JavaScript'ep7 102
👍Методи масивів toReversed, toSorted, toSpliced
Є аналогами класичних методів
reverse, sort і splice, але замість зміни вихідного масиву вони повертають новий масив.
Це дозволяє зберегти вихідний масив без змін та працювати з новим масивом, який був перетворений за допомогою цих методів.
JavaScript'ер7 102
🥸Які деякі переваги/недоліки написання коду JavaScript мовою, що компілюється в JavaScript?
Деякі мови компілюються у JavaScript, наприклад CoffeeScript, Elm, ClojureScript, PureScript та TypeScript.
✔️Переваги:
• Виправляються деякі давні проблеми JavaScript та зменшується використання антипаттернів;
• Виходить писати коротший код, так як є деякий синтаксичний цукор поверх JavaScript;
• Статичні типи відмінно підходять (у випадку TypeScript) для великих проектів, які необхідно підтримувати протягом тривалого часу.
❌Недоліки:
• Ускладнене налагодження;
• Більшість розробників не знає цих мов, і важко знайти кадрів;
• Менша спільнота програмістів;
• Може бракувати підтримки IDE чи редактора;
• Ці мови завжди відставатимуть від останнього стандарту JavaScript.
JavaScript'ер
