FrontEndDev

☝️ Успейте записаться на бесплатный интенсив, чтобы прокачать свои скилы по frontend. Старт уже завтра! Регистрация по ссылке.

Анимация наведения для текста в стиле консоли Очередной интересный эффект для анимации текста. Демо | GitHub https://tympanus.net/codrops/2024/06/19/hover-animations-for-terminal-like-typography/

Фронтенд задачки в картинках — просто, наглядно и понятно. Проверяй свои знания в интерактивном формате каждый день. Присоединяйтесь: @Frontend_Task

Текст по кругу на чистом CSS Как сделать текст по окружности без необходимости использования monospace шрифта - пошаговая инструкция. https://frontendmasters.com/blog/pure-css-circular-text-without-requiring-a-monospace-font/

Настраиваем и дотюниваем поля ввода Обзор атрибутов для инпутов, помогающих браузеру и улучшающих UX. https://garrettdimon.com/journal/posts/fine-tuning-text-inputs

Паттерны для веб-разработчиков Ресурс по изучению различных видов паттернов (не только в классическом понимании) с упором на веб. Есть секции по общему проектированию + секции по фреймворкам, для того чтобы вы могли создавать масштабируемые приложения с лучшим перфомансом. https://www.patterns.dev/

Transition to auto Как с помощью новых фич CSS практически побеждена одна из сложных задач стилизации. https://frontendmasters.com/blog/one-of-the-boss-battles-of-css-is-almost-won-transitioning-to-auto/

Змейка на ReactJS Туториал по реализации классической игры Github | Demo https://blog.bibekkakati.me/how-to-build-a-classic-snake-game-using-reactjs

Высокотехнологичная компания YADRO в поиске тех, кто программирует на C и С++ 🔍 Актуальные вакансии: 1️⃣ Software Engineer C/C++ 2️⃣ Senior C++ developer/Старший инженер-программист С++ 3️⃣ Старший/ведущий инженер-программист встраиваемых интерфейсов 4️⃣ Linux Kernel Developer (Linux/WebUI) /Инженер-разработчик C (risc-V) Ты сможешь реализовывать себя и стать частью команды специалистов, которые создают технологические решения и инновации мирового уровня. Что ещё тебя ждёт: – достойная зарплата (размер обсуждается на собеседовании) и прозрачная система премий; – обучение за счёт компании: учебный портал с курсами и лекциями от экспертов, дополнительное профессиональное обучение, изучение английского, участие в конференциях; – возможность учиться у лучших специалистов индустрии, расти в рамках своей роли, а также участвовать во множестве различных проектов; – личное участие в становлении процессов и продуктов, возможность увидеть результат своей работы; – большое инженерное сообщество, которое постоянно развивается; – гибридный или удалённый формат работы; – ДМС со стоматологией с первого дня, консультации юристов, психологов, экспертов по ЗОЖ и управлению финансами; – скидки для сотрудников, дополнительные day-off; – комфортные офисы в Москве, Санкт-Петербурге, Нижнем Новгороде и Минске. Откликайся по ссылкам и присоединяйся к YADRO!

Web Push Notifications Практическое руководство по реализации web push уведомлений. https://www.bocoup.com/blog/full-stack-web-push-api-guide

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра. Реклама. ИП Чернова О. А., ИНН:771399721044

Композиция функций Создаем пайплайны из функций, каррируем и смотрим, где это удобно применять. https://jrsinclair.com/articles/2024/how-to-compose-functions-that-take-multiple-parameters-epic-guide

Расширения для VSCode Небольшая подборка расширений, которые могут сделать ваш процесс разработки удобнее. https://dev.to/mitchiemt11/cool-vscode-extensions-that-that-ive-discovered-12mg

TC39: новшества и улучшения Новый статус по различным фичам Javascript: Error.isError(), RegExp Escaping, Promise.try. https://socket.dev/blog/tc39-advances-key-proposals

Испытываем новые возможности элемента <permission> Управляем доступом к различным фичам с <permission>, который уже скоро будет стандартизирован. https://developer.chrome.com/blog/permission-element-origin-trial?hl=en

😦 Где учиться на фронтенд-разработчика? Если вы не хотите тратить время на изучение устаревшей информации, советуем онлайн-курс «Профессия Фронтенд-разработчик» от Skillbox. ✨ Во фронтенде всё очень быстро меняется, а ребята из Skillbox как раз недавно обновили курс — внутри только те знания, которые пригодятся в работе. Курс ведут разработчики «Газпромбанк.Тех» и других топовых компаний — VK, «Шереметьево», «Самолёт». А во время обучения вёрстке вы выполните реальные задания фриланс-биржи «Хабр Фриланс», диджитал-агентства Whitemark и компании «Газпромбанк.Тех». 🙌 Попробовать курс можно бесплатно. Просто оставьте заявку и получите доступ к первым 2 модулям, чтобы понять, подходит ли вам фронтенд. Карту привязывать не нужно, а пройти бесплатные уроки можно в любое время! Попробовать бесплатно: https://epic.st/Av9kmo?erid=2VtzqwQqadu Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

Новинки CSS и веб-интерфейса Обзор новшеств с I/O 2024, которые уже можно использовать (или в ближайшем будущем). https://developer.chrome.com/blog/new-in-web-ui-io-2024?hl=ru

Как выбить 100 очков в Google Lighthouse в 2024 Трюки и хаки для достижения высоких оценок в Lighthouse (правда это не всегда значит ,что у вашего сайта и действительно топ перфоманс). https://www.smashingmagazine.com/2024/06/how-hack-google-lighthouse-scores-2024/

Регистрация на ARCHI.Tech от ВТБ уже стартовала! Предварительный этап, на котором можно заработать дополнительные баллы, уже стартовал! Включайся в работу прямо сейчас: https://cnrlink.com/architechvtbfront 📅 Расписание хакатона: 🔹 31 мая – начало регистрации 🔹 14 июня – старт предварительного этапа и митап для участников 🔹 28 июня – окончание регистрации, публикация задач хакатона 🔹 29 июня – закрытие приема решений, жюри выбирает финалистов 🔹 30 июня – онлайн-питч лучших проектов и награждение победителей в прямом эфире Тебя ждет погружение в проекты ВТБ, знакомство с экспертами банка, решение практических задач и прокачка технических навыков! 👉 Попробуй себя в архитектуре — участвуй в ARCHI.Тech от ВТБ: https://cnrlink.com/architechvtbfront Реклама. БАНК ВТБ (ПАО). ИНН 7702070139. erid: LjN8JuZzL

React Compound Component паттерн Пример создания компонента рейтинга с Compound Component паттерном. https://www.freecodecamp.org/news/how-to-build-a-rating-component-with-the-react-compound-component-pattern/