JavaScript 🇺🇦

Верстаємо лендінг з нуля, ч.3 На 11-му уроці відеокурсу "HTML+CSS+JS для всіх" автор дає третю частину свого детального пояснення-демонстрації верстки лендінгу. Мова: 🇺🇦 Тривалість: 1 год 45 хв #JS // #lessons // Вакансії IT

ScrollTrigger Image Zoom Крута анімація переходу з перспективою під час скролу. Ефект досягається за рахунок збільшення зображень і грамотної роботи з шарами. Зроблено за допомогою бібліотеки GSAP. #codepen // #practice // JS

JavaScript Function та Function Expressions Функція в JS — це незалежний блок коду, який виконує певне завдання. Function Expression — це спосіб зберігати функції у змінних.

// create a function named greet()
function greet() {
   console.log("Hello World!");
}

// store a function in the displayPI variable
// this is a function expression
let displayPI = function() {
   console.log("PI = 3.14");
}

// call the greet() function
greet();

// call the reply() function
displayPI();

// Output:
// Hello World!
// PI = 3.14

Тут ми створили іменовану функцію greet() та function expression у змінній displayPI. Для виклику функції використовуються її ім'я і дужки (): greet() для іменованої функції та displayPI() для функції, збереженої у змінній. ❗️Функції — це основа програмування в JavaScript. Навчіться використовувати обидва підходи залежно від завдань! #JS // #theory // Архів книг

❗️Яким буде IT у 2025 році? 📈70% ІТ-вакансій вимагають від кандидатів профільну вищу освіту. ❓Як отримати офер у міжнародній компанії? Як залишатись актуальним? Які нововведення очікують фахівців? Відповіді знайдете на вебінарі Neoversity «Як залишитися в IT»:

🟢Ключові тренди ринку ІТ, рейтинг IT-професій на 2025 рік. 🟢Сучасні вимоги до хард і софт скілів, найважливіші критерії на думку рекрутерів, як потрапити в IT без знання англійської. 🟢Різниця в зарплаті для кандидатів з англійською і без, вплив вищої освіти на рівень зарплати.

👉 Реєструйтеся зараз, щоб одразу отримати корисний файл — чекліст для кар’єрного стрибка. Реєстрація: https://i.goit.global/bowlY

Emoji Slider Слайдер настрою зі значками емодзі, створений за допомогою SCSS і JS. #codepen // #practice // JS

Вакансія: Front-End Developer Українська рекламна агенція Avlo Research шукає на віддалену роботу розробника рівня Junior з досвідом роботи на HTML і CSS3 від 6 місяців і знанням JS на середньому рівні — для верстки веб-сторінок і участі у програмуванні фронтенду. 📝 Відкрити анкету #JS // #jobs // Архів книг

У багатьох проектах необхідно реалізовувати функції з урахуванням певних пристроїв. Ось ця функція допоможе дізнатися, оперує користувач пристроєм від Apple, чи ні:

const isAppleDevice = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
console.log(isAppleDevice);
// Результат: повертає true, якщо у користувача пристрій Apple

#Apple // #practice // JS

🔫 Doom у PDF Саме так, легендарну Doom запустили в PDF-документі! Тепер мочити демонів можна навіть у документах. Це повністю робочий порт гри, де вся магія відбувається завдяки JavaScript, який сховався всередині PDF. 👉 Зіграти в Doom у PDF #Doom // #news // JS

Використовуйте === та !== для запобігання неявному перетворенню типів.

const a = 5;
const b = '5';
console.log(a = b); // true
console.log(a ≡ b); // false

#JS // #practice // Архів книг

Mastering MEAN Stack Це покроковий посібник зі створення веб-додатків за допомогою стека MEAN (MongoDB, Express.js, Angular і Node.js), який ознайомлює з основами фулстак-розробки. Рік: 2023 Мова: 🇬🇧 Автор: Pinakin Ashok Chaubal #JS // #books // Архів книг

Необхідні кроки SEO-оптимізації в Next.js Автор цієї статті працював над кількома проектами, орієнтованими на SEO, і вирішив поділитися кращими практиками та стратегіями, яких навчився на цьому шляху, для розробників Next.js на 2025-й рік. Мова: 🇬🇧 #NestJS // #theory // JS

let date = new Date('December 25, 1995 23:15:30');
let result = date.getHours();

console.log(result);

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

📊 Дефіцит IT-спеціалістів в Україні складає близько 50.000 У 2025 році світові витрати на IT зростуть ще на 7,5%, що становить $5,26 трлн. Айтівці у тренді завжди. Скористайся унікальною можливістю стати одним із високооплачуваних спеціалістів із віддаленою роботою. Тільки сьогодні надають доступ до БЕЗКОШТОВНОЇ IT-бібліотеки:

🟡 UX/UI дизайнер. Задизайни свій перший застосунок. 🔵 Веб-розробник. Розроби свій перший сайт. 👀 QA Engineer. Протестуй сайт на помилки. 👀 Data-analyst. Проаналізуй свої перші дані.

Не зволікай та зроби перший крок у забезпечене майбутнє! 👉 Реєструйся зараз і змінюй своє життя:

Scrolly Path Чудернацька анімація траєкторії руху при прокручуванні сторінки, реалізована за допомогою SVG, GSAP і ScrollTrigger.js. #codepen // #practice // JS

Page Object Model в Angular-застосунках Page Object Model (POM) — це шаблон проектування, який використовується в автоматизованому тестуванні веб-додатків і сприяє модульності та повторному використанню коду.

Детально про використання цього шаблону проектування в Angular-застосунках — у недавній статті.

Мова: 🇬🇧 #Angular #POM // #theory // JS

Кожна функція повинна виконувати лише одне завдання з одним рівнем абстракції.

function processUserData(user) {
   validateUser(user);
   const processedData = manipulateData(user);
   displayData(processedData);
}

#JS // #practice // Вакансії IT

Верстаємо лендінг з нуля, ч.2 На 10-му уроці відеокурсу "HTML+CSS+JS для всіх" автор дає другу частину свого детального пояснення-демонстрації верстки лендінгу. Мова: 🇺🇦 Тривалість: 1 год 36 хв #JS // #lessons // Вакансії IT

Безкоштовний інтенсив JavaScript з працевлаштуванням від TechMagic Academy 🔥Back-End та Front-End – все в одному курсі! За 2 місяці комплексного навчання (HTML, CSS, JavaScript, Angular, NodeJS, ExpressJS, MongoDB, Mongoose) ти отримаєш знання та практичні навички, потрібні для FullStack девелопера. Також створиш власний проєкт, а під час практики спробуєш себе в роботі з нашою командою. Все як на клієнтському проєкті. Найкращі студенти отримають job-оффер від TechMagic! Ти ідеальний кандидат, якщо ти проживаєш у Львові або Києві, маєш базові знання основ однієї з мов програмування: HTML і CSS, Python чи C та англійську на рівні Intermediate+. Реєстрація за посиланням 🔗 Приєднуйся, проходь навчання і стань частиною нашої команди розробників! 😎

iPhone Dynamic Island Верстка, реалізована з використанням препроцесорів Pug та SCSS. Кожна кнопка, що натискається — це input з type="radio", при натисканні на який активуються певні стилі. #codepen // #practice // JS

RxSignals: найпотужніша синергія в історії Angular RxJS довго був наріжним каменем реактивності в Angular. Однак суттєвим недоліком синхронізації даних і перегляду є відсутність стану. Тож команда Angular представила новий примітив — Signals. Завдяки тому, що Angular тепер представляє інструменти для безперебійної взаємодії між сигналами та спостережуваними, ми маємо в своєму розпорядженні неймовірно потужну синергію.

У цій статті автор показує кілька прикладів коду, де ці дві концепції доповнюють одна одну.

Мова: 🇬🇧 #RxSignals #Angular // #theory // JS