
🔥 Заказ на 20+ каналов — шанс выиграть iPhone 16 Pro
Массовые размещения дают просмотры в 2-3 раза дешевле и участие в розыгрыше
В каталог

РегистрацияВойтиВойти
Скидка 3,5% на первые три заказа
Получите скидку на первые три заказа!
Зарегистрируйтесь и получите скидку 3,5% на первые рекламные кампании — промокод активен 7 дней.
20.4

Senior Frontend - javascript, html, css
4.7
29
Интернет технологии
656
11
Senior Front - канал для frontend программистов, практические задачки, проверки знаний, интересные статьи
Поделиться
В избранное
Купить рекламу в этом канале
Формат:
keyboard_arrow_down
- 1/24
- 2/48
- 3/72
- 7 дней
1 час в топе / 24 часа в ленте
Количество:
keyboard_arrow_down
- 1
- 2
- 3
- 4
- 5
- 8
- 10
- 15
Стоимость публикации:
local_activity
9 230.76₽9 230.76₽local_mall
0.0%
Осталось по этой цене:0
Последние посты канала
imageИзображение не доступно для предпросмотра
Высшее образование дистанционно в Московском ВУЗе
Вы мечтаете получить высшее образование, но не сдали ЕГЭ или получили низкие баллы? У нас есть решение для вас!
Институт Международных Экономических Связей предлагает дистанционное обучение , которое позволяет получать качественные знания из любой точки мира по 10+ направлениям обучения.
✅ Государственный диплом без отметки о дистанте
✅ Удобный личный кабинет студента
✅ Поддержка кураторов на каждом этапе обучения
✅ Можно поступить без ЕГЭ
Узнать больше
#реклама 16+
imes.su
О рекламодателе
1349
08:16
18.08.2025
Что такое Dependency Injection (DI)?
Это паттерн проектирования, который используется для управления зависимостями в программном обеспечении. Суть паттерна заключается в том, что объект получает свои зависимости извне, а не создаёт их сам. Это способствует созданию более гибкого, тестируемого и поддерживаемого кода.
Принципы
- Инверсия управления (Inversion of Control, IoC)
Принцип, согласно которому объект делегирует управление своими зависимостями внешнему источнику.
- Внедрение зависимостей (Dependency Injection)
Конкретная реализация инверсии управления, при которой зависимости передаются объекту через конструктор, методы или свойства.
Способы внедрения зависимостей
- Внедрение через конструктор
Зависимости передаются объекту через параметры его конструктора.
interface Repository {
doSomething(): void;
}
class ConcreteRepository implements Repository {
doSomething() {
console.log("Repository is doing something!");
}
}
class Service {
private readonly repository: Repository;
constructor(repository: Repository) {
this.repository = repository;
}
performAction() {
this.repository.doSomething();
}
}
// Пример использования
const repository = new ConcreteRepository();
const service = new Service(repository);
service.performAction(); // Выведет: Repository is doing something!{}
- Внедрение через сеттеры
Зависимости передаются объекту через методы-сеттеры после его создания.
interface Repository {
doSomething(): void;
}
class ConcreteRepository implements Repository {
doSomething() {
console.log("Repository is doing something!");
}
}
class Service {
private repository: Repository | undefined;
setRepository(repository: Repository) {
this.repository = repository;
}
performAction() {
if (!this.repository) {
throw new Error("Repository is not set");
}
this.repository.doSomething();
}
}
// Пример использования
const repository = new ConcreteRepository();
const service = new Service();
service.setRepository(repository);
service.performAction(); // Выведет: Repository is doing something!{}
- Внедрение через интерфейсы
Зависимости передаются объекту через методы, определённые в интерфейсах.
interface IRepository {
doSomething(): void;
}
class Repository implements IRepository {
doSomething() {
console.log("Doing something...");
}
}
class Service {
private repository: IRepository;
constructor(repository: IRepository) {
this.repository = repository;
}
performAction() {
this.repository.doSomething();
}
}
// Пример использования
const repository = new Repository();
const service = new Service(repository);
service.performAction(); // Выведет: Doing something...{}
Плюсы
- Улучшение тестируемости
Код становится более модульным и тестируемым, так как зависимости можно легко заменять на моки или стабы в тестах.
- Улучшение поддерживаемости
Уменьшается связность кода, что упрощает его поддержку и модификацию.
- Улучшение гибкости
Легче менять реализации зависимостей, не изменяя код, который их использует.
- Явное указание зависимостей
Зависимости объектов становятся явными, что улучшает понимание кода.
Минусы
- Усложнение кода
Внедрение DI может усложнить код, особенно если используется слишком много уровней абстракции.
- Кривая обучения
Понимание и правильное использование DI может потребовать времени и обучения, особенно для разработчиков, незнакомых с паттерном.
- Перегрузка конструкции
При внедрении большого числа зависимостей через конструктор конструктор может стать перегруженным.
👉 @seniorFront1412
12:04
18.08.2025
play_circleВидео недоступно для предпросмотра
Responsive Vertical Slider
Логика работы слайдера реализована библиотекой Swiper. Анимировано в CSS.
👉 @seniorFront
1523
19:04
18.08.2025
Побеждаем алгоритмическую секцию на собесах!
Делюсь опытом прохождения алгоритмических собеседований — сложного, но проходимого этапа! Вот ключевые моменты:
Почему это сложно?
- Время ограничено: ~20 минут на чтение задачи, код и проверку.
- Писать код нужно под контролем, без автодополнения, с условной подсветкой синтаксиса (например, в Yandex Code).
- Нужно оставаться спокойным и чётко объяснять свои действия.
Как готовиться и побеждать?
1. Читай и узнавай задачу: практика на Leetcode и Yandex.Coderun поможет "узнавать" типовые алгоритмы (два указателя, рекурсия, хэш-мапы, строки).
2. Проговори решение: перед кодом озвучь логику, чтобы избежать ошибок "на ходу".
3. Учти краевые случаи: пустой массив, один элемент, отрицательные числа, итерации в начале/конце. Пиши их в комментариях.
4. Пиши и комментируй: тренируйся писать код, объясняя каждую строку.
5. Проверяй: прогоняй код на тестовых данных, фиксируй промежуточные результаты в комментариях.
6. Знай сложность: линейная, квадратичная или логарифмическая — будь готов ответить по времени и памяти.
Главный секрет — насмотренность. Решай задачи (easy/medium) с таймером, без автодополнения, комментируя вслух. Это снизит стресс на собесе.
Верь в себя, и всё получится!
👉 @seniorFront
1399
12:02
19.08.2025
imageИзображение не доступно для предпросмотра
Почему в интерфейсах со сложной логикой недостаточно показать макеты в Figma?
В принципе, в меме всё честно. Но я всё же решила объяснить, почему не кидаю ссылку на Figma по первому запросу.
В этой небольшой статье я хочу рассказать:
- почему я не отправляю макеты вслепую;
- почему перед созвоном всегда запрашиваю информацию о проекте;
- о чем говорю и что показываю на созвоне знакомства.
👉 @seniorFront
1348
19:03
19.08.2025
imageИзображение не доступно для предпросмотра
Вебинар - "Прорыв в AI: применяйте DeepSeek эффективно"
⚡ Практикум по топовой китайской ии DeepSeek! Узнайте, как экономить 20+ часов в неделю!
Формат: Живой бесплатный вебинар!
Подойдет даже новичкам!
На вебинаре вы:
- Разберетесь в нейросетях и их возможностях
- Научитесь писать рабочие промпты
- Автоматизируете рутину (контент, аналитика и др.)
- Создадите ИИ-ассистента в прямом эфире!
Мы преготовили подарки:
✨ Подарок №1: Полезные материалы по ИИ
✨ Подарок №2: Руководство «Как создать цифровой аватар» (сразу после регистрации)!
Кому подойдет?
Контент-мейкерам, предпринимателям, специалистам и всем, кто хочет освоить ИИ для карьеры или дохода.
✅Успейте зарегистрироваться Бесплатно!
Не теряйте время на рутину – доверьте ее ИИ!
Зарегистрироваться
#реклама 16+
ed.bonnieandslide.com
О рекламодателе
1498
21:01
19.08.2025
play_circleВидео недоступно для предпросмотра
To-do list
Оригинальный TO_DO list, на чистом JS. Стилизованный в SCSS.
👉 @seniorFront
1316
12:02
20.08.2025
imageИзображение не доступно для предпросмотра
👩💻 Готовы стать профи в Node.js-разработке и освоить самые востребованные технологии?
🔥 Курс «Node.js Developer» от OTUS – это ваш шанс научиться создавать высокопроизводительные серверные приложения с использованием Node.js, Express, TypeScript, GraphQL, Apollo и Nest.js. Мы фокусируемся на практических навыках, которые можно сразу применять в реальных проектах.
🦾 Освойте работу с базами данных MongoDB и PostgreSQL, научитесь создавать и оптимизировать запросы, а также внедрять лучшие практики разработки с TDD. Преподаватели-практики помогут вам разобраться в тонкостях разработки и архитектуры Node.js.
🎁 Дарим промокод, который дает скидку на обучение - NODE8
➡️ Пройдите вступительное тестирование и присоединяйтесь к группе: https://clck.ru/3Nkp7V
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 erid 2SDnjdGL3LA
1274
15:00
20.08.2025
play_circleВидео недоступно для предпросмотра
Navigation Tabs with Sliding Menu Indicator
В этом видео создаётся анимированное навигационное меню на чистом CSS.
👉 @seniorFront
1014
21:00
20.08.2025
play_circleВидео недоступно для предпросмотра
Твои разрабы пилят фичи пока ты ушел в отпуск
👉 @seniorFront
543
12:04
21.08.2025
close
С этим каналом часто покупают
Отзывы канала
keyboard_arrow_down
- Добавлен: Сначала новые
- Добавлен: Сначала старые
- Оценка: По убыванию
- Оценка: По возрастанию
4.7
1 отзыва за 6 мес.
Превосходно (100%) За последние 6 мес
d
**vgo-ita-team@*********.ru
на сервисе с сентября 2023
05.06.202511:32
5
Оперативное размещение
Показать еще
Лучшие в тематике
Новинки в тематике
Статистика канала
Рейтинг
20.4
Оценка отзывов
4.7
Выполнено заявок
50
Подписчики:
27.7K
Просмотры на пост:
lock_outline
ER:
5.0%
Публикаций в день:
3.0
CPV
lock_outlineВыбрано
0
каналов на сумму:0.00₽
Подписчики:
0
Просмотры:
lock_outline
Перейти в корзинуКупить за:0.00₽
Комментарий