29203
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Toп 14 генераторов CSS
Подборка генераторов CSS эффектов от Евгения Ковальчука
https://www.youtube.com/watch?v=9p0RoH1L_v0
Веб-разработчики создают сайты и приложения — от простых лендингов до продвинутых маркетплейсов и стриминговых сервисов. Эти IT-специалисты разрабатывают frontend — видимую часть сайтов, и backend — внутреннюю логику, которая находится на сервере и скрыта от пользователей.
Регистрация на бесплатный мини-курс по веб-разработке по ссылке.
За 5 дней вы:
— узнаете, сколько зарабатывают веб-разработчики и как попасть в профессию с нуля;
— попробуете себя в одной из самых востребованных IT-специальностей, разберёте типовые задачи frontend- и backend-разработчиков;
— создадите свои первые проекты — сайт, приложение и сервис — и на практике убедитесь, что стать веб-разработчиком реально в любом возрасте, независимо от опыта и знаний.
Спикер — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах.
Всех участников ждут подарки:
— сертификат на скидку 10 000 рублей на любой курс;
— доступ к изучению английского языка на год;
— персональная карьерная консультация.
React Router 6
Цикл видео по работе с 6 версией React Router.
https://www.youtube.com/watch?v=0auS9DNTmzE&list=PLiZoB8JBsdznY1XwBcBhHL9L7S_shPGVE
Анимация тултипов
Несколько видов анимаций появления и исчезания тултипов.
Демо | Github
https://tympanus.net/codrops/2023/11/08/dynamic-tooltip-reveal-animations/
NextJS Authentication
Курс по работе с NextAuth.
https://www.youtube.com/watch?v=MNm1XhDjX1s
Проверка валидности вложенных элементов
Если есть сомнения, можно ли вложить div в span например. Подробно расписывается почему можно/нельзя.
https://caninclude.glitch.me/
Анонс TypeScript 5.3 RC
Список новшеств новой версии с примерами.
https://devblogs.microsoft.com/typescript/announcing-typescript-5-3-rc/
CSS фичи, которые в скором времени упростят вашу разработку
▫️text-wrap
▫️scoped CSS
▫️автоувеличивающийся textarea
▫️вложенный CSS
и еще несколько фич.
https://www.amitmerchant.com/upcoming-css-features-to-make-your-life-easier/
Время учить Python.
⏰ Уже 8 ноября старт Подготовительного курса!
✔️ Упражняемся в браузерном тренажере — учимся понимать и писать код на Python.
✔️ Погружаемся в реальный продакшен — создаем конвертер валют вместе с наставником.
✔️ Размещаем изменения на GitHub — получаем основу для своего первого пет-проекта.
База по Python 8 ноября. На практике. За 990 рублей.Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid:LjN8KRZmi
React Forward Ref
Дмитрий Павлутин рассказывает как передавать рефы в дочерние компоненты.
https://dmitripavlutin.com/react-forwardref/
Ты просто 5-й час бездумно скроллишь ленту, и вдруг видишь ЭТОТ ЗНАК…
18 ноября в московском бизнес-центре SkyLight (офис VK), конференция от магазина приложений RuStore Mobile Conf.
Здесь топ-менеджеры и инди-разработчики встретятся, чтобы поговорить о главном: трендах в мире мобильной Android-разработки, методах монетизации и стратегиях дистрибуции приложений. Также на конференции можно будет познакомиться с представителями IT-индустрии, принять участие в увлекательных активностях и даже получить подарки. Почему бы и нет?
Выбирай формат участия — конференция RuStore Mobile Conf доступна как в офлайн, так и в онлайн-режиме. Зарегистрироваться можно здесь.
Front-end. Вопросы на собеседовании #53
HTML теги и атрибуты, prefers-reduced-motion, реализация отложенной загрузки изображений, объект Proxy и еще несколько тем.
https://www.youtube.com/watch?v=zcF-CVtXSBI
Гайд по микрофронтендам на single-spa
Как уже наконец-то уйти от монолита во фронтенде.
https://habr.com/ru/companies/samokat_tech/articles/766978/
Релиз Yarn 4.0
Обновленный ui и улучшенная в 3 раза производительность.
https://yarnpkg.com/blog/release/4.0
Развлекаемся с Gamepad API
О том, какие возможности предоставляет Gamepad API + реализация простой игры, управляемой с геймпада.
https://alvaromontoro.com/blog/68044/playing-with-the-gamepad-api
HTML First
Набор принципов, призванный сделать разработку веб приложений проще и быстрее + сделать их более поддерживаемыми.
https://html-first.com/
Веб-стандарты — Выпуск 395
GitHub Universe и Copilot, Angular.dev, знай Юникод, CSS 4, 5, 6 и AI в FigJam.
https://web-standards.ru/podcast/395/
Как CSS свойство content-visibility помогает улучшить скорость рендеринга
https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance/
Это — Дмитрий Безуглый, у него огромный опыт во фронтенд-разработке. Кто, если не он, научит вас делать серьёзный фронтенд?
Дима участвовал в принятии решений по разработке на все команды Вконтакте, с нуля запустил рекламный кабинет для новичков и выстроил множество процессов в команде как тимлид. А если вы используете Яндекс.Трекер, то знайте, его интерфейсы – тоже работа Димы.
Сейчас Дима — CTO Chrome Extension Frogly. Сервис помогает в изучении иностранных языков.
Диме нравится передавать свой опыт другим — у него был бесплатный курс, личные консультации. Теперь он собрал весь свой опыт воедино и вместе с друзьями сделал программу с огромным количеством практики и инсайтов индустрии.
Если вы junior+ фронтендер и хотите научиться работать над масштабными проектами, вам сюда!
Кстати, начать можно бесплатно. Обучение начинается уже 16 ноября, а сейчас как раз можно вписаться по самой приятной цене
[Узнать подробнее и записаться на курс]
Новые математические функции в CSS: rem() и mod()
https://danielcwilson.com/posts/mathematicss-rem-mod/
Прокачайте скиллы на реальной задаче и приблизьте оффер на онлайн-хакатоне Hack&Change by Changellenge >>! Интересно будет и новичкам, и тем, кто уже имеет опыт в разработке.
На хакатоне вас ждет:
— возможность попасть в шорт-лист кандидатов и получить оффер в IT-компанию;
— практика на настоящих кейсах и крутая строчка в резюме;
— треки на выбор с задачами от МТС Digital, СБЕРа, QIWI, а также дополнительные баллы к общему результату по тестированию от СИБУР Диджитал;
— погружение в IT-среду: тренинги, вебинары и новые полезные знакомства.
Готовы получить новый опыт и дать старт карьере? Тогда регистрируйтесь до 19 ноября: https://u.to/dEcXIAРеклама, ООО "Ченж", ИНН 9703058770, erid 2Vtzqx83VxK
17 распрoстраненных ошибок при работе с NodeJS
И способы их устранения.
https://blog.logrocket.com/17-common-node-js-errors/
Виды рендеринга в NextJS
Михаил Непомнящий рассказывает о видах рендеринга и как NextJS собирает и преобразует компоненты в статику или SSR.
https://www.youtube.com/watch?v=EH1WsQGSrWU
Эволюция SSR
Улучшаем показатели TTFB (Time to first byte) и TTI (time to interact) с SSR Streaming.
https://medium.com/cstech/800735e37bad
CSS prefers-reduced-transparency
Подстройка прозрачности под предпочтения пользователя.
https://developer.chrome.com/blog/css-prefers-reduced-transparency/
Анимируем слои с clip-path
Демо | Github
https://tympanus.net/codrops/2023/10/31/image-layer-animations-with-clip-path/
Атрибуты async и defer у элементов script
Как правильно подключить скрипт, чтобы не навредить перфомансу.
https://learn.javascript.ru/script-async-defer
Community Day HolyJS 2023 Autumn 🔥
Осенняя HolyJS совсем скоро, и у вас еще есть возможность купить билет со скидкой по промокоду FRONTENDDEV.
Но если вы не готовы купить билет на конференцию, то присоединяйтесь к бесплатному Community Day 3 ноября.
Этот день такой же насыщенный, как и другие дни конференции:
✔️ Доклады о графике и анимации, архитектуре, производительности и не только.
✔️ Воркшоп «Побеждаем в GameFi-хакатоне с призом в 30К $», обсуждение Bun 1.0 и квиз по JS-докладам разных лет;
✔️ Дискуссии со спикерами и участниками после докладов;
✔️ Чат с коллегами со всего мира.
➡️ Для участия достаточно зарегистрироваться.
Увидимся на HolyJS 2023 Autumn 💜
Реклама, ООО «Джуг Ру Груп», ИНН 7801341446, erid 2RanyoLjHfe
Chrome 117 поддерживает text-wrap: pretty
Короткая заметка о значениях pretty и balancehttps://developer.chrome.com/blog/css-text-wrap-pretty/
Нюансы преобразования строк в base64 в JS
О работе с функциями btoa() и atob() и возможными ошибками.
https://web.dev/articles/base64-encoding?hl=en
