Разбор тем по css на собеседовании.

#собеседование #вопросы #css

Разбор тем по JavaScript на собеседовании [1].

#собеседование #вопросы #JavaScript

Промисы в JavaScript

Промисы в JavaScript представляют собой объекты, которые предоставляют возможность работать с асинхронными операциями более удобным способом, чем это делается с использованием callback-функций. Промисы могут находиться в одном из трёх состояний:

🟡 Pending (ожидание): начальное состояние промиса, не выполнен и не отклонён.

🟢 Fulfilled (выполнено): операция завершилась успешно, промис выполнен.

🔴 Rejected (отклонено): произошла ошибка, промис отклонён.

Промисы используются для более удобной организации асинхронного кода, такого как работа с API, таймерами или другими операциями, которые не выполняются мгновенно.

#обучающийПост #JavaScript #promise

Создание и обработка промиса

Промис создаётся с использованием конструктора Promise, который принимает один аргумент — функцию с двумя параметрами: resolve и reject. Функция resolve вызывается, когда асинхронная операция завершается успешно, а функция reject — когда происходит ошибка.

Для обработки промиса используются методы then, catch и finally.

✅ then принимает функцию, которая будет вызвана, если промис выполнится успешно.
❌ catch принимает функцию, которая будет вызвана, если промис будет отклонён.
🏁 finally принимает функцию, которая будет вызвана в любом случае, независимо от того, был ли промис выполнен или отклонён.

#обучающийПост #JavaScript #promise #code

Разбор тем по JavaScript на собеседовании [2].

#собеседование #вопросы #JavaScript

Принципы SOLID

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

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

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

Single Responsibility Principle

Open/Closed Principle

Liskov Substitution Principle

Interface Segregation Principle

Dependency Inversion Principle

#JavaScript #solid #обучающийПост

Ну какой же это кот, это кошка.

А говорят, что ИИ заменит программистов, он кошку от кота не может отличить🙄😁😂

А нет....

Но сверстал он полную чушь

Буду тестировать, возможно на более мелких задачах будет лучше. Например сверстать карточку какую-нибудь.

Создал общий канал, где будут новости, новинки, разные истории и тд. Буду тоже вести его, для того чтобы расширять кругозор и быть в теме✌️

Single Responsibility Principle

Принцип единственной ответственности (Single Responsibility Principle, SRP) в контексте React означает, что каждый компонент должен иметь только одну причину для изменения. Это помогает сделать код более читаемым, поддерживаемым и упрощает тестирование.

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

Чтобы соблюсти принцип единственной ответственности, можно разделить компонент на два: один для отображения информации о пользователе, другой для редактирования информации.

#обучающийПост #react #solid

#code #solid #react

Паттерны проектирования

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

ОСНОВНЫЕ КАТЕГОРИИ ПАТТЕРНОВ:

Порождающие: Отвечают за оптимальное создание объектов. Примеры: Одиночка (Singleton), Фабричный метод (Factory Method), Прототип (Prototype).

Структурные: Занимаются компоновкой объектов. Примеры: Адаптер (Adapter), Декоратор (Decorator), Фасад (Facade).

Поведенческие: Описывают взаимодействие между объектами. Примеры: Наблюдатель (Observer), Стратегия (Strategy), Команда (Command).

ЗАЧЕМ ОНИ НУЖНЫ?

Повторное использование: Паттерны предоставляют проверенные решения, которые можно многократно использовать.
Читаемость и поддержка: Код, основанный на паттернах, легче понимать и модифицировать.
Сокращение ошибок: Применение паттернов может уменьшить вероятность ошибок, так как они базируются на опыте многих разработчиков.

Для изучения:
https://refactoring.guru/ru/design-patterns/catalog

#facts #tutorial #programming #DesignPatterns #development

Про принцип единственной ответственности

#solid #spr #live #react

🤦 возьмите ребят, начинающих прогеров

Крутой канал о программировании. Качественные, интересные видео. Почти каждое видео я смотрю👌🏻

https://youtube.com/@AlekOS

Open/Closed Principle

Принцип открытости-закрытости (Open/Closed Principle, OCP) в контексте React подразумевает, что компоненты должны быть открыты для расширения, НО закрыты для модификации. Это означает, что мы можем добавлять новые функциональности, не изменяя существующий код, что уменьшает риск ошибок и увеличивает масштабируемость.

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

Чтобы реализовать принцип открытости-закрытости, можно использовать паттерны проектирования, такие как декораторы, пропсы или состояние для динамической настройки поведения и внешнего вида компонента.

#обучающийПост #react #solid

#code #solid #react