JavaScript'er

‼️Безкоштовно спробуйте AI-професію за 3 дні! Перейти в нову сферу складно: багато інформації, незрозуміло з чого почати, важко оцінити свої сили. 🤖AI-напрям зараз один із найперспективніших — і водночас доступний навіть без технічного бекграунду. Тому ми запрошуємо вас на 3х денний інтенсив "АІ-автоматизація без програмування"

⏺День1: Розберешся, хто такий AI-автоматизатор і за що йому платять. Почнеш створювати власного AI-асистента в n8n. ⏺День2: Завершиш налаштування AI-асистента та протестуєш його в реальних сценаріях. ⏺День3: Навчитесь монетизувати та розвивати отриманні навички

🎁 Бонус за реєстрацію: Гайд "Як інтегрувати АІ у своє життя" Скоріш реєструйся та безкоштовно спробуй себе у ролі АІ-фахівця https://i.goit.global/UaLBa

Шпаргалка по HTML target: href — визначає адресу сторінки, target — вказує, де відкривати посилання, _self — відкриває у поточній вкладці, _blank — у новій вкладці, _parent — у батьківському фреймі, _top — у повному вікні браузера JavaScript'еr

Відчуваєте, що AI поступово "відбирає" вашу інженерну експертизу? Все більше Middle та Senior Engineers стикаються з однією проблемою: AI спрощує виконання задач, але разом із цим інженер дедалі частіше стає просто executor — замість того, щоб проєктувати складні системи та приймати архітектурні рішення. Через це виникає відчуття, що професійно стоїш на місці. Саме для досвідчених інженерів Neoversity створили master-level програму Engineering of Autonomous AI Systems. Це не курс про промпти, Cursor чи використання ChatGPT. Це навчання про те, як проєктувати production-grade системи навколо AI: керовані, надійні, захищені та готові до масштабування. За 18 місяців ви опануєте:

→ Advanced RAG та Vector Databases → Autonomous Agents та Multi-Agent Orchestration → Harness Engineering → AI Security та Red Teaming → ML System Design → MLOps для AI → Control Patterns → AI Governance

✔️ Bridge Course + 9 дисциплін + Capstone ✔️ Онлайн паралельно з роботою ✔️ Для досвідчених Engineers із 3+ роками комерційної розробки ✔️ Міжнародний диплом магістра Якщо відчуваєте, що настав час перейти від використання AI до архітектури AI-систем — ця програма саме про цей перехід. 👉 Детальніше: https://cutt.ly/syvuhwaS

На дві склянки HTML добавляємо три столові ложки CSS, дрібку JS і готово JavaScript'еr

Array.prototype.fill() — заповнення масивів у JavaScript fill() замінює елементи масиву вказаним значенням і змінює початковий масив

const numbers = new Array(5).fill(0);

console.log(numbers);
// [0, 0, 0, 0, 0]

Метод приймає value, start і end:

const values = [10, 20, 30, 40, 50];

values.fill(1, 2, 4);

console.log(values);
// [10, 20, 1, 1, 50]

Зручно для масивів станів, таблиць, буферів та алгоритмів:

const visited = new Array(100).fill(false);

Важливий нюанс — об’єкти. fill() записує одне й те саме посилання в усі елементи:

const items = new Array(3).fill({
  active: false
});

items[0].active = true;

console.log(items);
// [
//   { active: true },
//   { active: true },
//   { active: true }
// ]

Якщо потрібні незалежні об’єкти, створюйте їх окремо:

const items = Array.from(
  { length: 3 },
  () => ({ active: false })
);

Також fill() підтримує від’ємні індекси:

const numbers = [1, 2, 3, 4, 5];

numbers.fill(0, -2);
// [1, 2, 3, 0, 0]

fill() добре показує важливу особливість JavaScript: для об’єктів копіюється не значення, а посилання JavaScript'еr

CSS-порада: селектори атрибутів без урахування регістру Додайте i до селектора атрибутів, щоб порівнювати значення без урахування регістру:

input[type="EMAIL" i] {
  /* працює для EMAIL, email, Email тощо */
}

Зручно, коли регістр значення атрибута може відрізнятися, але селектор має знаходити всі такі варіанти JavaScript'еr

Що таке useEffect у React? useEffect — це хук для виконання побічних ефектів: API-запитів, підписок, таймерів або оновлення документа. Він запускається після рендеру та може містити функцію очищення JavaScript'еr

Parallax World Сторінка з ефектом паралакс-прокрутки, реалізована лише за допомогою CSS Забираємо код тут JavaScript'еr

Шпаргалка по HTML Input Types: text — введення тексту, password — приховане введення пароля, number — числові значення, checkbox — вибір кількох опцій, radio — вибір одного варіанта, color — вибір кольору, date/time/week — введення дати й часу, search — пошукове поле, file — завантаження файлів, range — вибір значення повзунком, submit — відправлення форми JavaScript'еr

Улюблений мультик веб-розробників JavaScript'еr

👀 86 відгуків на одну Front-end вакансію. А в Defense Tech — у середньому близько 9. І це привід придивитися до сфери, якщо ви думаєте, куди рухатися далі. Поки в класичному IT конкуренція залишається високою, MilTech набирає обертів: з’являються нові команди, продукти та технології — а разом із ними потрібні нові спеціалісти. І далеко не тільки розробники 👇

→ Project та Product Managers → QA-фахівці → Hardware та Embedded спеціалісти → аналітики та інші tech-фахівці

Тож MilTech може стати тим самим напрямом, куди варто зайти зараз, а не тоді, коли про нього говоритимуть уже всі. А який напрям у MilTech може підійти саме вам? GoIT створили короткий безкоштовний тест: 3 хвилини — і ви дізнаєтесь свій MilTech-напрям, його потенціал та отримаєте рекомендацію, з чого почати. 👉 Пройти тест: miltech-lp-quiz-ua.goit.global

Знаєте, що в CSS є одиниця turn для повороту? 1turn — це повний оберт на 360° Наприклад:

transform: rotate(0.25turn);

Це поверне елемент на 90° Зручно, коли потрібно задавати повороти без перерахунку градусів JavaScript'еr

З’явиться властивість size у CSS size стане скороченим способом задати одночасно width і height: • size: 100px → однакова ширина та висота • size: 200px 80px → ширина 200px і висота 80px • підтримуються ті самі одиниці вимірювання, що й для width та height Пропозиція понад 10 років залишалася без змін, але нарешті її ухвалили Safari вже має експериментальну підтримку size JavaScript'еr

React 19.3 уже доступний У новій версії додали кілька цікавих можливостей: • нативні View Transitions • новий browser() • використання Context у Server Components • підтримка Trusted Types і Fragment Refs JavaScript'еr

Знаєте, що в CSS є одиниця turn для повороту? 1turn — це повний оберт на 360° Наприклад:

transform: rotate(0.25turn);

Це поверне елемент на 90° Зручно, коли потрібно задавати повороти без перерахунку градусів JavaScript'еr

Яскраві ззовні, небезпечні всередині JavaScript'еr

⚡️ Хочеться щось змінити в роботі, але незрозуміло — що саме? AI здається перспективним. Data — цікавим. У маркетингу купа різних напрямів. IT нікуди не зникло. А ще всюди говорять про AI-контент. І в результаті можна місяцями читати про нові професії — і так нічого й не обрати. Тому на честь 12-річчя GoIT влаштовує 5 днів безкоштовних ефірів — і щодня новий напрям 👇

➡️ Data Analytics ➡️ AI Automation ➡️ AI Content ➡️ Digital Marketing ➡️ IT

Можна подивитися, як усе працює зсередини, які навички потрібні та який напрям справді може бути вашим. А оскільки це День народження — без подарунків не обійдеться 🎁 На учасників чекають бонуси та розіграші навчальних курсів щодня. 5 днів. 5 напрямів. Можливо, один із них стане вашим наступним кроком. 👉 Приєднатися безкоштовно: GoIT Birthday Week

Шпаргалка по JavaScript: Basics — підключення JavaScript до HTML, If/Else — виконання коду залежно від умови, Switch — вибір дії серед кількох варіантів, Functions — створення та виклик функцій, setTimeout — запуск коду із затримкою, DOM — пошук і зміна HTML-елементів через JavaScript JavaScript'еr

Локальні зображення в Next.js Коли краще імпортувати зображення напряму, а коли зберігати їх у public? • імпорт із src — Next.js може автоматично оптимізувати зображення та визначити їхні розміри • public — зручно для статичних файлів, до яких потрібно звертатися через звичайний URL Обидва підходи працюють, але вибір залежить від того, як саме ви плануєте використовувати зображення в застосунку JavaScript'еr

CSS Flex розвивається! Нове значення для flex-wrap Значення balance допомагає рівномірніше розподіляти елементи між рядками та уникати ситуацій, коли в окремому рядку залишається лише один елемент Особливо корисно для сіток із картками, галерей та адаптивних макетів JavaScript'еr