blog.ithillel.ua
JavaScript: замикання (Closures) та їх роль у сучасному програмуванні: Стаття з блогу IT-школи Hillel
Стаття на тему JavaScript: замикання (Closures) та їх роль у сучасному програмуванні. Корисні публікації у блозі комп'ютерної школи Hillel.
Closures (замикання) — одна з тих тем, яка збиває з пантелику навіть досвідчених розробників.
1. Що таке замикання насправді — без води й складних формулювань.
2. Як функції зберігають доступ до змінних після виконання батьківської функції.
3. Типові приклади помилок та як їх уникнути у своїх проектах.
4. Реальні кейси, де замикання економлять код і роблять логіку чистішою.
#educated
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9
У всіх зараз якийсь треш на роботі?
У мене особисто робочий день останні два тижні складається з "це потрібно зробити на вчора", "а чому так довго?", "до кінця року нам точно треба закрити таску, яка по-нормальному мала б займати три спрінта, як мінімум".
Клієнти, які не давали правок місяцями, зараз активувалися і дають правки на все підряд в турбо режимі. Це шо таке я вас питаю🥲
Я вже відкриваю апі і через секунду дивлюся в монітор в повній фрустрації з думками "а нашо я то відкрив?". Раніше я пив каву під роботу, а зараз пʼю каву просто туплячись в стіну.
Хотілося б якийсь work-life balance, а не оце все.
Розказуйте як у вас зараз?
У мене особисто робочий день останні два тижні складається з "це потрібно зробити на вчора", "а чому так довго?", "до кінця року нам точно треба закрити таску, яка по-нормальному мала б займати три спрінта, як мінімум".
Клієнти, які не давали правок місяцями, зараз активувалися і дають правки на все підряд в турбо режимі. Це шо таке я вас питаю🥲
Я вже відкриваю апі і через секунду дивлюся в монітор в повній фрустрації з думками "а нашо я то відкрив?". Раніше я пив каву під роботу, а зараз пʼю каву просто туплячись в стіну.
Хотілося б якийсь work-life balance, а не оце все.
Розказуйте як у вас зараз?
❤17
Відчуваю, що до кінця місяця у нас тут буде чисто як флуділка якась 😁
Я сьогодні знову з питаннями до вас.
За ЧИМ саме ви приходите в тг-канали?
Чисто відволіктися трохи від роботи і щось там десь посміятися над мемами, чи шукаєте щось корисне і, можливо, додаєте це в збережене, щоб потім повернутися до цього?
Хочемо зрозуміти який контент тут буде більш доцільним і корисним саме для вас, тому будемо вдячні за розгорнуту відповідь в коментарях 🫶🏼
Я сьогодні знову з питаннями до вас.
За ЧИМ саме ви приходите в тг-канали?
Чисто відволіктися трохи від роботи і щось там десь посміятися над мемами, чи шукаєте щось корисне і, можливо, додаєте це в збережене, щоб потім повернутися до цього?
Хочемо зрозуміти який контент тут буде більш доцільним і корисним саме для вас, тому будемо вдячні за розгорнуту відповідь в коментарях 🫶🏼
❤5
Поки в попередньому пості обговорюємо який контент, який ви хотіли би тут бачити (до речі пропоную доєднатися тим, хто цього ще не зробив), то вчора була от розпаковка новорічного пакунку з роботи.
Інспектори все перевірили, можна користуватися 🤭😁
Вам щось присилають з роботи? Показуйте пакунки чи інспекторів)
Інспектори все перевірили, можна користуватися 🤭😁
Вам щось присилають з роботи? Показуйте пакунки чи інспекторів)
❤12
Ану напишіть мені тут в Коменти:
В кого проблеми з пошуком роботи (шукаєте більше 3х місяців), але шукаєте а не страдаєте фігньою
1. Скільки шукаєте ?
2. Скільки досвіду маєте ?
3. Стек ?
4. Коротко - як шукаєте ?
Якщо напишете незрозуміло - не очікуйте на відповідь
В кого проблеми з пошуком роботи (шукаєте більше 3х місяців), але шукаєте а не страдаєте фігньою
1. Скільки шукаєте ?
2. Скільки досвіду маєте ?
3. Стек ?
4. Коротко - як шукаєте ?
Якщо напишете незрозуміло - не очікуйте на відповідь
Свіжа вакансія: Middle Frontend Developer (Vue.js)
🏢 Компанія: Amoniac OÜ
🌍 Формат: Remote
💼 Рівень: Middle
🍺 ЗП: 1000+
Стек / технічні вимоги:
Що будете робити:
🔗 Деталі та подача:
https://djinni.co/jobs/790682-middle-frontend-developer-vue-js/
🏢 Компанія: Amoniac OÜ
🌍 Формат: Remote
💼 Рівень: Middle
🍺 ЗП: 1000+
Стек / технічні вимоги:
- Vue.js (Composition API) і TypeScript
- Pinia
- Vitest
- REST APIs and GraphQL
Що будете робити:
- Розробка веб-додатків на Vue та Typescript
- Робота з REST APIs та GraphQL
🔗 Деталі та подача:
https://djinni.co/jobs/790682-middle-frontend-developer-vue-js/
🔥5
За 2 хвилини часу Claude створив отаку гру-квіз😨
Ми всі користуємося нейронками постійно, але іноді вони видають таке, що мені потрібно пару хвилин на відійти 😅
Спробуйте і пишіть як вам 👇🏻
🔗 ПОСИЛАННЯ 🔗
#quiz
YouTube | LinkedIn | TikTok
Ми всі користуємося нейронками постійно, але іноді вони видають таке, що мені потрібно пару хвилин на відійти 😅
Спробуйте і пишіть як вам 👇🏻
🔗 ПОСИЛАННЯ 🔗
#quiz
YouTube | LinkedIn | TikTok
Claude
JavaScript Quiz Game - Interactive Coding Challenge
Test your JavaScript skills with an interactive quiz game featuring multiple-choice questions and coding challenges. Track your score and improve your coding knowledge.
🔥7
⬆️ Що буде результатом виклику функції? (суворий режим, use strict)
Anonymous Poll
38%
1
34%
undefined
29%
Cannot read properties of undefined
🔍 Розʼяснення для тих, хто вирішив
Коли ми викликаємо getFirst як метод об'єкта obj, this в методі getFirst вказує на об'єкт obj:
obj.getFirst() // 1
Проте, коли ми робимо деструктуризацію, то ми фактично створюємо нову змінну getFirst, яка отримує посилання на функцію getFirst з об'єкта obj. Але ця нова змінна getFirst втрачає свій "зв'язок" з об'єктом obj.
В не суворому режимі, якщо функція викликається самостійно (не як метод об'єкта), this буде вказувати на глобальний об'єкт (у браузерах це window). Проте, в режимі "use strict", this не вказує на глобальний об'єкт у функціях, викликаних самостійно. Замість цього, його значення буде undefined. Таким чином, ви отримаєте помилку "Cannot read properties of undefined".
#quiz
YouTube | LinkedIn | TikTok
obj.getFirst() // 1
Проте, коли ми робимо деструктуризацію, то ми фактично створюємо нову змінну getFirst, яка отримує посилання на функцію getFirst з об'єкта obj. Але ця нова змінна getFirst втрачає свій "зв'язок" з об'єктом obj.
В не суворому режимі, якщо функція викликається самостійно (не як метод об'єкта), this буде вказувати на глобальний об'єкт (у браузерах це window). Проте, в режимі "use strict", this не вказує на глобальний об'єкт у функціях, викликаних самостійно. Замість цього, його значення буде undefined. Таким чином, ви отримаєте помилку "Cannot read properties of undefined".
#quiz
YouTube | LinkedIn | TikTok
❤🔥15❤5
Друзі, хотіли поздоровити вас усіх з наступаючим Новим Роком!
В першу чергу хочемо подякувати кожному, що були з нами цього року і сказати, що дуже сподіваємося зустрітися з Вами наступного року в нових і цікавих проектах, де ви так само будете з нами🫂
Бажаємо кожному, хто шукає, врешті знайти ту саму вакансію в компанію мрії, або хоча б отримати той дорогоцінний досвід, який всі так просять.
Тим, хто тільки вчиться, бажаємо перти до кінця і багато натхнення, бо навчання ніколи не закінчиться. Ну а якщо натхнення скінчиться - то перти без нього, що вже поробиш)
Всім дякуємо, що ви з нами і зустрінемося наступного року вже дуже скоро!🌟
В першу чергу хочемо подякувати кожному, що були з нами цього року і сказати, що дуже сподіваємося зустрітися з Вами наступного року в нових і цікавих проектах, де ви так само будете з нами🫂
Бажаємо кожному, хто шукає, врешті знайти ту саму вакансію в компанію мрії, або хоча б отримати той дорогоцінний досвід, який всі так просять.
Тим, хто тільки вчиться, бажаємо перти до кінця і багато натхнення, бо навчання ніколи не закінчиться. Ну а якщо натхнення скінчиться - то перти без нього, що вже поробиш)
Всім дякуємо, що ви з нами і зустрінемося наступного року вже дуже скоро!🌟
🍾15🔥7🥰1
Тепер серед збірок тулзів маємо тільки ШІ- моделі 🤭
Топ AI-моделей для розробників:
🔹 Claude Sonnet 4.5 - найрозумніша модель від Anthropic, доступна через API та Claude Code CLI
🔹 GitHub Copilot (базується на GPT-4) - інтегрований прямо у VSCode та інші IDE
🔹 Cursor AI - повноцінний редактор коду з вбудованим AI-асистентом
🔹 Replit Ghostwriter - AI для кодингу прямо в браузері з миттєвим виконанням
🔹 Amazon CodeWhisperer - безкоштовний AI-асистент від AWS для багатьох мов програмування
Кожен з цих інструментів має свої унікальні фічі - від автодоповнення коду до повноцінного делегування задач через термінал. Які ви вже спробували? Які вам полюбилися?
Ті, хто користується, простіше стало працювати, чи більш ефективно?
#info
🔗 YouTube | LinkedIn | TikTok
Топ AI-моделей для розробників:
🔹 Claude Sonnet 4.5 - найрозумніша модель від Anthropic, доступна через API та Claude Code CLI
🔹 GitHub Copilot (базується на GPT-4) - інтегрований прямо у VSCode та інші IDE
🔹 Cursor AI - повноцінний редактор коду з вбудованим AI-асистентом
🔹 Replit Ghostwriter - AI для кодингу прямо в браузері з миттєвим виконанням
🔹 Amazon CodeWhisperer - безкоштовний AI-асистент від AWS для багатьох мов програмування
Кожен з цих інструментів має свої унікальні фічі - від автодоповнення коду до повноцінного делегування задач через термінал. Які ви вже спробували? Які вам полюбилися?
Ті, хто користується, простіше стало працювати, чи більш ефективно?
#info
🔗 YouTube | LinkedIn | TikTok
Claude Platform Docs
Documentation
Claude API Documentation
❤4
Щось мені захотілось провести безкоштовну співбесіду на цих вихідних.
Будь який рівень від junior до senior/stuff/lead engineer.
Стек front: Vue, React, Angular, JS, TS і тд
Стек бек: node і екосистема
Кому цікаво пишіть в коменти - виберу ‘щасливчикаʼ
Будь який рівень від junior до senior/stuff/lead engineer.
Стек front: Vue, React, Angular, JS, TS і тд
Стек бек: node і екосистема
Кому цікаво пишіть в коменти - виберу ‘щасливчикаʼ
👍9🔥4