CodeBase | Frontend
2.14K subscribers
381 photos
150 videos
5 files
568 links
Все самое интересное и полезное у нас 😎

Контакт: @Filgood777 (реклама, сотрудничество)
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Weather Widgets — Анимированный виджет погоды.

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

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
⚡️ Chance – предоставляет набор функций и методов, которые позволяют генерировать случайные числа, строки, имена, номера телефонов, адреса электронной почты и многое другое.

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


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

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

👩‍💻 GitHub

CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51
Отличное предложение!

CodeBase | Frontend
| #meme
🤣13👍3
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Profile Card UI — Интерактивная визитка с анимированными кнопками.

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

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
⚡️ Day.js – это минималистичная библиотека для работы с датами и временем, лучшая альтернатива Moment.js.

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

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

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


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

👩‍💻 GitHub

CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Ведем себя хорошо!

CodeBase | Frontend
| #meme
👍9😁4🔥2
👩‍💻 Что такое 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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤‍🔥11
GameDev уже в телеграм!

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

Вступай в наши ряды уже сейчас!
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Dropdown Menu Effects — Анимированное выпадающее меню с эффектами при нажатии.

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

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
Программирование уже в телеграм!

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

Вступай в наши ряды уже сейчас!
⚡️ FullCalendar – библиотека для создания интерактивных календарей в веб-приложениях на React, Vue и Angular.

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

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

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

👩‍💻 GitHub

CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
👩‍💻 Что такое grid-template-areas в CSS и как оно работает?

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

➡️ Пример:

<div class="grid-container">
<header class="header">Header</header>
<nav class="sidebar">Sidebar</nav>
<main class="content">Content</main>
<footer class="footer">Footer</footer>
</div>

<style>
.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;
}
</style>


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

CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13
Вам нравится читать контент на этом канале?

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

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

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

Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.
👍71
Разработка веб-приложений на Django Framework

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

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

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


#book #django #python
👍3
Действительно!

CodeBase | Frontend
| #meme
😁7😢3
Паттерны проектирования jаvascript

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

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

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


#паттерны #JаvaScript #WebAPI #React #фронтенд #frontend
👍4
Готовишься к Frontend или Backend собеседованию?

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

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

👩‍💻 Frontend
👩‍💻 Python
👩‍💻 Go
👩‍💻 Java
👩‍💻 C/C++
👩‍💻 C#
👩‍💻 PHP
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Button with tooltip hover timing feedback — Плеер с анимированным нажатием при наведении.

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

🔗 Ссылка

CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
⚡️ Zod – библиотека для объявления и валидации схем, ориентированная на TypeScript.

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


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

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

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

👩‍💻 GitHub

CodeBase | Frontend | #tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
💠 Front Helper — это кладезь готовых решений в помощь начинающим и опытным фронтендерам.

⏵ Полезные инструменты для веб разработки.
⏵ Стильные Codepen-проекты
⏵ Нейронки для генерации чего угодно.
⏵ Плагины для Figma и многое другое

Подпишись и ускорь свою работу в разы!
Please open Telegram to view this post
VIEW IN TELEGRAM
3