29396
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu
Почему кэширование важно для API
Причины, почему стоит использовать кэширование при запросах к API, а также способы его реализации и ситуации, когда лучше обойтись без него.
https://thenewstack.io/why-http-caching-matters-for-apis/
Релиз Vite 5
▫️улучшенный перфоманс
▫️обновленный API
▫️server.warmup, позволяющий указывать приоритетный модули
https://vitejs.dev/blog/announcing-vite5
Структура проекта для NestJS
Если вы задавались вопросом, как организовать проект для своего API или сервера на NodeJs, то вот хороший пример. Причем в проекте уже реализована простая бизнес логика, аутентификация и другие аспекты проектов на NestJS.
https://github.com/CatsMiaow/nestjs-project-structure/
React + TypeScript
Подробное руководство с примерами по разработке React приложений на TS.
https://www.freecodecamp.org/news/use-typescript-with-react/
CSS relative color syntax
Новый нативный способ определения одних цветов относительно других.
https://developer.chrome.com/blog/css-relative-color-syntax/
Нюансы работы с новыми CSS селекторами
https://cloudfour.com/thinks/surprising-facts-about-new-css-selectors/
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
Друзья!
Тут ребята из vc.ru запилили бинго в стиле "Узнай свой психологический возраст" или "Как бы тебя звали на проекте, если б ты не положил прод".
Короткое бинго для программистов, которое по выбранным ачивкам выдает инфу о том, кто ты есть на самом деле. Я собрал 15 из 25 и перед вами в итоге страдающий сеньор с соответствующим гимном (жиза) 😅
Поиграться можно тут.
DDD на примерах
Запись часовой лекции о подходе Domain Driven Development от команды сервиса Сравни.ру
https://www.youtube.com/watch?v=PQq37uegigo
Ссылка на весь плейлист с докладами о разработке
Хочешь действительно стать сеньором и не выдумывать факты в резюме? Приходи на «Импульс Т1» и бустани свою карьеру в ИТ
1 декабря в Москве Холдинг Т1 устраивает большую тусовку-нетворкинг, где соберутся и матерые разрабы, и зеленые джуны. А еще, конечно, топ-менеджмент, который присматривает себе в команду таланты.
В программе – доклады про цифровизацию, архитектуру, чистый код и формирование эффективных продуктовых команд от тех, кто работает над передовыми российскими разработками прямо сейчас:
• Алексей Фетисов, генеральный директор Холдинга Т1
• Артем Кострюков, CEO TestIT ;
• Михаил Степнов, Руководитель центра R&D МТС Big Data/ CDO МТС Travel;
• Мария Тихонова, главный инженер по разработке в SberDevices
и другие эксперты.
Не пропусти ИТ-событие года: регистрируйся, вход бесплатный!
Бонус: вечеринка и классный мерч для айтишников :)erid: LdtCKBQST
18+ Реклама. ООО «Т1»
ОГРН 1197746617419
Настройка и продуктивное использование VS Code
Михаил Непомнящий делится советами и фишками при работе с VS Code
https://www.youtube.com/watch?v=UmgwQJ0T5Us
JetBrains JavaScript Day 2023
Запись 8 докладов с конференции JetBrains.
https://www.youtube.com/playlist?list=PLQ176FUIyIUZmRHOyz_n9iy2qfHo4_GRT
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/
