front_end_dev | Technologies

Telegram-канал front_end_dev - FrontEndDev

29695

🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu № 4850240725

Subscribe to a channel

FrontEndDev

Нюансы работы с новыми CSS селекторами

https://cloudfour.com/thinks/surprising-facts-about-new-css-selectors/

Читать полностью…

FrontEndDev

HTML First

Набор принципов, призванный сделать разработку веб приложений проще и быстрее + сделать их более поддерживаемыми.

https://html-first.com/

Читать полностью…

FrontEndDev

Веб-стандарты — Выпуск 395

GitHub Universe и Copilot, Angular.dev, знай Юникод, CSS 4, 5, 6 и AI в FigJam.

https://web-standards.ru/podcast/395/

Читать полностью…

FrontEndDev

Как CSS свойство content-visibility помогает улучшить скорость рендеринга

https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance/

Читать полностью…

FrontEndDev

Это — Дмитрий Безуглый, у него огромный опыт во фронтенд-разработке. Кто, если не он, научит вас делать серьёзный фронтенд?

Дима участвовал в принятии решений по разработке на все команды Вконтакте, с нуля запустил рекламный кабинет для новичков и выстроил множество процессов в команде как тимлид. А если вы используете Яндекс.Трекер, то знайте, его интерфейсы – тоже работа Димы.

Сейчас Дима — CTO Chrome Extension Frogly. Сервис помогает в изучении иностранных языков.

Диме нравится передавать свой опыт другим — у него был бесплатный курс, личные консультации. Теперь он собрал весь свой опыт воедино и вместе с друзьями сделал программу с огромным количеством практики и инсайтов индустрии.

Если вы junior+ фронтендер и хотите научиться работать над масштабными проектами, вам сюда!

Кстати, начать можно бесплатно. Обучение начинается уже 16 ноября, а сейчас как раз можно вписаться по самой приятной цене

[Узнать подробнее и записаться на курс]

Читать полностью…

FrontEndDev

Новые математические функции в CSS: rem() и mod()

https://danielcwilson.com/posts/mathematicss-rem-mod/

Читать полностью…

FrontEndDev

Прокачайте скиллы на реальной задаче и приблизьте оффер на онлайн-хакатоне Hack&Change by Changellenge >>! Интересно будет и новичкам, и тем, кто уже имеет опыт в разработке.

На хакатоне вас ждет:
— возможность попасть в шорт-лист кандидатов и получить оффер в IT-компанию;
— практика на настоящих кейсах и крутая строчка в резюме;
— треки на выбор с задачами от МТС Digital, СБЕРа, QIWI, а также дополнительные баллы к общему результату по тестированию от СИБУР Диджитал;
— погружение в IT-среду: тренинги, вебинары и новые полезные знакомства.

Готовы получить новый опыт и дать старт карьере? Тогда регистрируйтесь до 19 ноября: https://u.to/dEcXIA

Реклама, ООО "Ченж", ИНН 9703058770, erid 2Vtzqx83VxK

Читать полностью…

FrontEndDev

17 распрoстраненных ошибок при работе с NodeJS

И способы их устранения.

https://blog.logrocket.com/17-common-node-js-errors/

Читать полностью…

FrontEndDev

Виды рендеринга в NextJS

Михаил Непомнящий рассказывает о видах рендеринга и как NextJS собирает и преобразует компоненты в статику или SSR.

https://www.youtube.com/watch?v=EH1WsQGSrWU

Читать полностью…

FrontEndDev

Эволюция SSR

Улучшаем показатели TTFB (Time to first byte) и TTI (time to interact) с SSR Streaming.

https://medium.com/cstech/800735e37bad

Читать полностью…

FrontEndDev

CSS prefers-reduced-transparency

Подстройка прозрачности под предпочтения пользователя.

https://developer.chrome.com/blog/css-prefers-reduced-transparency/

Читать полностью…

FrontEndDev

Анимируем слои с clip-path

Демо | Github

https://tympanus.net/codrops/2023/10/31/image-layer-animations-with-clip-path/

Читать полностью…

FrontEndDev

Атрибуты async и defer у элементов script

Как правильно подключить скрипт, чтобы не навредить перфомансу.

https://learn.javascript.ru/script-async-defer

Читать полностью…

FrontEndDev

Community Day HolyJS 2023 Autumn 🔥

Осенняя HolyJS совсем скоро, и у вас еще есть возможность купить билет со скидкой по промокоду FRONTENDDEV.

Но если вы не готовы купить билет на конференцию, то присоединяйтесь к бесплатному Community Day 3 ноября.

Этот день такой же насыщенный, как и другие дни конференции:
✔️ Доклады о графике и анимации, архитектуре, производительности и не только.
✔️ Воркшоп «Побеждаем в GameFi-хакатоне с призом в 30К $», обсуждение Bun 1.0 и квиз по JS-докладам разных лет;
✔️ Дискуссии со спикерами и участниками после докладов;
✔️ Чат с коллегами со всего мира.

➡️ Для участия достаточно зарегистрироваться.

Увидимся на HolyJS 2023 Autumn 💜

Реклама, ООО «Джуг Ру Груп», ИНН 7801341446, erid 2RanyoLjHfe

Читать полностью…

FrontEndDev

Chrome 117 поддерживает text-wrap: pretty

Короткая заметка о значениях pretty и balance

https://developer.chrome.com/blog/css-text-wrap-pretty/

Читать полностью…

FrontEndDev

Toп 14 генераторов CSS

Подборка генераторов CSS эффектов от Евгения Ковальчука

https://www.youtube.com/watch?v=9p0RoH1L_v0

Читать полностью…

FrontEndDev

Веб-разработчики создают сайты и приложения — от простых лендингов до продвинутых маркетплейсов и стриминговых сервисов. Эти IT-специалисты разрабатывают frontend — видимую часть сайтов, и backend — внутреннюю логику, которая находится на сервере и скрыта от пользователей.

Регистрация на бесплатный мини-курс по веб-разработке по ссылке.

За 5 дней вы:
— узнаете, сколько зарабатывают веб-разработчики и как попасть в профессию с нуля;
— попробуете себя в одной из самых востребованных IT-специальностей, разберёте типовые задачи frontend- и backend-разработчиков;
— создадите свои первые проекты — сайт, приложение и сервис — и на практике убедитесь, что стать веб-разработчиком реально в любом возрасте, независимо от опыта и знаний.

Спикер — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах.

Всех участников ждут подарки:
— сертификат на скидку 10 000 рублей на любой курс;
— доступ к изучению английского языка на год;
— персональная карьерная консультация.

Читать полностью…

FrontEndDev

React Router 6

Цикл видео по работе с 6 версией React Router.

https://www.youtube.com/watch?v=0auS9DNTmzE&list=PLiZoB8JBsdznY1XwBcBhHL9L7S_shPGVE

Читать полностью…

FrontEndDev

Анимация тултипов

Несколько видов анимаций появления и исчезания тултипов.

Демо | Github

https://tympanus.net/codrops/2023/11/08/dynamic-tooltip-reveal-animations/

Читать полностью…

FrontEndDev

NextJS Authentication

Курс по работе с NextAuth.

https://www.youtube.com/watch?v=MNm1XhDjX1s

Читать полностью…

FrontEndDev

Проверка валидности вложенных элементов

Если есть сомнения, можно ли вложить div в span например. Подробно расписывается почему можно/нельзя.

https://caninclude.glitch.me/

Читать полностью…

FrontEndDev

Анонс TypeScript 5.3 RC

Список новшеств новой версии с примерами.

https://devblogs.microsoft.com/typescript/announcing-typescript-5-3-rc/

Читать полностью…

FrontEndDev

CSS фичи, которые в скором времени упростят вашу разработку

▫️text-wrap
▫️scoped CSS
▫️автоувеличивающийся textarea
▫️вложенный CSS
и еще несколько фич.

https://www.amitmerchant.com/upcoming-css-features-to-make-your-life-easier/

Читать полностью…

FrontEndDev

Время учить Python.

Уже 8 ноября старт Подготовительного курса!

✔️ Упражняемся в браузерном тренажере — учимся понимать и писать код на Python.
✔️ Погружаемся в реальный продакшен — создаем конвертер валют вместе с наставником.
✔️ Размещаем изменения на GitHub — получаем основу для своего первого пет-проекта.

База по Python 8 ноября. На практике. За 990 рублей.

Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid:LjN8KRZmi

Читать полностью…

FrontEndDev

React Forward Ref

Дмитрий Павлутин рассказывает как передавать рефы в дочерние компоненты.

https://dmitripavlutin.com/react-forwardref/

Читать полностью…

FrontEndDev

Ты просто 5-й час бездумно скроллишь ленту, и вдруг видишь ЭТОТ ЗНАК…
18 ноября в московском бизнес-центре SkyLight (офис VK), конференция от магазина приложений RuStore Mobile Conf.

Здесь топ-менеджеры и инди-разработчики встретятся, чтобы поговорить о главном: трендах в мире мобильной Android-разработки, методах монетизации и стратегиях дистрибуции приложений. Также на конференции можно будет познакомиться с представителями IT-индустрии, принять участие в увлекательных активностях и даже получить подарки. Почему бы и нет?

Выбирай формат участия — конференция RuStore Mobile Conf доступна как в офлайн, так и в онлайн-режиме. Зарегистрироваться можно здесь.

Читать полностью…

FrontEndDev

Front-end. Вопросы на собеседовании #53

HTML теги и атрибуты, prefers-reduced-motion, реализация отложенной загрузки изображений, объект Proxy и еще несколько тем.

https://www.youtube.com/watch?v=zcF-CVtXSBI

Читать полностью…

FrontEndDev

Гайд по микрофронтендам на single-spa

Как уже наконец-то уйти от монолита во фронтенде.

https://habr.com/ru/companies/samokat_tech/articles/766978/

Читать полностью…

FrontEndDev

Релиз Yarn 4.0

Обновленный ui и улучшенная в 3 раза производительность.

https://yarnpkg.com/blog/release/4.0

Читать полностью…

FrontEndDev

Развлекаемся с Gamepad API

О том, какие возможности предоставляет Gamepad API + реализация простой игры, управляемой с геймпада.

https://alvaromontoro.com/blog/68044/playing-with-the-gamepad-api

Читать полностью…
Subscribe to a channel