JavaScript 🇺🇦
▪️Вивчаємо JavaScript разом. ▪️Високооплачувана професія ▪️Допомагаємо з пошуком роботи @itchannelsbot - зв'язок
Більше31 036
Підписники
-1624 години
-1247 днів
-53630 днів
Час активного постингу
Триває завантаження даних...
Find out who reads your channel
This graph will show you who besides your subscribers reads your channel and learn about other sources of traffic.Аналітика публікацій
Дописи | Перегляди | Поширення | Динаміка переглядів |
01 Все про Intersection Observer
В JavaScript є багато інструментів для взаємодії з DOM-структурою веб-сторінок, і Intersection Observer API є одним з них — він дозволяє відстежувати зміну видимості елементів на сторінці, коли вони перетинаються з вікном браузера або іншим елементом.
Мова: 🇺🇦
#IntersectionObserver // #theory // JS | 1 978 | 12 | Loading... |
02 try {
// Блок коду, де можуть виникнути винятки
} catch (error) {
console.error('An error occurred:', error);
}
try...catch дозволяє обробити винятки, запобігши перериванню роботи програми, і коректно обробити помилки.
#JS // #practice // Вакансії IT | 2 683 | 3 | Loading... |
03 Блочні та лінійні елементи
В першій частині 15-го уроку відео-курсу про основи HTML & CSS ми ознайомимось з різницею між блочними та лінійними елементами в HTML — це надзвичайно важлива тема, яку треба дуже добре засвоїти.
Мова: 🇺🇦
Автор: SavchukIT
Тривалість: 19 хв
#JS // #lessons // Вакансії IT | 3 125 | 3 | Loading... |
04 Calculator
Калькулятор у стилі глассморфізму. Реалізовано за допомогою CSS та JS.
#codepen // #practice // JS | 3 390 | 25 | Loading... |
05 👋 Хочеш почуватися впевнено на співбесіді англійською?
Підписуйся на канал English for IT & from IT, щоб підтягнути професійну англійську.
Щодня тут публікують:
• слова для різних ІТ-професій;
• вирази та поради для bussines-комунікації;
• актуальні добірки з корисними ІТ та english ресурсами.
🎁 Підпишись зараз і отримай доступ до вивчення 100 СЛІВ АНГЛІЙСЬКОЮ ДЛЯ ТВОЄЇ ПРОФЕСІЇ на Quizlet | 3 286 | 1 | Loading... |
06 Що таке MutationObserver
MutationObserver — це інтерфейс JavaScript, який надає спосіб відстежувати зміни, що відбуваються в DOM-структурі сторінки. Цей інтерфейс може бути дуже корисним для динамічних веб-сторінок, де елементи можуть бути створені, змінені або видалені відповідно до дій користувача.
Мова: 🇺🇦
#MutationObserver // #theory // JS | 3 366 | 12 | Loading... |
07 Loaders
Лаконічна анімація завантаження. Реалізовано за допомогою CSS.
#codepen // #practice // JS | 3 452 | 24 | Loading... |
08 Gameloft суттєво скоротив харківський офіс
Протягом останніх місяців у харківському офісі Gameloft пройшли масштабні звільнення. Під скорочення потрапив навіть голова студії, який пропрацював там 14 років, а також геймдизайнери, QA-інженери та розробники — понад 40 людей.
В Харкові скоротили навіть більше людей, ніж у львівській студії. Станом на січень 2024 року, у харківському та львівському офісах Gameloft сукупно працювало 600 осіб.
#Gameloft // #news // JS | 3 851 | 22 | Loading... |
09 function calculateCircleArea(radius) {
return Math.PI * radius * radius;
}
function calculateCirclePerimeter(radius) {
return 2 * Math.PI * radius;
}
Код, що повторюється, повинен бути винесений в окремі функції або модулі, щоб уникнути дублювання і полегшити підтримку.
#js // #practice // Архів книг | 3 851 | 1 | Loading... |
10 Вакансія: Front-End Developer
Компанія EvoPlay, що працює у галузі ігрової онлайн-індустрії, шукає на віддалену або офісну роботу у Києві фронтенд-розробника зі знанням та досвідом роботи з JavaScript і HTML / CSS — для участі в командній розробці великих та складних порталів.
📝 Відкрити анкету
#EvoPlay // #jobs // JS | 3 934 | 19 | Loading... |
11 const globalVar = 'Це глобальна змінна';
function exampleFunction() {
const localVar = 'Це локальна змінна';
console.log(globalVar); // Доступ до глобальної змінної
console.log(localVar); // Використання локальної змінної
}
Уникайте використання глобальних змінних, щоб уникнути конфліктів та ненавмисних перезаписів.
#globalVar // #practice // JS | 3 914 | 1 | Loading... |
12 Advanced JavaScript Visualized
Ця книга дасть вам міцну основу передових концепцій JavaScript і пояснить теми простою мовою та з допомогою візуалізації.
Рік: 2021
Мова: 🇬🇧
Автор: Meet Patel
#js // #books // Архів книг | 3 970 | 24 | Loading... |
13 Синтаксис модулів дуже простий: ми використовуємо import (для імпорту функціональності або значень з іншого файлу чи файлів) та export (для експорту).
// export
export function isNull(val){
return val === null;
}
export function isUndefined(val) {
return val === undefined;
}
export function isNullOrUndefined(val) {
return isNull(val) || isUndefined(val);
}
// import
import Helpers from './helpers.js'
console.log(Helpers.isNull(null))
#modules // #theory // JavaScript | 4 262 | 1 | Loading... |
14 const a = {firstName: 'Joe'};
const b = a;
b.firstName = 'Pete';
console.log(a);
👉 Відповідь
#js // #practice // Архів книг | 4 354 | 6 | Loading... |
15 Crazy Background
Фон, який спостерігає за курсором. Реалізовано за допомогою CSS та JS.
#codepen // #practice // JS | 4 766 | 25 | Loading... |
16 Можливо, прийшов час спробувати свої сили в IT — і для старту почати з найкращої мови програмування, а саме Python ? 😉
Вона має простий синтаксис (правила), а команди пишуться англійською мовою, тому їх легко запам’ятати. 🤔 Зараз Python – в ТОП-3 мов програмування🔥
Якщо знаєш його:
✅ можеш працювати з великими даними
✅ створювати «начинку» застосунків (як-от YouTube, Instagram, Pinterest)
✅ саме цією мовою пишуть нейромережі (привіт, ChatGPT)
Побути трохи Python-розробником можна на безплатному марафоні в GoIT. За чотири дні тут познайомитесь з базою мови та логікою написання коду. А ще з нуля створите свою першу онлайн-гру. 👩💻
В кінці марафону дарують доступ до бота, який допоможе підтягнути інгліш
📱 Пройти марафон: https://i.goit.global/Xuc8A | 4 616 | 2 | Loading... |
17 PageTransitionEvent
PageTransitionEvent — це подія, яка спрацьовує, коли сторінка змінює свій стан, такий як переміщення на іншу сторінку, перехід від одного стану до іншого, оновлення сторінки тощо.
Ця подія є частиною API Navigation Timing та може бути корисною для відстеження часу, необхідного для завантаження сторінки. В даній статті — детальніше про це.
Мова: 🇺🇦
#API // #theory // JS | 4 190 | 15 | Loading... |
18 function processData(data) {
if (typeof data ≡ 'string') {
// Обробка рядка
} else if (Array.isArray(data)) {
// Обробка масиву
}
}
Шаблонні рядки полегшують вставку змінних і роблять код більш читаним.
#js // #practice // Архів книг | 4 318 | 1 | Loading... |
19 🔥НАТАПАТИ ТОКЕНИ І ЗАРОБИТИ НА ЇХ ПРОДАЖІ?
В Україні активно набирає оберти гра аналог NOTCOIN, в яку тапаєш і заробляєш монетки, котрі потім можна продати.
Проєкт Baboon схожий на Notcoin, вже розпочав роздачу 1.000.000 BOON's токенів за виконання завдань. Детальніше: @Baboon
P.s. за кожного запрошеного друга отримуєш 1 000 токенів. Такого навіть NOTCOIN не пропонував ⚡️ | 4 219 | 6 | Loading... |
20 DevTools
На 14-му уроці відео-курсу про основи HTML & CSS розглядається DevTools — інструмент, який надає браузер для зручної веб-розробки.
Мова: 🇺🇦
Автор: SavchukIT
Тривалість: 11 хв
#DevTools // #lessons // JS | 4 324 | 15 | Loading... |
21 Збирайся з Марком на Open Day: https://i.goit.global/Yucla
🪄9 червня | 15:00, online
День відкритих дверей Neoversity
Масштабна подія про сучасну вищу освіту в IT, якою вона справді має бути.
• Зіркові лектори з Ciklum, IT Ukraine, GoIT
• Поради Карʼєрного центру по працевлаштуванню
• Знайомство з відділом Щастя Neo
• Відкриття набору в нові групи магістратури та ПЕРШИЙ анонс IT-бакалаврату
• Розіграш MacBook і крутезного мерчу
Треба бути: https://i.goit.global/Yucla | 4 406 | 6 | Loading... |
22 Boxy Preloaders
Градієнтні прелоадери. Реалізовано за допомогою CSS та JS.
#codepen // #practice // JS | 4 346 | 21 | Loading... |
23 Функції як об'єкти першого класу
Функції в JS можуть надаватися змінним, бути властивістю об'єкта (методом), елементом масиву, аргументом іншої функції, значенням, що повертається функцією. Єдиною відмінністю функції від будь-якого іншого значення JS є те, що функція може бути виконана або викликана.
#theory // #js // Архів книг | 4 850 | 2 | Loading... |
24 Custom Keyboard Landing Page
Анімовані сторінки з клавішами. Реалізовано за допомогою CSS та JS.
#codepen // #practice // JS | 4 914 | 10 | Loading... |
25 Mistral випустили нейронку, яка знає 80+ мов програмування
Нейромережа Codestral розриває таких гігантів, як Llama-3 та CodeLlama і навіть GPT-4o — а важить втричі менше!
Модель вміє писати і рефакторити код, підказує найкращі розв'язання завдань і навіть паттерни проектування.
Codestral можна інтегрувати у свої проекти за допомогою API або просто використовувати у VS Code.
👉 Спробувати на Hugging Face чи в браузері
#Codestral // #news // JS | 5 266 | 103 | Loading... |
26 const MAX_RETRIES = 3;
for (let i = 0; i < MAX_RETRIES; i++) {
// Повторюємо не більше MAX_RETRIES разів
}
Використовуйте константи для уникнення магічних чисел та значень у коді.
#practice // Архів книг // JS | 4 917 | 4 | Loading... |
27 Вакансія: Front-End Developer
Британська компанія з офісом в Україні Play.Works шукає на віддалену роботу спеціаліста з досвідом розробки ігор від 3-х років і досвідом програмування на JavaScript / Typescript, Node.js — для розробки сучасних ігрових застосувань.
📝 Відкрити анкету
#jobs // Архів книг // JS | 4 924 | 6 | Loading... |
28 const a = 5;
const b = '5';
console.log(a = b); // true
console.log(a ≡ b); // false
Використовуйте === та !== для запобігання неявному перетворенню типів.
#practice // Архів книг // JS | 5 257 | 5 | Loading... |
29 Найкращі книги по JS
Добірка наших останніх публікацій із найбільш вартісними посібниками по мові JavaScript:
🔴Secrets of the JavaScript Ninja (🇬🇧, 2016) — посібник для тих, хто серйозно займається веб-розробкою.
🔴Full-Stack React Projects (🇬🇧, 2020) — проектний посібник із повноцінної веб-розробки на React.
🔴Learning PHP, MySQL & JavaScript (🇬🇧, 2021) — останнє видання популярного посібника для динамічного веб-програмування.
🔴Getting MEAN with Mongo, Express, Angular, and Node (🇬🇧, 2019) — навчає, як наскрізно розробляти веб-додатки за допомогою стеку MEAN.
🔴React: Up & Running (🇬🇧, 2021) — показує, як створювати компоненти React і велико-масштабні програми.
📚 Товариство, які ще знаєте вартісні українські чи англійські матеріали по JS?
#books // Вакансії IT // JS | 5 292 | 61 | Loading... |
30 Middle+ Front-End Developer
* від SKELAR (розробка рішення для маркетингу з нуля)
🌿 Пропонують:
▫️офіс у Києві
▫️повна зайнятість
▫️корпоративний лікар
▫️медичне страхування
▫️тренінги, курси, конференції
▫️внутрішні клуби за професійними напрямками
☀️ Очікують:
▫️комерційний досвід фронтенд-розробки від 2-х років
▫️знання JS, webpack
▫️знання Golang, PHP (Symfony)
▫️досвід з Message broker RabbitMQ
▫️знання Container orchestration platform Kubernetes
▫️знання CI / CD
▫️досвід з Vue, State management, SSR
▫️досвід написання тестів (unit, integration, e2e)
👉 Детальніше
#front_end #middle | 4 184 | 4 | Loading... |
31 Варіанти використання API веб-сховища HTML
Фронтенд-розробники використовують сучасний API веб-сховища браузера для створення більш персоналізованих, ефективних і адаптивних веб-сайтів. У цій статті розглядаються варіантів використання, які допоможуть вам створювати цікаві веб-додатки.
Мова: 🇺🇦
#theory // Архів книг // JS | 4 907 | 21 | Loading... |
32 Media files | 4 997 | 4 | Loading... |
33 Time of Day
Анімація часу доби. Реалізовано за допомогою CSS та JS.
#practice // Архів книг // JS | 5 799 | 27 | Loading... |
34 Використання HTML5 Web API для мобільних пристроїв
HTML5 надав багато нових можливостей для розробки мобільних веб-додатків, завдяки розширенню API. У цій статті автор розглядає деякі з найпоширеніших HTML5 Web API для мобільних пристроїв і надає приклади їх використання.
Мова: 🇺🇦
#theory // Архів книг // JS | 5 811 | 22 | Loading... |
35 function processUserData(user) {
validateUser(user);
const processedData = manipulateData(user);
displayData(processedData);
}
Кожна функція повинна виконувати лише одне завдання з одним рівнем абстракції.
#practice // Вакансії IT // JS | 5 204 | 2 | Loading... |
36 Групування селекторів
В 13-му уроці відео-курсу про основи HTML & CSS автор закриває тему групування селекторів, і заодно дуже перепрошує за погану якість звуку.
Мова: 🇺🇦
Автор: SavchukIT
Тривалість: 13 хв
#lessons // Архів книг // JS | 5 226 | 9 | Loading... |
37 Range Slider Pips
Анімація цінового спектра. Реалізовано за допомогою CSS та JS.
#practice // Вакансії IT // JS | 5 050 | 29 | Loading... |
38 4-5 червня запрошуємо на DevOpsDays Ukraine: Let’s Talk Security
Це вже 7-ма конференція комʼюніті і на вас чекають Ignites & Talks від світових та українських експертів: Daniel Deogun з Omegapoint, Петро Вавулін з Київстар, Michał Brygidyn з Xebia, Anastasiia Voitova з Cossack Labs та багато інших! Слідкуйте за оновленнями, щоб дізнатися більше.
Віртуальна конференція буде присвячена DevSecOps, розширенню практики DevOps, яка інтегрує безпеку як спільну відповідальність протягом усього життєвого циклу ІТ.
Протягом двох вечорів ми будемо говорити про культуру, автоматизацію та дизайн платформи, щоб створити план дій і включити заходи безпеки на кожному етапі розробки, забезпечуючи швидшу та безпечнішу доставку програмного забезпечення. На вас чекають презентації, ignite talks та open space дискусії! 🌟
💙 💛 Долучайтеся також до благодійної ініціативи — збір для фонду UA Responders.
Коли? 4-5 червня
Формат? Онлайн, безкоштовно
Деталі на сайті 👀 https://www.devopsdays.com.ua | 5 496 | 6 | Loading... |
39 Відладка за допомогою консолі
Консоль є невід'ємною частиною розробки веб-додатків на JavaScript. Вона дозволяє відстежувати помилки, виводити на екран поточні значення змінних і виконувати тестові запити. У цій статті ми розглянемо кілька прикладів використання консолі в JavaScript.
Мова: 🇺🇦
#theory // Архів книг // JS | 4 857 | 10 | Loading... |
40 Gooey Menu Concept
Рідке меню, реалізоване за допомогою CSS та JS.
#practice // Вакансії IT // JS | 4 914 | 14 | Loading... |
Фото недоступнеДивитись в Telegram
Все про Intersection Observer
В JavaScript є багато інструментів для взаємодії з DOM-структурою веб-сторінок, і Intersection Observer API є одним з них — він дозволяє відстежувати зміну видимості елементів на сторінці, коли вони перетинаються з вікном браузера або іншим елементом.
Мова: 🇺🇦
#IntersectionObserver // #theory // JS
Ознайомитись
Фото недоступнеДивитись в Telegram
try {
// Блок коду, де можуть виникнути винятки
} catch (error) {
console.error('An error occurred:', error);
}
try...catch
дозволяє обробити винятки, запобігши перериванню роботи програми, і коректно обробити помилки.
#JS // #practice // Вакансії ITФото недоступнеДивитись в Telegram
Блочні та лінійні елементи
В першій частині 15-го уроку відео-курсу про основи HTML & CSS ми ознайомимось з різницею між блочними та лінійними елементами в HTML — це надзвичайно важлива тема, яку треба дуже добре засвоїти.
Мова: 🇺🇦
Автор: SavchukIT
Тривалість: 19 хв
#JS // #lessons // Вакансії IT
Дивитись урок
00:05
Відео недоступнеДивитись в Telegram
Calculator
Калькулятор у стилі глассморфізму. Реалізовано за допомогою CSS та JS.
#codepen // #practice // JS
156.mp41.17 MB
Переглянути код
Фото недоступнеДивитись в Telegram
👋 Хочеш почуватися впевнено на співбесіді англійською?
Підписуйся на канал English for IT & from IT, щоб підтягнути професійну англійську.
Щодня тут публікують:
• слова для різних ІТ-професій;
• вирази та поради для bussines-комунікації;
• актуальні добірки з корисними ІТ та english ресурсами.
🎁 Підпишись зараз і отримай доступ до вивчення 100 СЛІВ АНГЛІЙСЬКОЮ ДЛЯ ТВОЄЇ ПРОФЕСІЇ на Quizlet
✅ Підписатися
Фото недоступнеДивитись в Telegram
Що таке MutationObserver
MutationObserver
— це інтерфейс JavaScript, який надає спосіб відстежувати зміни, що відбуваються в DOM-структурі сторінки. Цей інтерфейс може бути дуже корисним для динамічних веб-сторінок, де елементи можуть бути створені, змінені або видалені відповідно до дій користувача.
Мова: 🇺🇦
#MutationObserver // #theory // JSОзнайомитись
00:06
Відео недоступнеДивитись в Telegram
Loaders
Лаконічна анімація завантаження. Реалізовано за допомогою CSS.
#codepen // #practice // JS
157.mp43.08 KB
Переглянути код
Фото недоступнеДивитись в Telegram
Gameloft суттєво скоротив харківський офіс
Протягом останніх місяців у харківському офісі Gameloft пройшли масштабні звільнення. Під скорочення потрапив навіть голова студії, який пропрацював там 14 років, а також геймдизайнери, QA-інженери та розробники — понад 40 людей.
В Харкові скоротили навіть більше людей, ніж у львівській студії. Станом на січень 2024 року, у харківському та львівському офісах Gameloft сукупно працювало 600 осіб.#Gameloft // #news // JS
Фото недоступнеДивитись в Telegram
function calculateCircleArea(radius) {
return Math.PI * radius * radius;
}
function calculateCirclePerimeter(radius) {
return 2 * Math.PI * radius;
}
Код, що повторюється, повинен бути винесений в окремі функції або модулі, щоб уникнути дублювання і полегшити підтримку.
#js // #practice // Архів книгФото недоступнеДивитись в Telegram
Вакансія: Front-End Developer
Компанія EvoPlay, що працює у галузі ігрової онлайн-індустрії, шукає на віддалену або офісну роботу у Києві фронтенд-розробника зі знанням та досвідом роботи з JavaScript і HTML / CSS — для участі в командній розробці великих та складних порталів.
📝 Відкрити анкету
#EvoPlay // #jobs // JS