JavaScript'er
Canal cerrado
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
Mostrar más
6 879
Suscriptores
-524 horas
-377 días
-11930 días
Archivo de publicaciones
6 879
📌Корисний інструмент для перетворення дизайнів, зроблених у Figma, на чистий фронтенд-код
Під капотом ШІ, який спростить процес передачі розробки та перетворить ваш дизайн на веб-сторінку за два кліки.
Зберігаємо час тут.
JavaScript'ер
6 879
CATFRONTEND — сучасна онлайн-база ресурсів для світчерів.
ТОП матеріали для безкоштовного та платного навчання; самоосвіта, менторські програми та стажування; опитування, технічні статті, поради щодо проходження співбесід
https://t.me/+FWOFBpwkauRiMTgy
і ще безліч інформації у каналі ❤️🔥
6 879
💥Voyage Slider
Анімовані картки. Реалізовано за допомогою CSS та JavaScript.
Посилання на Codepen *ТИЦЬ
JavaScript'ер
6 879
💎Заміна всіх підрядків
Метод String.replace() дозволяє замінювати підрядки за допомогою регулярних виразів, але за умовчанням замінюється лише перше входження підрядка. Тим не менш, ви можете виправити це, додавши /g на кінець «регулярки».
JavaScript'ер
6 879
🚀 FRONTEND ТА FULLSTACK: ПЛАН ОСВОЄННЯ ПРОФЕСІЙ
🪐 Хей-хей! На зв'язку планета Mate academy!
Вже у цей вівторок проведемо безоплатний вебінар, де розберемо найбільш хвилюючі питання початківців та розкажемо, як з нуля стартувати в IT Frontend / Fullstack спеціалісту.
📝Про що поговоримо?
📌 Чому Frontend (аналітика вакансій, зарплат, конкуренції тощо)
📌 З чого краще починати: JavaSсript, HTML/CSS
📌 Як освоїти GIT + GITHUB
📌 Frameworks: React vs Angular vs Vue. Що справді потрібно роботодавцям
📌 Де шукати безкоштовні ресурси
📌 Що таке Fullstack та чи він кращий?
🗓 Коли: 23 січня о 19:00
👉 Тицяй кнопку нижче або переходь за посилання для реєстрації:
mate.academy/webinars/frontend_fullstack
6 879
💬Питання із співбесіди
Які типи даних є у JavaScript?
Відповідь:
Існує 8 типів даних. 7 примітивних та 1 складний тип даних. Примітивні типи: number, string, boolean, symbol, bigInt, null, undefined. Складний тип – object. Він використовується для колекцій даних та для оголошення більш складних сутностей. Також він передається за посиланням, а прості типи даних за значенням.
JavaScript'ер
6 879
Як правильно встановити overflow для body, щоб прибрати горизонтальний і зберегти вертикальний скролл?
6 879
⚡️bundle-wizard - утиліта для аналізу та візуалізації залежностей JavaScript, що завантажується веб-додатком.
Мови : JavaScript (88.7%), SCSS (8.9%), HTML (2.4%).
JavaScript'ер
6 879
💥Valid Braces
Напишіть функцію, яка приймає рядок фігурних дужок і визначає, чи є порядок фігурних дужок допустимим. Він повинен повертати true, якщо рядок допустимий, і false, якщо він неприпустимий.
Усі вхідні рядки будуть непорожніми і складатимуться лише з круглих дужок і фігурних дужок: ()[]{}.
Examples:
"(){}[]" => True
"([{}])" => True
"(}" => False
"[(])" => False
"[({})](]" => False
• Вирішити задачу на Codewars
JavaScript'ep6 879
⭐️Як працює токен, сесія, JWT, SSO, OAuth2 та QR-код?
Найчастіше при переході на сайт виникає необхідність управління вашим обліковим записом.
Сесія - сервер зберігає обліковий запис і передає браузеру файл cookie з ідентифікатором сеансу, що дозволяє відстежувати стан входу до системи. Файли cookie не працюють на різних пристроях.
JWT — веб-токени JSON стандартизують токени ідентифікації, використовуючи цифрові підписи для автентифікації. Підпис міститься в токені, тому сеанс сервера не потрібний.
Токен — обліковий запис закодований у токені, надісланому в браузер. Браузер відправляє цей токен при майбутніх запитах автентифікації. Потрібне шифрування та дешифрування.
SSO - система єдиного входу, використовує центральну службу аутентифікації, що дозволяє одному логіну працювати на декількох сайтах.
OAuth2 - дозволяє обмежений доступ до ваших даних на одному сайті іншому сайту без розголошення паролів.
JavaScript'ер | #база
6 879
🔍Переключення видимості пароля за допомогою прапорця
HTML:
<input type="password" class="pass">
<input type="checkbox" class="check">const password = document.querySelector(".pass");
const checkbox = document.querySelector(".check");
checkbox.addEventListener("click",()=>{
password.type = checkbox.checked ? "text" : "password";
});6 879
💥Valid Braces
Напишіть функцію, яка приймає рядок фігурних дужок і визначає, чи є порядок фігурних дужок допустимим. Він повинен повертати true, якщо рядок допустимий, і false, якщо він неприпустимий.
Усі вхідні рядки будуть непорожніми і складатимуться лише з круглих дужок і фігурних дужок: ()[]{}.
Examples:
"(){}[]" => True
"([{}])" => True
"(}" => False
"[(])" => False
"[({})](]" => False
• Вирішити задачу на Codewars
JavaScript'ep