JavaScript 🇺🇦

Тег <img> На 6-му міні-уроці відео-курсу про основи HTML & CSS розглянемо тег <img>, який призначений для відображення на веб-сторінці візуальних елементів у графічному форматі GIF, PNG, JPEG, SVG, WebP. Мова: 🇺🇦 Автор: SavchukIT Тривалість: 7 хв #lessons // Вакансії IT // JS

Sassy Search Bar Рядок пошуку з підказками, виконаний за допомогою SCSS та TypeScript. #practice // Вакансії IT // JS

"Тимчасова мертва зона" в ES6 В стандарті ES6 виконується підйом змінних і констант, оголошених з використанням ключових слів let і const (виконується і підйом сутностей, оголошених з використанням ключових слів var, class і function). Однак у коді є зона, що тягнеться від входу в область видимості до оголошення змінної або константи. При зверненні до змінної або константи у цій зоні буде видано помилку. Це і є тимчасова мертва зона (Temporal Dead Zone, TDZ). #theory // Архів книг // JS

Курс: React Поглиблений * для усіх, хто намагається освоїти React 📆 11 квітня, 19:00 🎁 безкоштовно 📌 онлайн Формат: ▫️тривалість: 10 годин Наповнення: ▫️створення проекту, TypeScript, типізація в React ▫️стилізація ▫️практична робота з API і стилізація ▫️хуки useContext, useRef, портали ▫️кастомні хуки та memory leak ▫️робота з формами ▫️мемоізація ▫️оптимізація ▫️Redux Toolkit, RTK Query ▫️міграція на RTK Query ▫️GraphQL ▫️JWT token, авторизація, приватні та публічні маршрути ▫️Server-side Rendering ▫️тестування компонентів 👉 Зареєструватись

Typo-coaster Анімація тексту, який рухається певною траєкторією. Реалізовано за допомогою Splitting.js. #practice // Вакансії IT // JS

Контрольні питання у вакансії — це мінус 20% відгуків В березні 36,5 тисяч ІТ-кандидатів клікнули "відгукнутись" у майже 13К вакансій на Djinni. Якщо рекрутер не додав до вакансії контрольні питання, 100% цих кліків сконвертувались у відгуки. Але якщо контрольні питання були — у 20% випадків кандидати передумували відгукуватись на вакансію (з 52 тисяч унікальних кліків лише 42,5К стали відгуками). #news // Архів книг // JS

Що таке "підняття змінних"? Піднімаються лише оголошення змінних, але не код їхньої ініціалізації. Зверніть увагу, що поведінка змінних, які оголошуються з використанням ключового слова var, відрізняється від поведінки змінних та констант, оголошених з використанням let та const. #theory // Вакансії IT // JS

Вакансія: Full-Stack Developer Небанківська фінансова установа Finsfera шукає на офісну роботу у Києві Full-Stack-розробника рівня Senior зі знанням Node.js, GraphQL / Apollo server, Express.js, PostgreSQL, React, Next.js — для участі в розробці стратегії технічного розвитку продукту та забезпечення її виконання. 📝 Відкрити анкету ___ Шановні підписники, розгляньте, будь ласка, можливість надати буст нашому каналу https://t.me/javascriptuk?boost — це допоможе йому опинитися вище у пошуковій системі. Дякуємо! ❤️ #jobs // Архів книг // JS

Front-End Developer * від Car RENT UA (участь у розробці сайту та його утиліт) 🌿 Пропонують: ▫️віддалено ▫️відрядна погодинна оплата ▫️щомісячна звітність ☀️ Очікують: ▫️знання пошукової оптимізації для розробників (CEO) ▫️знання PHP, MySql, JavaScript, CSS, HTML. ▫️досвід веб-розробки від 2-х років ▫️наявність портфоліо ▫️знання верстки ▫️знання CMS WordPress ▫️англійська на рівні документації 👉 Детальніше #front_end

const result = 1.1e2;
console.log(result);

👉 Відповідь #practice // Вакансії IT // JS

Multithreaded JavaScript Ця книга досліджує різноманітні функції, які мають у своєму розпорядженні середовища виконання JavaScript для реалізації багато-потокового програмування, використовуючи спектр довідкових матеріалів API та шаблонів програмування високого рівня. Рік: 2021 Мова: 🇬🇧 Автори: II Thomas Hunter, Bryan English #books // Архів книг // JS

Замикання Замикання в JS можуть бути корисними в безлічі сценаріїв програмування, даючи змогу створювати приватні змінні та методи, передавати функції як аргументи, використовувати функції зворотного виклику та багато іншого. Мова: 🇺🇦 #theory // Вакансії IT // JS

const a = 5;
const b = 10;

const result = (a > 3 && b < 15) || (a === 5 && b > 8);

console.log(result);

👉 Відповідь #practice // Архів книг // JS

Переводимо веб-сайти в 3D Ентузіаст написав засіб перегляду HTML / DOM, який дозволяє оцінити ваш сайт у 3D, під зовсім новим кутом зору, в прямому і переносному сенсі. 👉 Код GitHub @itmemeua

Houdini gradient border animation Анімація градієнтної рамки, реалізована на чистому CSS. #practice // Архів книг // JS

Стрілочні функції Відтоді, як в JavaScript з’явилася стрілочна функція, підхід до написання функцій отримав нову перспективу. Стрілочні функції пропонують більш лаконічне та виразне написання коду. Саме про цей новий синтаксис та його роль у програмуванні на JS і розповідається у свіжій статті. Мова: 🇺🇦 #theory // Вакансії IT // JS

Одного дня ми усвідомили: черговий скролінг рілзів забирає наше життя, не додаючи до нього ніякого сенсу. Реклама, пропаганда, ботоферми та фейки спотворюють і маніпулюють реальністю настільки, що втрачається сенс заглядати в коментарі чи вірити тому, що там написано. Тому ми створили Pleex. www.pleex.com - це нова українська соціальна платформа для спільнот. 📍Єдина платформа без ботів та 🐽. Завдяки реєстрації через Дію на платформі будуть лише реальні люди з реальними іменами. Не хвилюйся, Pleex не збирає жодних твоїх документів! 📍Коли AI дійсно у поміч. Вбудований набір AI інструментів для перевірки граматики та читання. 📍Простір, якого не вистачало. Разом цікавіше у всьому, від обговорення новин до побудови бізнесу. 📍З Україною в серці. 🇺🇦Українська мова, люди та наше майбутнє. Про нас та для нас. Коли зрозумієш, що досить з тебе бруду, фейків та нескінченних тіктоків, заходь на Pleex. www.pleex.com

У чому різниця між звичайною функцією та функціональним виразом? Припустимо, у нас є таке:

hoistedFunc()
notHoistedFunc()

function hoistedFunc(){
    console.log('I am hoisted')
}

var notHoistedFunc = function(){
    console.log('I will not be hoisted!')
}

Виклик notHoistedFunc призведе до помилки, а виклик hoistedFunc — ні, тому що hoistedFunc "спливає", піднімається в глобальну область видимості, а notHoistedFunc — ні. #practice // Архів книг // JS

Теги <h1-h6> На 5-му міні-уроці відео-курсу про основи HTML & CSS розглянемо шість рівнів заголовків розділів — від <h1> до <h6>. <h1> — це заголовок найвищого рівня, а <h6> — найнижчого. За замовчуванням всі елементи заголовків створюють у розмітці блоковий контейнер, що починається на новому рядку і займає всю доступну ширину в блоці, що містить його. Мова: 🇺🇦 Автор: SavchukIT Тривалість: 3 хв #lessons // Вакансії IT // JS

Acrobatic Preloader Оригінальний лоадер, створений з svg-картинки та анімований на CSS. #practice // Архів книг // JS