Type to search
Advanced channel search

TGAlertsBot

Monitoring of keywords in channels and chats
img
ad

TGStat Bot

Bot to get channel statistics without leaving Telegram
img
ad

SearcheeBot

Your guide in the world of telegram channels
img
ad

Telegram Analytics

Subscribe to stay informed about TGStat news.
img
ad

CodeBase | Frontend

@codebase_frontend
Channel's geo and language: World, Russian
Category: Technologies

Все самое интересное и полезное у нас 😎
Контакт: @Filgood777 (реклама, сотрудничество)

Related channels  |  Similar channels
Channel's geo and language
World, Russian
Category
Technologies
Statistics
Is this your channel? Confirm Channel history
Posts filter

CodeBase | Frontend

26 Nov, 09:01

Open in Telegram Share Report
⚡️ Zod – библиотека для объявления и валидации схем, ориентированная на TypeScript.

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


➡️ Среди основных возможностей библиотеки:

• Определение структуры данных.
• Поддержка примитивных типов данных, массивов и объектов.
• Валидация входных данных.
• Обеспечение безопасности типов в приложениях.

✔️ Главное преимущество: Zod имеет дополнительные функции, которые выходят за рамки базовой валидации схемы. Например, позволяет определить пересечения и объединения типов для создания сложных схем.

👩‍💻 GitHub

CodeBase | Frontend | #tool
258 0 5 3
CodeBase | Frontend

25 Nov, 12:07

Open in Telegram Share Report
Video is unavailable for watching
Show in Telegram
⚡️Button with tooltip hover timing feedback — Плеер с анимированным нажатием при наведении.

Технологии: Svg, SCSS, JavaScript

🔗 Ссылка

 CodeBase | Frontend | #animate
342 0 8 5
CodeBase | Frontend

25 Nov, 10:07

Open in Telegram Share Report
Готовишься к Frontend или Backend собеседованию?

Разбираем для тебя самые актуальные вопросы для подготовки

Выбирай свое направление:

👩‍💻 Frontend
👩‍💻 Python
👩‍💻 Go
👩‍💻 Java
👩‍💻 C/C++
👩‍💻 C#
👩‍💻 PHP
353 0 3 6
CodeBase | Frontend

24 Nov, 13:14

Open in Telegram Share Report
Forward from: Я хочу стать программистом
Паттерны проектирования jаvascript

Год: 2025
Автор: Ди Франческо Уго
Язык: Русский

Автор дает исчерпывающее представление о паттернах проектирования в современном jаvascript (ES6+) и приводит практические примеры их применения. Сначала вы познакомитесь с порождающими, структурными и поведенческими паттернами проектирования в идиоматическом для jаvascript стиле, а затем переключитесь на архитектурные паттерны и паттерны пользовательского интерфейса. Вы узнаете, как применять паттерны, характерные для таких библиотек, как React, и распространять их на фронтенд и микрофронтенд.

В последней части книги представлены и проиллюстрированы паттерны улучшения производительности и безопасности, включая обмен сообщениями, события и стратегии загрузки ресурсов, а также паттерны высокопроизводительных асинхронных вычислений. В издании приводятся примеры использования React и Next.js, а также jаvascript и Web API. Они помогут выбрать и внедрить проверенные паттерны проектирования в различных веб-экосистемах и изменить ваш подход к разработке.


#паттерны #JаvaScript #WebAPI #React #фронтенд #frontend
394 0 17 3 2
CodeBase | Frontend

24 Nov, 09:01

Open in Telegram Share Report
Действительно!

CodeBase | Frontend | #meme
399 0 4 5 7
CodeBase | Frontend

23 Nov, 13:13

Open in Telegram Share Report
Forward from: Ленивый программист
Разработка веб-приложений на Django Framework

Год: 2024
Автор: М.А. Медведев
Язык: Русский

В учебно-методическом пособии рассматриваются базовые понятия и принципы веб-разработки с использованием Django Framework — одного из наиболее мощных и популярных фреймворков на языке программирования Python. Представлено описание и примеры работы с такими базовыми понятиями, как модели, представления, шаблоны, формы, система аутентификации, логирование, cookies и sessions, а также введение в Django REST Framework.

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


#book #django #python
401 0 4 3
CodeBase | Frontend

23 Nov, 11:05

Open in Telegram Share Report
Вам нравится читать контент на этом канале?

Возможно, вы задумывались о том, чтобы купить на нем интеграцию?

Следуйте 3 простым шагам, чтобы сделать это:

1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию

Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
394 0 1 7
CodeBase | Frontend

23 Nov, 09:01

Open in Telegram Share Report
👩‍💻 Что такое grid-template-areas в CSS и как оно работает?

grid-template-areas — это свойство CSS, которое позволяет задавать макет сетки с помощью именованных областей. Оно делает код понятным и удобным для построения сложных макетов.

➡️ Пример:


Header
Sidebar
Content
Footer



.grid-container {
display: grid;
grid-template-areas:
"header header"
"sidebar content"
"footer footer";
grid-template-columns: 1fr 2fr;
gap: 10px;
}

.header {
grid-area: header;
background-color: lightblue;
}

.sidebar {
grid-area: sidebar;
background-color: lightgreen;
}

.content {
grid-area: content;
background-color: lightyellow;
}

.footer {
grid-area: footer;
background-color: lightcoral;
}


🗣️ В этом примере grid-template-areas задаёт сетку с областями для заголовка, боковой панели, основного контента и подвала. Каждая область легко связывается с соответствующими элементами через grid-area.

CodeBase | Frontend | #css
398 0 9 12
CodeBase | Frontend

22 Nov, 09:02

Open in Telegram Share Report
⚡️ FullCalendar – библиотека для создания интерактивных календарей в веб-приложениях на React, Vue и Angular.

➡️ Она предоставляет:

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

✔️ Главное преимущество: простота использования данных календаря в CRUD-операциях.

👩‍💻 GitHub

CodeBase | Frontend | #tool
447 0 14 3
CodeBase | Frontend

21 Nov, 13:30

Open in Telegram Share Report
Программирование уже в телеграм!

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

Вступай в наши ряды уже сейчас!
487 0 2
CodeBase | Frontend

21 Nov, 09:00

Open in Telegram Share Report
Video is unavailable for watching
Show in Telegram
⚡️Dropdown Menu Effects — Анимированное выпадающее меню с эффектами при нажатии.

Технологии: Svg, SCSS, JavaScript

🔗 Ссылка

 CodeBase | Frontend | #animate
523 0 18 5
CodeBase | Frontend

20 Nov, 13:03

Open in Telegram Share Report
GameDev уже в телеграм!

Петабайты полезных обучающих материалов по GameDev, которых нигде больше не найти. Истинный первоисточник всех материалов по геймдеву

Вступай в наши ряды уже сейчас!
520 0 2
CodeBase | Frontend

20 Nov, 09:00

Open in Telegram Share Report
👩‍💻 Что такое Promise.all в JavaScript и как он работает?

Promise.all позволяет запускать несколько промисов одновременно и получать их результаты, когда все промисы выполнены. Если один из промисов завершится с ошибкой, общий результат тоже будет отклонён.

➡️ Пример:

const promise1 = Promise.resolve(10);
const promise2 = Promise.resolve(20);
const promise3 = Promise.resolve(30);

Promise.all([promise1, promise2, promise3])
.then((results) => console.log(results)) // [10, 20, 30]
.catch((error) => console.error('Ошибка:', error));

🗣️ В этом примере все промисы выполняются параллельно. Результаты объединяются в массив, если все успешно завершились. Это полезно для работы с множеством асинхронных операций.

CodeBase | Frontend | #js
589 0 9 8
CodeBase | Frontend

19 Nov, 09:00

Open in Telegram Share Report
Ведем себя хорошо!

CodeBase | Frontend | #meme
549 0 4 12
CodeBase | Frontend

18 Nov, 09:00

Open in Telegram Share Report
⚡️ Day.js – это минималистичная библиотека для работы с датами и временем, лучшая альтернатива Moment.js.

➡️ Она предоставляет простой API для выполнения различных операций, включая:

• конвертацию и локализацию дат;
• форматирование дат;
• парсинг и валидацию дат и времени;
• работу с временными зонами.

Особенность Day.js – использование неизменяемых объектов для хранения данных, что гарантирует согласованность данных и упрощает работу с ними. Библиотека также предоставляет набор методов для выполнения сложных операций с датами и временем.


✔️ Главное преимущество: размер библиотеки – 2 КБ.

👩‍💻 GitHub

CodeBase | Frontend | #tool
635 0 11 3
CodeBase | Frontend

17 Nov, 09:00

Open in Telegram Share Report
Video is unavailable for watching
Show in Telegram
⚡️Profile Card UI — Интерактивная визитка с анимированными кнопками.

Технологии: Svg, SCSS, JavaScript

🔗 Ссылка

 CodeBase | Frontend | #animate
642 0 21 6
CodeBase | Frontend

16 Nov, 09:00

Open in Telegram Share Report
Отличное предложение!

CodeBase | Frontend | #meme
650 0 5 14
CodeBase | Frontend

15 Nov, 09:00

Open in Telegram Share Report
👩‍💻 Как работает свойство position: sticky в CSS?

Свойство position: sticky позволяет элементу переключаться между относительным и фиксированным позиционированием в зависимости от его прокрутки. Оно фиксирует элемент в определённой точке, пока его родительский контейнер находится в пределах видимости.

➡️ Пример:


Я остаюсь на месте!
Содержимое...
Содержимое...
Содержимое...



.container {
height: 200px;
overflow: auto;
border: 1px solid black;
}

.sticky-header {
position: sticky;
top: 0; /* Фиксирует элемент у верхнего края контейнера */
background-color: lightblue;
padding: 10px;
}


🗣️ В этом примере заголовок с классом .sticky-header остаётся на месте, пока пользователь прокручивает содержимое контейнера. Как только прокрутка выходит за пределы контейнера, элемент снова становится относительным.

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


CodeBase | Frontend | #css
710 0 14 10
CodeBase | Frontend

14 Nov, 09:00

Open in Telegram Share Report
⚡️ Chance – предоставляет набор функций и методов, которые позволяют генерировать случайные числа, строки, имена, номера телефонов, адреса электронной почты и многое другое.

Такие данные нужны для тестирования приложений и веб-сервисов, симуляции, анализа и визуализации данных.


➡️ Эффективно работает с датами и временем.

✔️ Главное преимущество: размер библиотеки – 55 КБ.

👩‍💻 GitHub

CodeBase | Frontend | #tool
629 0 10 6
CodeBase | Frontend

13 Nov, 09:00

Open in Telegram Share Report
Было?

CodeBase | Frontend | #meme
725 0 2 8
20 last posts shown.