FrontEndDev

22 Apr 2024 17:26

Способы стилизации Material UI

10 минутный гайд с best practices по стилизации MUI

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

FrontEndDev

21 Apr 2024 15:39

В чем разница между движками и средами выполнения JavaScript?

Короткая заметка, которая поможет разобраться в основных понятиях.

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

FrontEndDev

18 Apr 2024 23:18

Web Terminal

Создаем и кастомизируем web терминалы с Termino.js.

https://blog.logrocket.com/building-web-based-terminal-components-termino-js/

FrontEndDev

18 Apr 2024 08:29

Создаем необычное портфолио

Туториал по созданию 2D игры с Kaboom.js с сюжетом в виде вашего портфолио (врядли пригодится, но если нужно удивить, то получится 100%).

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

FrontEndDev

15 Apr 2024 15:01

Казань, 25 и 26 апреля приглашаем на митапы IT Talk by Sber 🤩

Поговорим о технических вызовах в разработке и поделимся опытом решения сложных задач. Вас ждут 4 хардовых доклада от экспертов Сбера и 2 больших софтовых выступления для тимлидов.

Программа 25 апреля 👇

✔️ Виталий Куценко «Optional — применение здорового человека»
✔️ Алексей Кардашов «Управление UI через backend в стеке jvm с использованием composite screen platform»
✔️ Евгений Ляшенко «Проверка на глубокие знания языка: как к такому подготовиться?»
✔️ Антон Непша «Когда синдром самозванца — не синдром»

Программа 26 апреля 👇

✔️ Владислав Хачатуров «О дивном новом мире ИТ-инженера без розовых очков глазами руководителя»
✔️ Арина Штерн, Пётр Белкин, Антон Штульберг «Профессиональные сообщества: зачем инженеру и руководителю»

Встречаемся:

👉 25 апреля в 17:30 в ИТ-парке им. Башира Рамеева (ул. Спартаковская, 2).
👉 26 апреля в 17:30 в Школе 21 (ул. Спартаковская, 2к2).

Ждём всех крутых разработчиков Казани!

Регистрируйтесь по ссылке.

FrontEndDev

15 Apr 2024 10:45

DI для JS и TS

Dioma - библиотека для реализации паттерна Dependency Injection для чистого JS/TS

https://github.com/zheksoon/dioma

FrontEndDev

12 Apr 2024 15:07

👨‍💻Изучаешь Frontend? Я тоже!

idk Frontend - канал, в котором я максимально подробно конспектирую весь мой путь обучения с самого старта.

С меня:
— Сложная теория простым языком;
— Практические примеры и объяснения;
— Работа над ошибками.

С тебя:
— Подписка @idk_frontend

Продолжим обучаться вместе! 👋

FrontEndDev

12 Apr 2024 03:31

Интерактивный гайд по CSS Container Queries

Шанс попробовать относительно новую фичу без необходимости создавать свою песочницу.

https://ishadeed.com/article/css-container-query-guide

FrontEndDev

10 Apr 2024 16:48

Введение в Jest - JS библиотеку для тестирования

Краткое руководство, основные фичи, юзкейсы и сравнение с другими библиотеками.

https://blog.logrocket.com/jest-adoption-guide/

FrontEndDev

09 Apr 2024 10:53

13 репозиториев для изучения веб-разработки

Подборка из 13 ресурсов для бесплатного обучения основам и аспектам разработки от Евгений Ковальчука.

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

FrontEndDev

08 Apr 2024 09:03

#accessibility #html

HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 7

⭐️⭐️◽️◽️◽️

📖 Читать

FrontEndDev

06 Apr 2024 09:40

React Router v6 - Полный курс

Курс по React Router v6, включающий как базовую настройку роутинга, так и продвинутую конфигурацию и кастомные переходы между страницами.

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

FrontEndDev

04 Apr 2024 17:59

Подборка записей с конференций (300+) по JS за 2023 год

https://dev.to/techtalksweekly/all-javascript-conference-talks-300-from-2023-ordered-by-the-number-of-views-1akm

FrontEndDev

04 Apr 2024 08:30

Скролл-анимация с типографикой

Эксперимент с анимацией с появлением изображения в тексте при скролле.

Демо | Github

https://tympanus.net/codrops/2024/04/02/on-scroll-expanding-image-animation-within-typography/

FrontEndDev

03 Apr 2024 09:37

KeyUX - библиотека, позволяющая удобно работать с вашим сайтом с клавиатуры

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

https://github.com/ai/keyux

FrontEndDev

21 Apr 2024 16:17

Материалы из этого канала дают на платных курсах

Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое

👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!

FrontEndDev

19 Apr 2024 23:08

Улучшаем показатель LCP

5 советов, которые помогут улучшить один из показателей Core Web Vitals — Largest Contentful Paint.

https://thenewstack.io/5-dev-tips-to-improve-your-largest-contentful-paint-lcp/

FrontEndDev

18 Apr 2024 08:40

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

FrontEndDev

17 Apr 2024 11:27

Изучаем CSS Box Model

Подробный туториал о работе и использовании CSS Box Model.

https://www.youtube.com/watch?v=nSst4-WbEZk

FrontEndDev

15 Apr 2024 14:17

ESLint Config Inspector

Визуализирующий инструмент для просмотра, поддержки и изучения правил линтинга на вашем проекте.

https://eslint.org/blog/2024/04/eslint-config-inspector/

FrontEndDev

14 Apr 2024 10:19

Interaction to Next Paint

Подробнее о том, за что отвечает метрика INP.

https://gtmetrix.com/blog/interaction-to-next-paint-inp-explained/

FrontEndDev

12 Apr 2024 09:45

Как use() работает под капотом React?

https://jser.dev/2024-03-16-how-does-use-work-internally-in-react/

FrontEndDev

11 Apr 2024 23:06

DevTools: советы и трюки

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

https://frontendmasters.com/blog/devtools-tips-tricks/

FrontEndDev

09 Apr 2024 11:35

​🤖 API и SDK от 2ГИС: технологии для вашего бизнеса

Ищете способы улучшить свой сервис, приложение или сайт? 2ГИС предлагает API и SDK — готовые решения для интеграции геоданных в ваш продукт.

💼 Что вы получаете:

- API карт: Детальная карта с редактором стилей — от подключения виджета с филиалами до геоинформационного сервиса.
- API справочника: Поиск по названию, виду деятельности, адресу и координатам. Доступ к подробной информации о миллионах организаций. А ещё преобразование координат в адрес и обратно, получение данных о парковках, остановках.
- API навигации: Инструменты для такси, курьеров, транспортных и логистических компаний. Маршруты для разных видов транспорта мимо пробок, шлагбаумов, перекрытий, платных и грунтовых дорог. Информация о расстоянии и времени в пути между точками на карте.
- Mobile SDK: 3D-карты, поиск и маршрутизация для приложений на iOS и Android — с тонкими настройками стилей и маркеров, построением маршрутов и доступом к справочнику.

⭐️ Почему стоит выбрать 2ГИС:

- Регулярные обновления данных о дорогах, организациях и пробках.
- Точность: Информация обрабатывается с помощью ИИ и выверяется с помощью пеших картографов и контакт-центра.
- Поддержка: Сопровождение клиентов на всех этапах работы, личный кабинет, подробная документация и примеры кода.
- Привлекательные условия: Гибкая настройка по техническим требованиям и тестовый период.

Попробуйте!

FrontEndDev

08 Apr 2024 21:59

Курс по основам JS: Learn JavaScript

Базовый курс из 28 уроков от команды разработчиков Chrome.

https://web.dev/learn/javascript

FrontEndDev

07 Apr 2024 14:51

React Design Pattern

Плейлист из 5 видео с основными паттернами разработки на React: HOC, Layout, custom hooks, etc.

https://www.youtube.com/playlist?list=PLgeETUaEEds5HE2uGWezJxYeZwpBonHr-

FrontEndDev

05 Apr 2024 11:03

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

⚠️ Это повышает вашу насмотренность, понимание кода, да и вы всегда сможете сохранить заготовки себе на будущие проекты

Раньше мы публиковали множество сайтов. Но теперь есть специальный канал для этого: @code_ready

У вас будет все под рукой, с оформленным кодом, примерами, шпаргалками и без занудства

➡️ Так что подписываемся

FrontEndDev

04 Apr 2024 12:45

Оптимизация карусели для EditorJS

Показательный пример того, что не все библиотеки собраны оптимальным образом, и как с эти можно бороться (если очень нужно)

https://dev.to/appqui/how-i-optimized-carousel-for-editorjs-2x-in-size-4efa

FrontEndDev

03 Apr 2024 11:30

Телеграм-канал фронтендерского сообщества Яндекса

Yandex for Frontend — канал от фронтендеров Яндекса. Рассказываем, как мы делаем красивые и функциональные интерфейсы в наших продуктах, и показываем людей, которые двигают фронтенд-разработку вперёд.

Подписывайтесь 👉 /channel/yandex4frontend

FrontEndDev

02 Apr 2024 16:12

Изучаем относительные viewport единицы в CSS

Как и когда использовать 100vh, 100dvh, 100lvh, 100svh.

https://webdesign.tutsplus.com/learn-these-viewport-relative-css-units-100vh-100dvh-100lvh-100svh--cms-108537t