JavaScript 🇺🇦

Helical dust Нескінченна анімація, створена JS. Всі частинки малюються на Canvas. #practice // Архів книг // JS

🚀 FRONTEND ТА FULLSTACK: ПЛАН ОСВОЄННЯ ПРОФЕСІЙ 💫 Чудова можливість від Mate academy! 16 квітня команда мейту запрошує вас на безкоштовний вебінар, де розглянуть найцікавіші питання для початківців і розкажуть, як розпочати кар'єру в IT як Frontend / Fullstack розробник. 📝Про що поговоримо? 📌 Чому Frontend (аналітика вакансій, зарплат, конкуренції) 📌 З чого краще починати: JavaSсript, HTML/CSS 📌 Як освоїти GIT + GITHUB 📌 Фреймворки. Що справді потрібно роботодавцям 📌 Де шукати безкоштовні ресурси 🗓 Коли: 16 квітня о 19:00 🎁 Для всіх учасників стріму буде відкритий доступ до всіх базових модулів Mate academy всіх напрямків навчання. 👉 Тицяй кнопку нижче або переходь за посилання для реєстрації: mate.academy/webinars/frontend_fullstack

Більше вакансій для Project Manager i Full-stack Категорія Marketing — все ще лідер за кількістю опублікованих вакансій на ІТ-порталі Djinni, її частка майже 13,5%. Але за минулий квартал кількість цих вакансій дещо скоротилась. На другому місці — категорія Sales (5,5%). На третьому — JS (5,4%). Далі у п'ятірці лідерів Project Manager (5,2%) та Full-stack (4,2%). Їх кількість за останній квартал відчутно виросла. 📈 Також цього кварталу стало більше вакансій для дизайнерів і дата аналітиків. #news // Вакансії IT // JS

Параметри завжди передаються за значенням, але в змінних, що представляють об'єкти, записані посилання на об'єкти. Тому, коли в функцію передають об'єкт і змінюють його властивість, ця зміна зберігається в об'єкті при виході з функції.

function changeStuff(a, b, c)
{
  a = a * 10;
  b.item = "changed";
  c = {item: "changed"};
}

var num = 10;
var obj1 = {item: "unchanged"};
var obj2 = {item: "unchanged"};

changeStuff(num, obj1, obj2);

console.log(num);
console.log(obj1.item);
console.log(obj2.item);

В результаті виникає відчуття того, що параметри функції передаються за посиланням. Але якщо змінити значення змінної, що представляє об'єкт, ця зміна не вплине на об'єкти, що знаходяться за межами функції. #practice // Архів книг // JS

Вакансія: Front-End Developer (Vue.js / Nuxt) Digital- та креативне агентство повного циклу Industrial Media шукає на віддалену або офісну роботу в Києві фронтенд-розробника з досвідом роботи від 2-х років та міцними роботами Vue / Nuxt у портфоліо — для розробки нешаблонних, крутих сайтів. 📝 Відкрити анкету #jobs // Вакансії IT // JS

Вебінар: Маршрут твого старту в ІТ * для початківців у сфері IT 📆 16 квітня, 18:00 🎁 безкоштовно 📌 онлайн Ви отримаєте: ▫️розуміння того, на якому етапі свого маршруту до оферу в ІТ знаходитеся ▫️бачення своєї майбутньої стратегії в пошуках роботи в ІТ ▫️навички самопрезентації в резюме, LinkedIn та під час співбесіди ▫️аналітичні інструменти при пошуку роботи, щоб впевнено рухатися на цьому шляху 👉 Зареєструватись

const anObject = {y: 'y', test: () => 'zoo'}
const x = {
   __proto__: anObject,
   test() {
      return super.test() + 'x'
   }
}
x. test()

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

Web Design Playground Ця книга допоможе вам крок за кроком від написання першого рядка HTML до створення цікавих і привабливих веб-сторінок. Рік: 2019 Мова: 🇬🇧 Автори: Paul McFedries #books // Вакансії IT // JS

Відкрий для себе світ якісного звуку разом з Soundmag ✨ ✔️Аудіомагазин з найвищими в Україні оцінками в Google та Hotline за 13-річну історію 🔊 Наші салони в Одесі, Києві та Дніпрі — це простір, де магія звуку стає реальною. А приємним бонусом є дистанційне прослуховування — можливість послухати усю техніку без виходу за поріг свого дому Якщо ви подкастер, блогер, діджей, саундпродюсер або ж просто в пошуках ідеального девайса – можете покластися на Soundmag Просто зараз в телеграм каналі ми розігруємо аж 4 подарунки: 🖇флагманські навушники Sennheiser IE 800 S 🖇вініловий програвач Audio-Technica AT-LP60XUSBGM 🖇бездротові навушники Sony WH-1000XM3 🖇навушники Kiwi Ears Quartet Як взяти участь? Задонатити на суму від 100 грн на збір для 5-ї танкової бригади 🇺🇦 Деталі збору та посилання на банку тут⚡️ Також на каналі ви знайдете чесні огляди на аудіоновинки, актуальні знижки та життєві меми 🎧Чекаємо вас в аудіоспільноті

Об'єкти Map та WeakMap Ці об'єкти поводяться по-різному в тому випадку, якщо змінна, що містить посилання на об'єкт, який є ключем однієї з пар ключ/значення, виявляється недоступною. Ось приклад:

var map = new Map();
var weakmap = new WeakMap();

(function() {
    var a = {
        x: 12
    };
    var b = {
        y: 12
    };

    map.set(a, 1);
    weakmap.set(b, 2);
})()

По завершенні виконання IIFE ми вже не матимемо доступу до об'єктів a та b. Тому збирач сміття видаляє ключ b з weakmap та очищає пам'ять. А вміст map залишається незмінним. ___ Шановні, будемо дуже вам вдячні, якщо дасте буст нашому каналу https://t.me/javascriptuk?boost — це допоможе йому опинитися вище у пошуковій системі. Дякуємо! ❤️ #theory // Архів книг // JS

Detect Mouse Position Красивий ефект при наведенні на кнопку, реалізований за допомогою Pixi.js. #practice // Вакансії IT // JS

Тернарні оператори Тернарні оператори (також відомі як умовні оператори) — це потужний інструмент в JS, який спрощує код і робить його більш читабельним. Вони використовуються для виконання одного з двох виразів залежно від істинності або хибності заданої умови. Мова: 🇺🇦 #theory // Архів книг // JS

var output = (function(x) {
  delete x;
  return x;
})(0);

console.log(output);

👉 Відповідь ___ Дорогі підписники, будемо дуже вам вдячні, якщо дасте буст нашому каналу https://t.me/javascriptuk?boost — це допоможе йому опинитися вище у пошуковій системі. Щиро дякуємо! ❤️ #practice // Вакансії IT // JS

Тег <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