MutationObserver

Читать 👨‍💻

#js | #теория

Задача: Управление библиотекой (на ООП)

Создайте классы для управления библиотекой книг. Вам нужно создать следующие классы:
Book — класс для представления книги.
Library — класс для управления коллекцией книг.
Класс Book
Класс Book должен иметь следующие свойства и методы:

Свойства:
title (название книги)
author (автор книги)
year (год издания книги)
genre (жанр книги)
Методы:

Конструктор для инициализации свойств
Метод getSummary() для получения краткой информации о книге в виде строки: "Title" by Author, published in Year (Genre)
Класс Library
Класс Library должен иметь следующие свойства и методы:

Свойства:
books (массив книг)

Методы:
Конструктор для инициализации свойства books пустым массивом
Метод addBook(book) для добавления книги в библиотеку
Метод removeBook(title) для удаления книги по названию
Метод findBooksByAuthor(author) для поиска книг по автору, возвращает массив книг
Метод findBooksByGenre(genre) для поиска книг по жанру, возвращает массив книг
Метод getAllBooks() для получения всех книг в библиотеке

Пример использования:

// Создание экземпляров книг
const book1 = new Book('To Kill a Mockingbird', 'Harper Lee', 1960, 'Fiction');
const book2 = new Book('1984', 'George Orwell', 1949, 'Dystopian');
const book3 = new Book('The Great Gatsby', 'F. Scott Fitzgerald', 1925, 'Fiction');
// Создание экземпляра библиотеки и добавление книг
const library = new Library();
library.addBook(book1);
library.addBook(book2);
library.addBook(book3);
// Поиск книг по автору
const orwellBooks = library.findBooksByAuthor('George Orwell');
console.log(orwellBooks);
// Поиск книг по жанру
const fictionBooks = library.findBooksByGenre('Fiction');
console.log(fictionBooks);
// Получение всех книг
const allBooks = library.getAllBooks();
console.log(allBooks);
// Удаление книги
library.removeBook('1984');
console.log(library.getAllBooks());

#домашка

Примеры использования nth-child

Смотреть на codepen 👨‍💻

#css | #полезности

Подборка лучших постов за прошлую неделю

Лучшие статьи @free_html_lessons:
1. Продвинутые медиазапросы
2. Примеры использования nth-child
3. MutationObserver

Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend разработчик (React)
3. HTML-верстальщик

Лучшие дизайн вакансии @job_webdesign:
1. Дизайнер UI/UX
2. UX/UI designer
3. Web-дизайнер

#лучшеезанеделю

SEO фишки

Читать 👨‍💻

#полезности

Основы событий мыши

Читать 👨‍💻

#js | #теория

Selection и Range

Читать 👨‍💻

#js | #теория

Изучаем Классы в JavaScript: Основы и Применение

Читать 👨‍💻

#js | #теория

Макет для тренировки (e2b)

Перейти к макету 🧑‍💻

#практика | #макет

Задача на js:

Напишите функцию, которая будет проходить через массив целых чисел и выводить индекс каждого элемента с задержкой в 3 секунды.

Решение:
const arr = [10, 12, 15, 21];
for (var i = 0; i < arr.length; i++) {
setTimeout(function(i_local) {
return function() {
console.log('Индекс числа: ' + i_local);
}
}(i), 3000);
}

#домашка

Подборка лучших постов за прошлую неделю

Лучшие статьи @free_html_lessons:
1. Основы событий мыши
2. Классы в JavaScript
3. SEO фишки

Лучшие фронтенд вакансии @job_webdev:
1. Frontend-разработчик (стажер)
2. HTML-верстальщик
3. HTML-верстальщик

Лучшие дизайн вакансии @job_webdesign:
1. Web-дизайнер
2. Web-дизайнер
3. UX/UI дизайнер

#лучшеезанеделю

Анимации с помощью CSS Scroll Snap: Управляем прокруткой

Читать 👨‍💻

#css | #полезности

Что такое Atomic design?

Читать 👨‍💻

#полезнаястатья

requestAnimationFrame()

Читать 👨‍💻

#js | #полезности

Создание адаптивных изображений с помощью srcset и sizes в HTML

Читать 👨‍💻

#html | #полезности

Как попасть в Сбер, Сколково, Яндекс?

Выходцев из скиллбоксов, нетологий и гикбрейнсов, стало слишком МНОГО. Даже курьреры зарабатывают больше.

А вот качественных аналитиков — не хватает. Любая компания без них как без рук.

Они знают каким будет будущее. А не фиксят хрупкое настоящее.

Впитывай знания от реального IT-спеца, который научит базе даже пятилетку

IT-минималист — авторский канал о том, как стать востребованным IT аналитиком, даже если вы новичок

Чуваки, которые знали только Excel и Power Point, смогли разобраться

Сможешь и ты 👉 @it_minimal