JavaScript 🇺🇦

Створення таймерів та інтервалів Цей відео-урок розпочинається з пояснення, що таке таймери та інтервали в програмуванні, а потім докладно описується, як їх створювати. Заключна частина включає коротке підсумовування та врахування ключових аспектів використання таймерів та інтервалів. Мова: 🇺🇦 Автор: Школа програмування Тривалість: 9 хв #lessons // Архів книг // JS

Vue Router Vue Router — це офіційна бібліотека маршрутизації для фреймворку Vue.js. Вона дозволяє управляти навігацією в одно-сторінковому додатку, визначаючи, які компоненти будуть відображатися при різних шляхах (URL) вашого додатку. #theory // Вакансії IT // JS

CSS Glassmorphism Button Hover Effects Цікава реалізація анімованих кнопок з підсвіткою. #practice // Архів книг // JS

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

Voyage Slider | GSAP Цікава реалізація слайдера з підписом айтемів. #practice // Архів книг // JS

Вакансія: HTML, JS, PHP, CSS Developer Компанія E-soft шукає на офісну роботу у Дніпрі розробника зі знанням HTML, JS, PHP, CSS — для проектування, розробки та підтримки лендінгів. 📝 Відкрити анкету #jobs // Архів книг // JS

Друзі, яким ви бачите майбутнє веб-розробки? Як із часом зміниться фронтенд? Які тенденції уже вбачаєте? 👇 Діліться своїм ворожінням на кавовій гущі в коментарях і в нашому чаті.

const promise1 = Promise.resolve('First');
const promise2 = Promise.resolve('Second');
const promise3 = Promise.reject('Third');
const promise4 = Promise.resolve('Fourth');

const runPromises = async () => {
 const res1 = await Promise.all([promise1, promise2]);
    const res2 = await Promise.all([promise3, promise4]);
    return [res1, res2];
};

runPromises()
  .then(res => console.log(res))
  .catch(err => console.log(err));

👉 Відповідь #practice // Вакансії IT // JS

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

Шаблон PRPL Стаття розповідає про PRPL як шаблон для покращення швидкості роботи веб-застосунків та PWA. Його назва розшифровується як Push, Render, Pre-cache та Lazy load, вказуючи на чотири етапи оптимізації для швидшого завантаження та працездатності. Мова: 🇺🇦 #theory // Архів книг // JS

const teams = [
  { name: 'Team 1', members: ['Paul', 'Lisa'] },
  { name: 'Team 2', members: ['Laura', 'Tim'] },
];

function* getMembers(members) {
  for (let i = 0; i < members.length; i++) {
    yield members[i];
  }
}

function* getTeams(teams) {
  for (let i = 0; i < teams.length; i++) {
   // ????????????????????????????
  }
}

const obj = getTeams(teams);
obj.next() // { value: "Paul", done: false }
obj.next() // { value: "Lisa", done: false }

👉 Відповідь #practice // Вакансії IT // JS

JavaScript Programming: Building Modern and Interactive Websites Ця книга пропонує доступне введення у світ JS, включаючи синтаксис, змінні, функції та структури управління. Автор досліджує різні моделі програмування, від імперативного до об'єктно-орієнтованого та функціонального. Читачі отримують змогу вивчити основи DOM для динамічного керування веб-елементами, а також отримують навички створення інтерактивних користувацьких інтерфейсів, які реагують на взаємодію з користувачем. Книга також розглядає популярні фреймворки, такі як React, Vue.js та Angular, і розкриває стратегії організації та оптимізації коду, а також ключові принципи ефективної структури коду та архітектури на основі компонентів. Рік: 2023 Мова: 🇬🇧 Автор: Theophilus Edet #books // Архів книг // JS

Курс React від Projector Institute Від основ до створення вебзастосунка за допомогою бібліотеки React та її екосистеми. Курс триватиме три місяці. За цей час студенти: • Опанують базові концепції та можливості бібліотеки React. • Навчаться розробляти й масштабувати React застосунки. • Попрацюють із розлогою екосистемою навколо React. • Навчаться тестувати й оптимізувати швидкодію. • Засвоять патерни розробки застосунків та декомпозиції. Упродовж навчання ви працюватимете із практичним кейсом, яким поповните своє портфоліо. Старт — 29 січня. Приходьте на курс React

Як створити простий Drag and Drop компонент Ця стаття розглядає використання функції перетягування HTML 5 для оптимізації веб-сайту з використанням динамічних та інтерактивних елементів. Мова: 🇺🇦 #theory // Вакансії IT // JS

Робота з HTML та обробка форм за допомогою JS У цьому відео-уроці розглядаються основи взаємодії з HTML-об'єктами за допомогою чистого JavaScript. Починаючи з вибору об'єктів за їхнім id, автор демонструє роботу з HTML-елементами, пошук об'єктів за тегом та класом. Відео також включає створення форми, відстеження надсилання даних, отримання і валідацію введених даних, а також переадресацію користувача. Завершальна частина включає обробку подій за допомогою eventListener. Мова: 🇺🇦 Автор: Школа програмування Тривалість: 35 хв #lessons // Архів книг // JS

Vuex Vuex — це бібліотека стану для управління станом додатків на Vue.js. Вона є офіційним інструментом управління станом для додатків, побудованих на Vue.js, і надає механізм для ефективного управління станом додатків, особливо тих, які мають складний стан та велику кількість компонентів. #theory // Вакансії IT // JS