Frontend по-флотски 👨💻
1075
@frontend_pasta
Новости и факты о разработке интерфейсов в неформальном стиле
-
Frontend по-флотски 👨💻
Стартануть в IT быстро и эффективно — подготовительный курс по Frontend-разработке. Изучаем базу за 14 дней — всего за 990 рублей! 🗓 Начинаем 10 августа. Даем: 72 урока с практикой в браузере, 3 онлайн вебинара и 1 сессию лайвкодинга с практикующим разработчиком. Получаем: крепкие знания базы языка, умение понимать код и первую программу на JavaScript, написанную вместе с наставником. 🔜 Запишитесь прямо сейчас! 
-
Frontend по-флотски 👨💻
Коллеги, я не пропал, просто у меня... СВАДЬБА! 🙃 Вернусь на следующей неделе, а пока принимаю поздравления 🥰🥰🥰 
-
Frontend по-флотски 👨💻
Mac OS навигация на чистом CSS 👌 Забирай решение для своих проектов .block:has(+ .b:hover), .block:hover + .b { flex: calc(0.2 + (sin(30deg) * 1.5)); translate: 0 calc(sin(30deg) * -75%); }https://codepen.io/jh3y/pen/GRwwWoV 👉 Frontend по-флотски. Подписаться. -
Реклама
-
Frontend по-флотски 👨💻
TypeScript 5.2: Новое ключевое слово: 'using' https://habr.com/ru/articles/750854/ 👉 Frontend по-флотски. Подписаться. -
Frontend по-флотски 👨💻
Исследование производительности анимации на основе скрола страницы 👨💻 Будущее всё ближе и ближе, я уже не один раз делился CSS анимашками используя свойство animation-timeline (тык, тык, тык, тык) Теперь пора поближе взглянуть на это и сравнить производительность с классической JS реализацией Бегом читать! https://habr.com/ru/articles/749794/ 👉 Frontend по-флотски. Подписаться. 
-
Frontend по-флотски 👨💻
Билдим нейро-чатик на Vercel AI SDK 🧐 Vercel AI SDK - это библиотека с открытым исходным кодом, предназначенная для того, чтобы помочь тебе создавать пользовательские интерфейсы для стриминга чатов на JS и TS. SDK поддерживает React/Next.js , Svelte/SvelteKit и Vue/Nuxt, а также Node.js, Serverless и Edge Runtime Чекай демо, изучай документацию 👉 Frontend по-флотски. Подписаться. 
-
Frontend по-флотски 👨💻
Proposal: Promise.withResolvers 🤝 Бывало такое, что тебе нужен один промис на две разные функции, но хотел больше контроля чем даёт Promise.any и Promise.all? Теперь ты сможешь сделать так: const { promise, resolve, reject } = Promise.withResolvers();И использовать resolve и reject как тебе вздумается 🔥 Ожидается, что этот пропоусал появится в ECMAScript уже в этом году github.com/tc39/pr…esolvers 👉 Frontend по-флотски. Подписаться. -
Frontend по-флотски 👨💻
Классный 3D эффект на карточках 🎢 https://codepen.io/mubangadv/pen/YzJNbOa 👉 Frontend по-флотски. Подписаться -
Frontend по-флотски 👨💻
Proposal: Optional Chaining Assignment Один из ожидаемые мною пропоузалов, находится на Stage 1, поэтому ждать его ещё довольно долго :( Как было: if (obj) { obj.prop = value; }Как будет:obj?.prop = value;github.com/tc39/pr…signment -
Frontend по-флотски 👨💻
Хочешь получить оффер из-за границы? • Как выбрать страну? • На что обращают внимание на каждом из этапов собеседования? • Как нужно себя вести на собеседовании с инженерами? 🧠 Канал Передаёт Австралия рассказывает как пройти все этапы трудоустройства в заграничную компанию - от отклика на вакансию до торга по зарплате. Автор канала прошёл более сотни этапов собеседований в IT-компаниях Австралии 🇦🇺, Сингапура 🇸🇬 и Европы 🇪🇺, получил обширный опыт трудоустройства и релокейтов, занимался наймом программистов, а теперь делится своим опытом и знаниями с читателями. ⚡️ Есть вопросы? Добро пожаловать: @australia_reporting 
-
Frontend по-флотски 👨💻
CSS Nesting в действии 🔥 ✅ Вложенный медиа запрос: если пользователь не отключал анимации ✅ Вложенные стили: это свойство transition ✅ Вложенный селектор: добавляет стили для ховера и фокуса 72.89% поддержки на caniuse Подробнее про CSS Nesting 
-
Frontend по-флотски 👨💻
Вышел Chrome 115 🥳 Что там нового? — Анимации на основе скролла — Огражденные фреймы — Topics API — Свойство CSS display теперь может принимать несколько значение Подробнее в статье: https://habr.com/ru/articles/748000/ -
Frontend по-флотски 👨💻
-
Frontend по-флотски 👨💻
Почему важно всегда улучшать код, над которым работаешь? И какое идеальное количество входных параметров для функции? В статье «Как написать чистый код и сделать жизнь проще» технический директор в Газпромбанке Максим Морев описывает принципы чистого кода и делится практическими советами, как его написать. Кстати, эта статья первая в серии материалов про код — дальше разберем конкретные кейсы, как делать надо и не надо. 
-
Frontend по-флотски 👨💻
Ты хорошо спишь? 😴 Наконец-то после нескольких дней бессонницы начал нормально высыпаться, чувствую заряд бодрости и готов верстать формочки до посинения Классная статья про сон 
-
Реклама
-
Frontend по-флотски 👨💻
ASMR Programming — такого я ещё не видел 😯 https://www.youtube.com/watch?v=YJTKlAvbDo4 -
Frontend по-флотски 👨💻
Небольшое дополнение по единицам измерения в CSS 🙃 Я тут искал, что бы тебе рассказать интересного и заметил неприметные единицы измерения lhиrlh lh— расшифровывается как line-height. Соответственно,1lh= высоте строки,2lh= высота строки * 2 и т.д. (caniuse 78.9%)rlh— расшифровывается как root line-height. Работает точно так же какlh, но относительно корневого элемента (<html>), очень похоже на пару rem и em. Самое интересное, что rlh поддерживает только Safari, сафари впереди планеты всей 🤣 (caniuse 10.2%) -
Frontend по-флотски 👨💻
7 дней бесплатного обучения frontend-разработке! Организовали для тебя бесплатный онлайн-интенсив по frontend-разработке с практикой, обратной связью и куратором. За 7 дней ты: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг. 🔥 В итоге ты сверстаешь качественный сайт, который не стыдно добавить в портфолио или продать, освоишь азы работы с фреймворком Angular и получишь море бесценного опыта в вёрстке сайтов. Ухватить бесплатно такой ценный материал можешь по ссылке 👉 Frontend Start После подтверждения участия мы вышлем тебе в подарок чек-лист: «45 мест для поиска работы», где собраны все ресурсы, на которых разработчики находят работу в престижных IT-компаниях. Стартуем 11 июля. 