uk
Feedback
Фронтенд Гайд

Фронтенд Гайд

Відкрити в Telegram

Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6

Показати більше
6 282
Підписники
Немає даних24 години
-127 днів
-7130 день
Архів дописів
photo content

🖥 Изящные карточки с эффектом 3D-подъёма.

🤔 Вопрос: Какой объект JavaScript предоставляет методы для манипулирования адресом URL текущего окна браузера?
Anonymous voting

🖥 reveal.js — open-source фреймворк для создания HTML-презентаций Фреймворк обладает мощным набором функций, включая поддержку Markdown, возможность создания анимаций, экспорт в PDF, наличие заметок для докладчика, поддержку верстки в LaTeX, код с подсветкой синтаксиса и удобный API.

CSS 3D Template Анимация куба, при наведение можно изменять расположение, написана на чистом CSS.

CSS. Какое свойство позволяет принудительно указать наличие вертикальной прокрутки у элемента?
Anonymous voting

⚡️ Demo:Input Field Animation Floating Label | HTML & CSS При вводе данных поле становится объёмным.

Javascript вопрос: Что вернет код при использовании опциональной цепочки на несуществующем объекте: nonexist?.property
Anonymous voting

photo content

Привет, друзья! Успевайте подключиться и стать участником главного фронтенд-события года — FrontendConf 2024. 30 сентября и 1
Привет, друзья!  Успевайте подключиться и стать участником главного фронтенд-события года — FrontendConf 2024. 30 сентября и 1 октября в Москве, в кластере “Ломоносов", мы соберёмся, чтобы обменяться опытом, обсудить новые вызовы и горизонты в разработке. Что вас ждёт: 51 доклад с реальными кейсами, свежими идеями и анализом актуальных задач. Дебаты по самым острым темам фронтенда. Фейл-митапы: истории, которые никогда не попадают в запись. QA-сессии, митапы и живое общение с экспертами. Новые темы этого года: Внедрение ML в продукты. Как нейросети меняют софт. Применение ИИ в пользовательских интерфейсах с помощью Tensorflow.js. Сравнение Bun и Node: выбор JSCore. Последние достижения в развитии PWA. Также рассмотрим новейшие тенденции фронтенда, обсудим свежие концепции фреймворков, технологии AR и многое другое. Купить билеты и посмотреть расписание можно на сайте. Присоединяйтесь! Реклама. ООО "КОНФЕРЕНЦИИ ОЛЕГА БУНИНА". ИНН 7733863233.

CSS. Выберите значение свойства opacity, которое не сработает
Anonymous voting

photo content

📌 В чем разница == и === ? Операторы == (равно) и === (строго равно) используются для сравнения значений, но работают по-разному, что важно понимать для написания надёжного и предсказуемого кода. 🤔 Оператор == (равно) Сравнивает значения двух переменных, но перед сравнением производит приведение типов, если переменные относятся к разным типам. Это означает, что если вы сравниваете число с строкой, JavaScript попытается преобразовать строку в число, а затем сравнить эти два значения. Этот процесс может привести к неинтуитивным результатам. ➕ Примеры:
'2' == 2 // true, так как строка '2' преобразуется в число 2 перед сравнением
0 == false // true, так как 0 и false считаются эквивалентными
null == undefined // true, специальное правило языка
🤔 Оператор ===(строго равно) В отличие от ==, он сравнивает и значения, и типы без приведения типов. Если типы различаются, оператор немедленно возвращает false, не пытаясь преобразовать один тип в другой. Это делает сравнение более строгим и предсказуемым. ➕ Примеры:
'2' === 2 // false, так как типы различаются
0 === false // false, разные типы: число и булево значение
null === undefined // false, разные типы
🤔 Почему важно знать разницу Понимание разницы между == и === критически важно, чтобы избежать ошибок, связанных с неожиданным приведением типов. Использование === помогает гарантировать, что сравниваемые значения совпадают по типу и значению, что является более безопасным подходом в большинстве случаев. В целом, рекомендуется использовать === для сравнения значений, чтобы код был более читабельным и предсказуемым. 🤔 Итог: == сравнивает значения, приводя их к общему типу, что может привести к неожиданным результатам из-за неявного приведения типов. === сравнивает как значения, так и типы без приведения типов, обеспечивая более строгое и предсказуемое сравнение. Использование === рекомендуется для большей надёжности и читабельности кода.

🚴‍♀️ Оригинальный прелоадер с велосипедом для вашей страницы.

photo content

CSS. Какое свойство устанавливает количество колонок в многоколоночном тексте?
Anonymous voting

Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специал
+9
Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специалистов. Теперь любой желающий может попробовать себя в IT с полного нуля и начать обучение бесплатно! Узнайте про дальнейшее трудоустройство в ведущие IT-компании для восполнения кадрового дефицита. Для этого нужно: - Перейти по ссылке - Заполнить анкету и ответить на вопросы (занимает менее 3 минут) - На основании ваших ответов вы сразу узнаете, подходит ли вам сфера IT и сможете ли вы в ней работать Перейти на сайт #реклама 16+ urban-university.ru О рекламодателе

⚡️ Красивая анимированная шкала рейтинга на JS + CSS

photo content

JavaScript. Каким будет результат? [1, 2, 3, 4].reduce((x, y) => console.log(x, y));
Anonymous voting