front_end_dev | Технологии

Telegram-канал front_end_dev - FrontEndDev

29203

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

Подписаться на канал

FrontEndDev

React Internals Explorer

Инструмент для визуализации работы React под капотом. Напишите код и смотрите как он работает.

https://jser.dev/2024-05-11-introducing-rie/

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

FrontEndDev

На чем разработать свой стартап или с чего начать хакатон в 2024?

Один из вариантов выбора стека для быстрой (и, возможно, долгосрочной) разработки нового проекта. Холивары и мнения прилагаются в комментах к статье 😊

https://habr.com/ru/articles/822001/

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

FrontEndDev

Анимация наведения для текста в стиле консоли

Очередной интересный эффект для анимации текста.

Демо | GitHub

https://tympanus.net/codrops/2024/06/19/hover-animations-for-terminal-like-typography/

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

FrontEndDev

Текст по кругу на чистом CSS

Как сделать текст по окружности без необходимости использования monospace шрифта - пошаговая инструкция.

https://frontendmasters.com/blog/pure-css-circular-text-without-requiring-a-monospace-font/

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

FrontEndDev

Паттерны для веб-разработчиков

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

https://www.patterns.dev/

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

FrontEndDev

Змейка на ReactJS

Туториал по реализации классической игры

Github | Demo

https://blog.bibekkakati.me/how-to-build-a-classic-snake-game-using-reactjs

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

FrontEndDev

Web Push Notifications

Практическое руководство по реализации web push уведомлений.

https://www.bocoup.com/blog/full-stack-web-push-api-guide

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

FrontEndDev

Композиция функций

Создаем пайплайны из функций, каррируем и смотрим, где это удобно применять.

https://jrsinclair.com/articles/2024/how-to-compose-functions-that-take-multiple-parameters-epic-guide

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

FrontEndDev

TC39: новшества и улучшения

Новый статус по различным фичам Javascript: Error.isError(), RegExp Escaping, Promise.try.

https://socket.dev/blog/tc39-advances-key-proposals

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

FrontEndDev

😦 Где учиться на фронтенд-разработчика?

Если вы не хотите тратить время на изучение устаревшей информации, советуем онлайн-курс «Профессия Фронтенд-разработчик» от Skillbox.

✨ Во фронтенде всё очень быстро меняется, а ребята из Skillbox как раз недавно обновили курс — внутри только те знания, которые пригодятся в работе.

Курс ведут разработчики «Газпромбанк.Тех» и других топовых компаний — VK, «Шереметьево», «Самолёт». А во время обучения вёрстке вы выполните реальные задания фриланс-биржи «Хабр Фриланс», диджитал-агентства Whitemark и компании «Газпромбанк.Тех».

🙌 Попробовать курс можно бесплатно. Просто оставьте заявку и получите доступ к первым 2 модулям, чтобы понять, подходит ли вам фронтенд. Карту привязывать не нужно, а пройти бесплатные уроки можно в любое время!

Попробовать бесплатно: https://epic.st/Av9kmo?erid=2VtzqwQqadu

Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

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

FrontEndDev

Как выбить 100 очков в Google Lighthouse в 2024

Трюки и хаки для достижения высоких оценок в Lighthouse (правда это не всегда значит ,что у вашего сайта и действительно топ перфоманс).

https://www.smashingmagazine.com/2024/06/how-hack-google-lighthouse-scores-2024/

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

FrontEndDev

React Compound Component паттерн

Пример создания компонента рейтинга с Compound Component паттерном.

https://www.freecodecamp.org/news/how-to-build-a-rating-component-with-the-react-compound-component-pattern/

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

FrontEndDev

TypeHero

Платформа для изучения TypeScript через решение задач. Есть возможность выбрать трек по своему уровню + создавать и шарить свои задачи.

https://typehero.dev

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

FrontEndDev

Полезные техники и трюки CSS

Забытая рубрика с очередными трюками CSS, о которых вы, возможно, не знали.

https://www.smashingmagazine.com/2024/06/css-tips-and-techniques/

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

FrontEndDev

Перейди по ссылке, и я узнаю твой номер

Как с помощью cookie можно узнать номер телефона юзера (и вычислить по айпи 😁).

https://habr.com/ru/articles/819595/

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

FrontEndDev

Условные конструкции в CSS

Пока нативные условные конструкции еще не доступны, какие варианты есть сейчас, чтобы определять свойства по условию? Разберем несколько примеров со своими достоинствами, недостатками и областью применения.

https://lea.verou.me/blog/2024/css-conditionals-now/

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

FrontEndDev

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

Регистрация по ссылке.

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

FrontEndDev

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

Присоединяйтесь: @Frontend_Task

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

FrontEndDev

Настраиваем и дотюниваем поля ввода

Обзор атрибутов для инпутов, помогающих браузеру и улучшающих UX.

https://garrettdimon.com/journal/posts/fine-tuning-text-inputs

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

FrontEndDev

Transition to auto

Как с помощью новых фич CSS практически побеждена одна из сложных задач стилизации.

https://frontendmasters.com/blog/one-of-the-boss-battles-of-css-is-almost-won-transitioning-to-auto/

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

FrontEndDev

Высокотехнологичная компания YADRO в поиске тех, кто программирует на C и С++ 🔍

Актуальные вакансии:

1️⃣ Software Engineer C/C++
2️⃣ Senior C++ developer/Старший инженер-программист С++
3️⃣ Старший/ведущий инженер-программист встраиваемых интерфейсов
4️⃣ Linux Kernel Developer (Linux/WebUI) /Инженер-разработчик C (risc-V)

Ты сможешь реализовывать себя и стать частью команды специалистов, которые создают технологические решения и инновации мирового уровня.

Что ещё тебя ждёт:

– достойная зарплата (размер обсуждается на собеседовании) и прозрачная система премий;
– обучение за счёт компании: учебный портал с курсами и лекциями от экспертов, дополнительное профессиональное обучение, изучение английского, участие в конференциях;
– возможность учиться у лучших специалистов индустрии, расти в рамках своей роли, а также участвовать во множестве различных проектов;
– личное участие в становлении процессов и продуктов, возможность увидеть результат своей работы;
– большое инженерное сообщество, которое постоянно развивается;
– гибридный или удалённый формат работы;
– ДМС со стоматологией с первого дня, консультации юристов, психологов, экспертов по ЗОЖ и управлению финансами;
– скидки для сотрудников, дополнительные day-off;
– комфортные офисы в Москве, Санкт-Петербурге, Нижнем Новгороде и Минске.

Откликайся по ссылкам и присоединяйся к YADRO!

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

FrontEndDev

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке своего проекта;
6. Добавишь в портфолио 1 качественный проект;
7. Получишь в подарок чек-лист «45 мест для поиска работы».

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем уже завтра.

Реклама. ИП Чернова О. А., ИНН:771399721044

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

FrontEndDev

Расширения для VSCode

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

https://dev.to/mitchiemt11/cool-vscode-extensions-that-that-ive-discovered-12mg

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

FrontEndDev

Испытываем новые возможности элемента <permission>

Управляем доступом к различным фичам с <permission>, который уже скоро будет стандартизирован.

https://developer.chrome.com/blog/permission-element-origin-trial?hl=en

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

FrontEndDev

Новинки CSS и веб-интерфейса

Обзор новшеств с I/O 2024, которые уже можно использовать (или в ближайшем будущем).

https://developer.chrome.com/blog/new-in-web-ui-io-2024?hl=ru

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

FrontEndDev

Регистрация на ARCHI.Tech от ВТБ уже стартовала!

Предварительный этап, на котором можно заработать дополнительные баллы, уже стартовал! Включайся в работу прямо сейчас: https://cnrlink.com/architechvtbfront

📅 Расписание хакатона:
🔹 31 мая – начало регистрации
🔹 14 июня – старт предварительного этапа и митап для участников
🔹 28 июня – окончание регистрации, публикация задач хакатона
🔹 29 июня – закрытие приема решений, жюри выбирает финалистов
🔹 30 июня – онлайн-питч лучших проектов и награждение победителей в прямом эфире

Тебя ждет погружение в проекты ВТБ, знакомство с экспертами банка, решение практических задач и прокачка технических навыков!

👉 Попробуй себя в архитектуре — участвуй в ARCHI.Тech от ВТБ: https://cnrlink.com/architechvtbfront

Реклама. БАНК ВТБ (ПАО). ИНН 7702070139. erid: LjN8JuZzL

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

FrontEndDev

Разбираемся с this в JavaScript

Объяснение this на примерах для различных ситуаций: глобальные объект, методы объекта, хендлер событий и другие

https://www.freecodecamp.org/news/the-javascript-this-keyword-explained-with-examples/

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

FrontEndDev

Мидл-специалист отличается от джуниор-разработчика не только опытом и уровнем владения технологиями, но и софт-скилами. На курсе Практикума вы сможете прокачать все необходимые навыки и построить новую карьеру.

На курсе мы поможем вам:

— освоить новые навыки и извлекать больше пользы из своих софт-скилов;
— углубить знания в алгоритмах, DevOps, бэкенд‑разработке и смежных сферах;
— сделать с нуля 2 проекта — до работающих приложений.

Если вы не уверены, подойдёт ли вам профессия, — пройдите бесплатную часть и тест в конце. Если понравится, платите за остальную часть как удобно: в рассрочку или целиком.

Начать курс бесплатно

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

FrontEndDev

Тестирующие типы в TypeScript

Продвинутое использование типов в TS, которое вам вряд-ли понадобится в обычном приложении, но интересное для общего понимания.

https://frontendmasters.com/blog/testing-types-in-typescript/

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

FrontEndDev

Открытый курс по JavaScript запустила команда AvitoTech (а это уже гарантия качественного контента).

• Для всех уровней разработки (но с базой в программировании будет попроще)
• Доступным языком
• Про JavaScript / HTML / CSS

Первый выпуск посвящён базовым понятиям: технология веба, браузер, клиент, сервер. Лекция уже доступна на канале AvitoTech.

Смотрите, это бесплатно!

Читать полностью…
Подписаться на канал