Аккордеон на чистом HTML и CSS

В этом видео я покажу вам как быстро и просто создать популярный виджет для сайта "Аккордеон". Для его реализации мы воспользуемся механикой работы HTML тега details и добавлением CSS.

👉 @frontend_1

Frontend meetup (Online)

1. Организация сложных многоступенчатых форм на VueJS - Роман Троицкий, Комус-тех
Расскажу про опыт формирования формы покупки полиса осаго со словарями, подсказками и тп, продвинутый форм-билдер vue2 - vue3

2. Новые рецепты. React(Vue) Query вместо вашего любимого state manager - Паромов Евгений, Evrone
Рассмотрим как с React Query можно выкинуть тонны сложного, ненужного, страшного кода. И сделать ваши компоненты действительно переиспользуемыми

3. Dprint - Форматирование на максимальной скорости - Поляков Андрей, БФТ
Быстрый форматер кода написанный на языке Rust.

➖➖➖

🗓 30 ноября, начало в 19:00 мск, Среда

🌐 ОНЛАЙН

✅ Регистрация на мероприятие
📢 Наш телеграмм каналл с анонсами митапов.

Резиновый десктопный адаптив: как сделать большие экраны одинаковыми

Зачастую, когда говорят об адаптиве, подразумевают сужение большого экрана до мобильного размера без потери функциональности. Однако, на самом деле, адаптив также существует между разными десктопными версиями. Обычно разработчики не очень стараются применять адаптивные подходы для больших экранов, ведь если интерфейс поместился на HD разрешении, то он точно поместится на 2K разрешении и больше. Однако контент никак не масштабируется, поэтому имеем на больших разрешениях маленькие элементы, которые трудно уловить взглядом. В этой статье я покажу, как сделать интерфейсы пропорционально одинаковыми на разных десктопных разрешениях.

https://habr.com/ru/company/bimeister/blog/700950/

👉 @frontend_1

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

Пройти опрос

JavaScript parseFloat() function explained with examples

https://sebhastian.com/parsefloat-javascript/

👉 @frontend_1

YaTalks: 3 и 4 декабря

Яндекс вновь соберет экспертов с российским и международным опытом для обсуждения всего важного и интересного в IT-сообществе. Онлайн-формат конференции позволит присоединиться из любой точки мира.

На треке про фронтенд обсудят:

✔️ Веб в 2022. Что изменилось?
✔️ Chrome DevTools — спрятанные полезности
✔️ Дискуссия о том, что важнее в интерфейсах: технологическая обоснованность или особенности восприятия пользователей

Отдельный трек будет посвящён лайфстайл тематике. Вот некоторые темы докладов:
✔️ Из экспертов в руководители и обратно через боль, выгорание и инсайты
✔️ Родительство по agile: как быть эффективным айтишником с макаронами в волосах
✔️ Дебаты: Тимлиды больше не нужны?

Зарегистрироваться и узнать подробности этого и других треков можно здесь

Переливающаяся 3D-фигура, выполненная с помощью SCSS и библиотеки Three.js

https://codepen.io/Mamboleoo/pen/ExwXWyy

Подпишись👉 @codepen_1

React Native is better than Flutter

Привет! Совсем недавно мой друг, и по совместительству - React Native разработчик, поделился со мной одной статьей, про React Native [RN] и Flutter [FL]. Там подробно объясняется, почему RN лучше FL, но делается это в формате "сравнения". На самом деле, конечно, эта статья - никакое не сравнение, а попытка показать RN в лучшем свете, чем он есть на самом деле, а также привнести некоторого скепсиса по поводу FL.

https://habr.com/ru/post/696148/

👉 @frontend_1

Mograph Portfolio - интерактивное портфолио, выполненное с помощью CSS и JavaScript

https://codepen.io/moodyeffects/pen/MWOpeop

Подпишись👉 @codepen_1

🎄X-MAS HACK 2022 – время исполнения желаний🎄

👨🏻‍💻Если ты кодишь – ждём тебя в секции «Хакатон» с кейсами от IT-компаний
💡Если ты настоящий генератор идей – ждём в секции «Идеатон», где ты сможешь предложить самые смелые идеи для бизнеса!

Даты хакатона: 15–18 декабря 2022 года
Дедлайн регистрации: 12 декабря 23:59

Регистрация и подробности:
⚡️Хакатон - https://clck.ru/32kc5u
✨Идеатон - https://clck.ru/32kc5T

Создавай команду или подавай личную заявку, а мы найдем для тебя крутую команду! Регистрируйся, решай новогодний кейс, заводи знакомства, перенимай опыт от топовых экспертов, стань частью X-MAS HACK! И кто знает.. возможно, именно ты заберешь главные призы!

💰Призовой фонд – 1.700.000 рублей!
🎁 Новогодний мерч, подарки от партнеров и сертификаты
🎅🏻 Менторская поддержка от топовых экспертов
🪄 Мастер-классы, лайфхаки и много полезных знакомств

Больше хакатонов и призов - https://clck.ru/32kc6S

#хакатон #идеатон

Как стать веб-разработчиком

Данное руководство призвано помочь вам сделать первые шаги на пути к прибыльной карьере в области веб-разработки. Руководство содержит подробный обзор навыков разработки, которые вы должны изучить.

https://itmozg.ru/kak-stat-veb-razrabotchikom/

👉 @frontend_1

js2flowchart – Инструмент для визуализации JS-кода в виде flowchart диаграммы.

https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

👉 @Githublib

Чек-лист для фронтенд-разработчиков, которые заботятся о производительности

https://github.com/thedaviddias/Front-End-Performance-Checklist

👉 @frontend_1

Привет! На связи Podlodka — организатор IT-конференций, родившихся из популярного подкаста. Приглашаем на юбилейный пятый сезон Podlodka Frontend Crew! Старт — 5 декабря.

🤓 В этот раз мы решили глубже разобраться в браузерных API. В спикерах — Саша Шинкевич, Никита Дубко, Полина Гуртовая, Валера Шибанов и многие другие.

➡️ Разберём самые странные браузерные API. Вместе узнаем, что уже сейчас могут делать современные браузеры и как это может помочь вашим проектам.
➡️ Научимся безопасно использовать Service Worker API с учётом ограничений и требований.
➡️ Узнаем про Wasm в браузере и вне его. Попробуем понять, для чего можно использовать Wasm, и обсудим распространённые проблемы.
➡️ Разберём API для безопасности, симметричное и асимметричное шифрование и узнаем, зачем генерировать, хранить и использовать криптографические ключи в браузере.
➡️ Узнаем, как улучшать диалоги с помощью нативных элементов, рассмотрим особенности их внедрения на реальных юзкейсах.

👉 за подробностями и билетом залетай на сайт