FrontEndDev

26 Mar 2024 13:26

Создаем виртуальную 3D галерею на Three.js

Большой туториал по работе с Three.js, включающий создание сцен, работу со светом и текстурами, контролами, анимациями.

https://www.youtube.com/watch?v=imqiYWidUIA

FrontEndDev

25 Mar 2024 09:17

Создание вертикальных контролов для форм

В Safari 17.4 добавили возможность использовать writing-mode: vertical-rl, что актуально при разработке приложений для стран Азии.

https://webkit.org/blog/15190/implementing-vertical-form-controls/

FrontEndDev

23 Mar 2024 22:52

Практический TypeScript

10 часовой видеокурс для тех, кто еще не знаком с TS: аннотации типов, алиасы, enums, интерфейсы, дженерки, React + TS и многое другое.

https://www.youtube.com/watch?v=JHEB7RhJG1Y

FrontEndDev

22 Mar 2024 09:45

React TypeScript Cheatsheets

Типизируем React приложение правильно: шпаргалка, которая поможет правильно указать типы при работе с React компонентами.

https://react-typescript-cheatsheet.netlify.app/

FrontEndDev

21 Mar 2024 12:17

Новые математические функции в CSS

Как работают pow(), sqrt(), exp(), hypot() и как их можно использовать на практике

https://danielcwilson.com/posts/mathematicss-powers/

FrontEndDev

19 Mar 2024 14:45

Индикатор прогресса

Туториал по созданию веб компнонента прогресса загрузки.

https://piccalil.li/blog/solution-009-progress-indicator/

FrontEndDev

19 Mar 2024 08:52

Shima Dev Tool

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

https://www.youtube.com/watch?v=v8GkxClnf68

FrontEndDev

18 Mar 2024 14:29

Эффект раскрытия гридовых ячеек при наведении

Демо | Github

https://tympanus.net/codrops/2024/03/13/grid-item-reveal-animation-on-hover/

FrontEndDev

16 Mar 2024 16:10

Погружение в package.json

Настраиваем проект с помощью полей package.json. Какие поля кроме name, scripts, dependecies и devDependencies могу быть полезными для конфигурации.

https://dyte.io/blog/package-json/

FrontEndDev

14 Mar 2024 22:56

Конвертируем строку в дату

Способы получения даты из строки и основные ошибки, которые при этом допускают разработчики

https://www.rajamsr.com/javascript-convert-string-to-date/

FrontEndDev

13 Mar 2024 10:41

Как сверстать письмо, чтобы оно дошло до получателя таким, как задумано

Базовые принципы верстки писем и особенности разных почтовых клиентов.

https://habr.com/ru/companies/kts/articles/798615/

FrontEndDev

12 Mar 2024 10:09

Визуальное тестирование

Подробный гайд по визуальному тестированию с помощью Playwright. Визуальное тестирование позволяет определить соответствие визуальных элементов определенному эталонному снепшоту.

https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright

FrontEndDev

10 Mar 2024 15:37

useEffect vs useLayoutEffect

2 хука с приблизительно одинаковым функционалом. Но какой и для каких случаев использовать? Кент Си Додс помогает разобраться.

https://kentcdodds.com/blog/useeffect-vs-uselayouteffect

FrontEndDev

08 Mar 2024 13:50

Насколько потолстел JavaScript к 2024 году?

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

https://habr.com/ru/companies/ruvds/articles/796595/

FrontEndDev

07 Mar 2024 10:49

Tailwind vs. Semantic CSS

Сравниваем 2 сайта с похожим дизайном: один на Tailwind, второй - с семантическим CSS.
Исследование показывает основные проблемы Tailwind, которые стоит учитывать при выборе способа стилизации.

https://nuejs.org/blog/tailwind-vs-semantic-css/

FrontEndDev

25 Mar 2024 10:45

HolyJS. Апрель 2024. Свои в курсе.

Весь JavaScript-хардкор — здесь.

Билеты за счет компании — здесь.

Идете сами? Сделайте это с промокодом на скидку в 10%: FRONTENDDEV

И как всегда — все подробности на сайте конференции: holyjs.ru

Реклама. ООО "Вайлдкард". ИНН 7801718607

FrontEndDev

24 Mar 2024 07:55

Safe alignment flexbox

Как значение safe влияет на расположение контента при использовании flexbox и где это может быть полезно.

https://www.stefanjudis.com/today-i-learned/safe-unsafe-alignment-in-css-flexbox/

FrontEndDev

22 Mar 2024 10:01

📣 Всегда мечтал спросить «Слышите меня, „Лужники“?», но не было повода? Теперь есть. Мы даем тебе шанс собрать на свой доклад по разработке тот самый стадион.

Уже 23–26 мая в «Лужниках» пройдет международный киберфестиваль Positive Hack Days 2, объединяющий ценителей кода, хай-тека, безопасной разработки и защиты приложений. Мы приглашаем тебя выступить в треке Development при поддержке сообщества POSldev. Тебя услышат тысячи глаз зрителей, а твой доклад еще долго будут обсуждать в сообществе разработчиков.

Рассказываем, что нужно сделать.

1️⃣ Выбрать тему выступления. Можно из списка, можно свою.

2️⃣ Определиться с длительностью доклада: есть варианты на 15 или 50 минут.

3️⃣ Подать заявку до 1 апреля, на которую мы обязательно ответим.

4️⃣ Выступить перед множеством внимательных и заинтересованных слушателей.

Удачи!

#PHD2

FrontEndDev

21 Mar 2024 15:32

Делаем DVD скринсейвер на чистом CSS

Пошаговый туториал по созданию олдскульного скринсейвера.

https://www.javiermorales.dev/blog/dvd

FrontEndDev

19 Mar 2024 16:01

Фронтенд-разработка из первых уст

Канал Дениса Воронина, где он стремится создать площадку для обмена опытом всех заинтересованных.

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

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

Так что не пожалейте пару минут: вы можете выиграть клавиатуру и стать частью интересного сообщества.

FrontEndDev

19 Mar 2024 12:30

Скорость HTTP

Сравниваем основные серверные JavaScript платформы: Deno, NodeJs, Bun.

https://kitsonkelly.com/posts/http-speed

FrontEndDev

18 Mar 2024 16:44

Топ 10 алгоритмов для интервью

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

https://www.youtube.com/watch?v=ufBbWIyKY2E&ab_channel=freeCodeCamp.org

FrontEndDev

16 Mar 2024 16:30

⁉️ Только начинаешь свой путь в IT, и для трудоустройства не хватает реального опыта работы?

Знакомая история? Тогда давай к нам! 🚀

PREAX — онлайн-стажировка для frontend-разработчиков.

Помогаем накопить реальный 💪 опыт, формируем кадровый резерв для работодателей и привлекаем лучших к коммерческим заказам.

ЧТО ВНУТРИ?

🔖 Пять больших проектов. Пополнишь портфолио крутыми кейсами.

🔖 Спринты и дедлайны. Научишься рассчитывать время и укладываться в сроки.

🔖 Работа с легаси. Исправишь ошибки, оптимизируешь код и сделаешь рефакторинг.

🔖 Пачка код-ревью. Поделишься опытом и увидишь, как сделать свой код еще лучше.

🔖 Поддержка сообщества. Сможешь задать вопрос и получить совет, если нужна помощь.

🔖 Новый стек технологий. Закрепишь на практике и расширишь стек технологий.

🔖 Гибкий график. Сможешь выстраивать нагрузку, легко совмещая её с работой или учебой.

В итоге получишь реальный опыт работы в команде!

Попробуй! 1-й спринт — 🆓 БЕСПЛАТНО!

Реклама, ООО «Преакс Плэтформ», ОГРН 1237700372755

FrontEndDev

15 Mar 2024 04:55

Как безопасно использовать dangerouslySetInnerHTML

Минимизируем возможные проблемы при отображении HTML контента с внешних ресурсов в React.

https://deadsimplechat.com/blog/how-to-safely-use-dangerouslysetinnerhtml-in-react/

FrontEndDev

13 Mar 2024 11:00

​Пришла весна, а вместе с ней и A?.Frontend Community #6 🌼

На улице уже совсем весеннее солнце, а значит, пришло время посетить наш новый митап! 21 марта состоится уже 6-я наша встреча, на которой мы подробно поговорим о TypeScript.

🌿 TypeScript: Введение в мир надежного программирования

Александр Чернов, Frontend-разработчик в Альфа-Банке, расскажет, как при помощи TypeScript сделать код надёжнее.

🌿 Переход на TypeScript: плавные перемены и непредвиденные сложности

Рустам Султанбеков, Middle Frontend-разработчик в Авито, поделится опытом перевода существующего приложения на TypeScript и поможет понять, стоит ли это делать.

🌿 Генерируй – типизируй

Александр Серов, Senior Frontend-разработчик в UULA, объяснит, как пользоваться продвинутыми возможностями TypeScript.

🌿 Generics – Что? Где? Когда?

Тёма Сенюков, старший разработчик интерфейсов в Яндексе, расскажет, как пользоваться Generics, чтобы избежать дублирования кода и ошибок.

Когда: 21 марта (четверг) в 18:30

Где: онлайн

Регистрируйтесь на митап по ссылке и присоединяйтесь к нашей группе в телеграмме, там же можно будет найти ссылку на трансляцию!

FrontEndDev

12 Mar 2024 13:24

Создаем цветовые палитры с помощью color-mix()

Знакомимся с функцией color-mix() и смотрим, для чего ее можно удобно применять.

https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/

FrontEndDev

10 Mar 2024 18:05

🔥 Годнота

Наткнулся на базу с 1400 вопросов с собеседований на Frontend разработчика. Фишка в том что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏

FrontEndDev

10 Mar 2024 12:16

CSS для печати на бумаге

Особенности стилизации веб-страниц для экспорта в печатный вид.

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

FrontEndDev

07 Mar 2024 11:30

Реально ли с нуля создать приложение без опыта в программировании?
Да! 🤩

На бесплатном курсе Нетологии «Основы разработки на Java» вы за 4 занятия познакомитесь с основами синтаксиса Java, одного из самых популярных языков программирования, и напишете на нём свой первый код.
Вас ждёт много практики:

☑️настроите Java и создадите консольное приложение для загрузки фото с сайта NASA;

☑️интегрируете это приложение в Telegram-бота;

☑️запустите приложение в облаке и создадите хранилище данных.

Курс стартует 14 марта. Регистрируйтесь, чтобы получить представление об устройстве Java и понять, подходит ли вам профессия разработчика

Реклама. ООО "Нетология". Erid LatgBkPLG

FrontEndDev

06 Mar 2024 18:34

Техники переноса слов

О возможностях переноса слов с помощью CSS и HTML.

https://adrianroselli.com/2024/02/techniques-to-break-words.html