This media is not supported in your browser
VIEW IN TELEGRAM
Технологии: Svg, SCSS, JavaScript
CodeBase | Frontend | #animate
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Она позволяет определить структуру данных и схемы для любого типа данных, включая примитивные типы данных, массивы и объекты, в компактной и безопасной с точки зрения типов манере.
•
Определение структуры данных.•
Поддержка примитивных типов данных, массивов и объектов.•
Валидация входных данных.•
Обеспечение безопасности типов в приложениях.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
⏵ Полезные инструменты для веб разработки.
⏵ Стильные Codepen-проекты
⏵ Нейронки для генерации чего угодно.
⏵ Плагины для Figma и многое другое
Please open Telegram to view this post
VIEW IN TELEGRAM
✍3
Map
в JavaScript и как он работает?Map
— это структура данных в JavaScript, которая хранит ключи и значения. В отличие от объектов, Map
позволяет использовать любые типы данных в качестве ключей и сохраняет порядок добавления элементов.// Создание Map
const map = new Map();
// Добавление ключей и значений
map.set('name', 'Alice');
map.set('age', 30);
map.set(1, 'Первый ключ');
// Получение значения по ключу
console.log(map.get('name')); // Alice
// Проверка наличия ключа
console.log(map.has('age')); // true
// Итерация по Map
map.forEach((value, key) => {
console.log(`${key}: ${value}`);
});
Map
используется для хранения данных с разными типами ключей. Это удобная альтернатива объектам для работы с ключами сложных типов.CodeBase | Frontend | #js
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10✍3❤1
Forwarded from Видеоуроки IT
#layout #html #css
Вёрстка реального проекта #1 для новичков
Видеоуроки:
1 — Вводное видео
2 — Подготовка к вёрстке и нарезка макета из Figma
3 — Вёрстка HTML макета из Figma
4 — Вёрстка мобильной версии HTML макета из Figma
📹 Плейлист YouTube
Канал: AVIS TV
Вёрстка реального проекта #1 для новичков
Видеоуроки:
1 — Вводное видео
2 — Подготовка к вёрстке и нарезка макета из Figma
3 — Вёрстка HTML макета из Figma
4 — Вёрстка мобильной версии HTML макета из Figma
Канал: AVIS TV
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4✍2
CodeBase | Frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥3❤1
Вот отсортированные базы с тонной материала(книги, курсы, ресурсы и гайды). Выбирай своё направление:
Скачивать ничего не нужно — все выложили в Telegram с доступом по ссылке
Please open Telegram to view this post
VIEW IN TELEGRAM
✍2👍2
clip-path
в CSS и как оно работает?clip-path
— это свойство CSS, которое позволяет создавать фигуры, обрезающие элемент по заданному контуру. Оно используется для создания креативных масок и нестандартных форм элементов.<div class="clipped">Пример с clip-path</div>
<style>
.clipped {
width: 200px;
height: 100px;
background: lightblue;
clip-path: polygon(50% 0%, 100% 100%, 0% 100%); /* Треугольная форма */
text-align: center;
line-height: 100px;
}
</style>
clip-path
обрезает элемент .clipped
по треугольному контуру. Свойство поддерживает различные функции, такие как circle
, ellipse
, и polygon
, позволяя создавать уникальные дизайнерские элементы.CodeBase | Frontend | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥2❤1
Я знаю, сколько времени может уйти на поиск нужной информации в Telegram, поэтому регулярно делюсь полезными ссылками.
Сегодня подготовил для вас целую подборку каналов в
сфере «ИТ/ Разработка» 🔥
Тут вы точно найдете ответы на многие свои вопросы. А главное - вам не придется, тратить на поиски информации несколько часов 👇
Поэтому переходите, подписывайтесь и пользуйтесь на здоровье
Сегодня подготовил для вас целую подборку каналов в
сфере «ИТ/ Разработка» 🔥
Тут вы точно найдете ответы на многие свои вопросы. А главное - вам не придется, тратить на поиски информации несколько часов 👇
Поэтому переходите, подписывайтесь и пользуйтесь на здоровье
👍3✍2
Всем привет! 👋
С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google.
Наверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?
https://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.
https://seseo.ru/ - сайт
https://t.me/allianceseo?erid=LjN8K93vq - написать мне лично
Готов помочь с развитием и продвижением ваших сайтов на любом этапе.
В общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝
Проконсультирую и направлю - бесплатно!
Все мы немного IT'шники 😀
Что могу предложить:
⚙ Seo - поисковое продвижение.
⚙ Проведение аудитов сайтов.
⚙ Составление стратегии развития.
⚙ Контекстная реклама.
⚙ Создание оптимизированных сайтов.
⚙ Seo прототипирование на этапе создания сайта.
⚙ Услуги настройки и ведения контекстной рекламы.
#реклама
О рекламодателе
С 2008 года я занимаюсь продвижением сайтов в Яндекс и Google.
Наверное, у многих тут есть свои сайты, развитием которых вы занимаетесь?
https://t.me/seoalliance - мой канал с актуальными методами и примерами продвижения сайтов. Найдете интересное.
https://seseo.ru/ - сайт
https://t.me/allianceseo?erid=LjN8K93vq - написать мне лично
Готов помочь с развитием и продвижением ваших сайтов на любом этапе.
В общем, всё, что связано с рекламой и развитием сайтов - ко мне 🤝
Проконсультирую и направлю - бесплатно!
Все мы немного IT'шники 😀
Что могу предложить:
⚙ Seo - поисковое продвижение.
⚙ Проведение аудитов сайтов.
⚙ Составление стратегии развития.
⚙ Контекстная реклама.
⚙ Создание оптимизированных сайтов.
⚙ Seo прототипирование на этапе создания сайта.
⚙ Услуги настройки и ведения контекстной рекламы.
#реклама
О рекламодателе
👍4👏2🤝2🙏1
This media is not supported in your browser
VIEW IN TELEGRAM
Мне всегда нравились каналы, которые запариваются над контентом и не постят всякий копипаст 10-летней давности.
Хороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.
Пригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.
Посмотрите на досуге, это очень затягивает: @concertzaal
Хороший пример — @concertzaal. Там так увлекательно пишут про технологии и медиа, что через неделю даже ваша бабушка начнет шарить за интернет-тренды, штучный интеллект и гаджеты.
Пригодится всем, кто много времени проводит в интернете, но кроме рилсов и тиктоков ничего не смотрит.
Посмотрите на досуге, это очень затягивает: @concertzaal
👍3
Тег
<section>
создаёт независимый блок — например, блок новостей, блок с контактами или просто абзац с заголовком.<section>
<h1>Заголовок первого блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей чаю.</p>
</section>
<section>
<h1>Заголовок второго блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей же чаю.</p>
</section>
•
Тег <section>
всегда закрывается при помощи парного тега </section>
.•
Внутри <section>
обязательно должен быть заголовок <h1>...<h6>
.•
Контейнеры <section>
можно вкладывать друг в друга, как матрёшку.<div>
.Некоторые начинающие разработчики неверно понимают семантику этого тега и заменяют им большую часть дивов на странице. Так делать не стоит.
Тегом
<section>
стоит оборачивать большие логические блоки на странице.🛠 По спецификации допустимо размещать в каждом <section> заголовок первого уровня (<h1>). Несмотря на это, не стоит размещать на странице больше одного заголовка первого уровня. Это важно для правильной индексации сайта поисковыми роботами.
CodeBase | Frontend | #html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14
React: современные шаблоны для разработки приложений
Автор: Бэнкс Алекс, Порселло Ева
Авторы научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных.
#book#react
Книга
CodeBase | Frontend | #react
Автор: Бэнкс Алекс, Порселло Ева
Авторы научат вас создавать пользовательские интерфейсы, которые будут динамически отображать изменения без необходимости перезагрузки страницы даже на крупномасштабных сайтах, работающих с огромными массивами данных.
#book#react
Книга
CodeBase | Frontend | #react
👍6