FrontEndDev

🏆 Хакатон «Код Согласия» – масштабное соревнование для опытных и начинающих ИТ-специалистов. Реши реальную бизнес-задачу и поборись за призовой фонд в 1 000 000 рублей! Регистрируйся до 27 сентября: https://cnrlink.com/soglasiecodefrontendd Приглашаем frontend и backend разработчиков, аналитиков, product менеджеров, дизайнеров, тестировщиков, студентов и выпускников технических вузов.  Организатор хакатона – страховая компания «Согласие». Компания существует на рынке более 30 лет и входит в топ-10 страховщиков России. 🚀 На выбор участников хакатона — одна из задач, основанных на реальных бизнес-кейсах СК «Согласие»: 1️⃣ Web-сервис для проверки гипотез: разработайте инструмент для быстрого создания и тестирования новых страховых продуктов. Стек технологий — не ограничен. 2️⃣ Сервис для ведения проектов: разработайте систему для централизованного хранения, удобного отображения и мониторинга крупных проектов внутри компании. Допустимые стеки в данной задаче: Vue JS, PHP, C# Ключевые этапы хакатона «Код Согласия»: 🔹до 27 сентября — окончание регистрации 🔹 28 сентября — старт хакатона 🔹30 сентября, 3 октября, 5 октября — чек-поинты с экспертами 🔹 6 октября — оглашение победителей Не пропусти масштабное соревнование — присоединяйся к хакатону «Код Согласия»: https://cnrlink.com/soglasiecodefrontendd Реклама. ООО "СК"Согласие". ИНН: 7706196090. erid: LjN8KB8zm

Docker для начинающих Быстрое введение за 1 час, для тех, кто еще не знаком с контейнеризацией. https://www.youtube.com/watch?v=lr1rYnUubpQ

CSS display: contents Ахмад Шадид подробно рассказывает, что за новое свойство contents, как оно влияет на отображение содержимого и в каких случаях его удобно использовать. https://ishadeed.com/article/display-contents/

Улучшаем производительность в аспекте шрифтов Большое руководство по оптимизации загрузки и использованию шрифтов в веб-приложениях. https://www.debugbear.com/blog/website-font-performance

🚀 Мок-собеседование в Авито! Как правильно подготовиться к собеседованию на позицию технического руководителя в Авито? Ответ уже на канале AvitoTech по ссылке! Команда Авито вместе с Андреем Смирновым, руководителем клиентской разработки в X5 Tech показывают, как проходит кейс-интервью для технических менеджеров, TeamLead, TechLead, TUL и CTO. Узнайте о формате интервью, задачах, которые предлагаются кандидату, и ключевых ожиданиях от роли. Смотрите сейчас!

Даты в JS скоро будут исправлены Что не так с Date и как новый Temporal API упростит работу с датами в JS. https://docs.timetime.in/blog/js-dates-finally-fixed/

Разбираемся с Record Type в TS Создание, использование и отличие от Tuple. https://www.sitepoint.com/typescript-record-type-comprehensive-guide/

Создаем React с нуля Большая статья с собственной реализацией основных фич React: рендер, эффективное обновление DOM, хуки. https://www.rob.directory/blog/react-from-scratch

Sticky хедер + элементы на всю высоту: хитрая комбинация Sticky позиционирование не всегда надежное и может быть нарушено многими факторами. Вот небольшой разбор, как можно сделать его более стабильным, если вам нужно использовать разметку с заголовком и элементами на всю страницу. https://www.smashingmagazine.com/2024/09/sticky-headers-full-height-elements-tricky-combination/

21 сентября в расслабленной обстановке на свежем воздухе пройдёт Код-пленэр от Яндекса! Встретимся с коллегами из Яндекса, чтобы порисовать кодом в саду, послушать про творчество в IT, поделиться опытом решения рабочих и не только проектов и подышать свежим воздухом в одну прекрасную сентябрьскую субботу. Главным событием станет воркшоп по p5.js. На нём ваши навыки программирования пригодятся неожиданным образом: с помощью кода вырастите дерево, которое станет частью общего диджитал-леса. Вечером мы увидим получившийся лес на большом экране. А потом завершим день у костра под DJ-сеты. Заполняйте форму как можно подробнее и регистрируйтесь! До встречи на Код-пленэре! 🔥

Vue & Vite Updates Доклад с VueConf US 2024 https://www.youtube.com/watch?v=A9MSFp9Fs8k

Объясняем, как работают генераторы в JS (сложно) Глубокое погружение в одну из малоиспользуемых фич JS — генераторы. https://www.reactsquad.io/blog/understanding-generators-in-javascript

Диалоговое окно с анимацией на показ и скрытие Простое демо с нативной поддержкой входных и выходных анимаций. https://frontendmasters.com/blog/the-dialog-element-with-entry-and-exit-animations/

Как оптимизировать ваше приложение еще до того как оно загрузилось? О сетевых взаимодействиях, которые происходят во время запросов — какие и как их можно ускорить. https://blog.sentry.io/how-to-make-your-web-page-faster-before-it-even-loads/

❗️Создайте свое приложение для прогноза погоды всего за 1 час ❓Хотите научиться создавать полезные приложения и работать со сторонними веб-сервисами? ⏰ Ждем вас на открытом вебинаре 4 сентября в 20:00 мск, где мы разберем: - как работать с API сторонних веб-сервисов на примере создания приложения для прогноза погоды; - основные принципы работы с API и их интеграции в проекты; - как расширить функционал приложения и использовать больше браузерных инструментов. 🔥 Урок идеально подходит для тех, кто знает основы JavaScript (циклы, условия, функции, базовая работа с DOM). Встречаемся в преддверии старта курса «JavaScript Developer. Basic». Все участники вебинара получат специальную цену на обучение! 👉Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://vk.cc/cA5wlu Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Консольные команды для чайников Хотите быть адептом терминала, но не понимаете что делают те или иные команды? Держите сайт, который помогает разобраться с консолью, объясняя, что делает команда и значение каждого флага или опции в ней. https://explainshell.com/

Мониторим показатели Web Vitals с web-vitals.js Показатели CLS, INP и LCP теперь можно удобно отслеживать в консоли без необходимости запускать Lighthouse! https://www.debugbear.com/blog/core-web-vitals-js

Telegram Mini App. Как создать Web App с нуля Туториал по созданию веб-приложения для Telegram и работе с Telegram API. https://habr.com/ru/companies/amvera/articles/838180/

CSS Grid Areas Свежий взгляд на CSS grid template areas и как использовать их потенциал по максимуму. Интерактивное руководство. https://ishadeed.com/article/css-grid-area/

‼️Тест по React JS от OTUS — Ответьте на 30 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js по спец. цене! 👉ПРОЙТИ ТЕСТ - https://vk.cc/czSWZI Курс доступен в рассрочку. ❇️ Пройдите тест и получите: ✔️ Живое общение с экспертами ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «React.js Developer» Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru