JavaScript 🇺🇦

Вакансія: Front-End Developer Продуктова компанія Intecracy Base шукає на віддалену або офісну роботу у Києві фронтенд-розробника рівня Senior зі знанням HTML5, CSS3, JavaScript ES6+ — для розвитку та підтримки власних контролів та віджетів компанії. 📝 Відкрити анкету #jobs // Архів книг // JS

Товариство, як ви вирішуєте проблеми з продуктивністю у своєму JS-коді? Які основні концепції і бібліотеки використовуєте? Чи приділяєте ви цьому велику увагу? 👇 Діліться своїми геніальними рекомендаціями в коментарях і в нашому чаті.

class Chameleon {
  static colorChange(newColor) {
    this.newColor = newColor;
    return this.newColor;
  }

  constructor(newColor = "green") {
    this.newColor = newColor;
  }
}

const freddie = new Chameleon({ newColor: "purple" });
freddie.colorChange("orange");

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

Створюємо чуйні сайти з допомогою Foundation Дана стаття представляє нові можливості Foundation 5 — фреймворку для створення респонсивних веб-сайтів. Оновлення включають рефакторинг коду для покращення продуктивності, вбудовані рішення для чутливої роботи з зображеннями, заміну Zepto.js на JQuery 2.0 для покращеної швидкодії, і новий підхід до навігації. Автор також надає інструкцію для завантаження та встановлення Foundation 5, і приклади використання фреймворку, такі як створення чутливого слайдера, використання системи сіток та вкладок, створення lightbox-галереї та форми підписки з використанням бібліотеки валідації Abide. Мова: 🇺🇦 #theory // Архів книг // JS

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

const member = new Person("Lydia", "Hallie");

Person.getFullName = function() {
  return ${this.firstName} ${this.lastName};
};

console.log(member.getFullName());

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

Angular Projects Оновлена до останньої версії Angular, ця книга була перероблена, щоб відповідати найновішим технологіям. Ви будете працювати над PWA-додатком для прогнозу погоди, мобільним додатком для геотегування фотографій, бібліотекою компонентного інтерфейсу користувача та іншими цікавими проектами. Рік: 2023 Мова: 🇬🇧 Автор: Aristeidis Bampakos #books // Архів книг // JS

5 flexbox-технік, про які ви повинні знати Flexbox — це стандарт CSS, розроблений для полегшення створення інтерфейсів. Використовуючи різні його властивості, ми можемо сконструювати сторінку з блоків, що розміщуються і розтягуються за нашим бажанням. В цій статті розглядаються 5 частих проблем при верстці та шляхи їх вирішення за допомогою flexbox. Мова: 🇺🇦 #theory // Вакансії IT // JS

Створення об'єктів. Вбудовані функції Цей відео-урок присвячений роботі з датою, масивами та об'єктами в JavaScript. Автор докладно розглядає, як ефективно працювати з датою, використовувати спеціальні функції для операцій з масивами, а також розповідає про основи класів та об'єктів. Мова: 🇺🇦 Автор: Школа програмування Тривалість: 23 хв #lessons // Архів книг // JS

Спробуйте себе у ролі спеціаліста із кібербезпеки 💻 Дізнайтеся на безплатному марафоні нюанси та специфіку професії та зрозумійте, як стати саме тим спеціалістом, якого будуть шанувати на ринку праці 😎 📍За 4 дні на марафоні опануєте перші навички з кібербезпеки та зрозумієте чи це ваш шлях. Які можливості відкриває сфера Кібербезпеки? ✔️ Стабільно високий рівень заробітної плати в $$$; ✔️ Комфортні умови праці, можливість вибору місця роботи: сучасний офіс або віддалена робота вдома; ✔️ Робота в будь-якій сфері діяльності, де є необхідність захисту даних. GoIT за минулий рік працевлаштували 1500 студентів, створюйте разом з ними свою історію успіху 🔥 Взяти участь у безкоштовному марафоні з кібербезпеки: https://i.goit.global/XyqSQ

React Redux react-redux — це бібліотека, яка надає інтеграцію між бібліотеками React і Redux, допомагаючи легше керувати станом додатка в React-додатках, які використовують управління станом за допомогою Redux. #theory // Вакансії IT // JS

Smooth Pulse Цікава реалізація анімованих неонових кнопок. #practice // Архів книг // JS

Кругові залежності Ця стаття розглядає кругові залежності в JavaScript та їх вплив на імпорт і експорт модулів, а також пояснює поняття "живих" посилань та "поточних" значень. Мова: 🇺🇦 #lessons // Архів книг // JS

Регулярні вирази використовуються для пошуку та обробки тексту за певними шаблонами. Вони дозволяють здійснювати розширений пошук, вилучення, або заміну рядків в тексті. Нижче наведено кілька основних прикладів їх використання в JS. Створення регулярного виразу:

var pattern = /hello/;

Перевірка наявності збігу в рядку:

var str = "Hello, world!";
var result = pattern.test(str);
// result буде true, оскільки "hello" знайдено в рядку

Вилучення інформації з рядка:

var str = "The code is ABC123";
var match = str.match(/[A-Z]{3}\d{3}/);
// match буде ["ABC123"], оскільки ми шукаємо три великі літери, а потім три цифри

Заміна тексту за допомогою регулярних виразів:

var str = "Today is a rainy day.";
var newStr = str.replace(/rainy/, "sunny");
// newStr буде "Today is a sunny day."

Використання флагів:

var str = "Hello, World!";
var pattern = /hello/i;  // флаг 'i' робить пошук нечутливим до регістру
var result = pattern.test(str);
// result буде true, оскільки "hello" знайдено, ігноруючи регістр

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

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

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

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