React Hooks простыми словами

В этой статье мы не сделаем великого открытия. Наша цель другая – рассказать про React Hooks настолько подробно и просто без трудной терминологии, насколько это возможно. Чтобы после прочтения статьи каждый понял про хуки всё. Эта статья будет полезна как начинающим React-разработчикам, так и тем, кто хочет, не уходя в глубины документации, получить практическую информацию в сжатом виде.


#React #Hooks #frontend

Создание лейаутов и сеток с помощью Angular CDK и Angular Material

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

#Angular #frontend

10 особенностей Angular 13, которые должен знать каждый разработчик

https://javascript.plainenglish.io/10-features-of-angular-13-every-developer-should-know-5814c754f771

#Angular #frontend

Как подключиться к базе данных с помощью CSS

https://www.leemeichin.com/posts/yes-i-can-connect-to-a-db-in-css.html

#css #frontend

CSS-выражения от контейнера для дизайнеров

При работе над дизайном для веба приходится иметь дело с макетами для разных размеров экрана. Опираясь на эти макеты, разработчик определяет ширину или высоту окна браузера медиазапросами, а затем, исходя из этого, меняет макет. Именно так мы верстали веб последние 10 лет, и вот-вот всё станет еще лучше. У меня для вас хорошие новости.


CSS-выражения от контейнера — долгожданная для веб-разработчиков фича — скоро появится в CSS и с ней уже можно поэкспериментировать в Chrome Canary. В этой статье мы познакомимся с этой фичей поближе, и узнаем, как она повлияет на вашу работу как дизайнера, и не только. Неважно, пишете ли вы код или нет, если увидите какой-то незнакомый CSS, то можете полностью игнорировать его и идти дальше.

#css #frontend

‍JavaScript: делаем селфи с помощью браузера

В этой статье я покажу вам, как делать селфи в браузере.

Мы разработаем простое приложение со следующим функционалом:
- при инициализации приложение запрашивает у пользователя разрешение на захват медиапотока (далее также — поток) из видеокамеры его устройства;
- захваченный поток передается в элемент video;
- из потока извлекается видеотрек (далее также — трек), который передается в интерфейс для захвата изображений;
- из экземпляра интерфейса извлекается список поддерживаемых возможностей (capabilities) и настроек (settings) для фото;
- из трека также извлекается список поддерживаемых возможностей и настроек;
- формируется список диапазонных полей (<input type="range">) для установки настроек для фото;
- пользователь имеет возможность снимать фото (take photos) и захватывать фреймы (grab frames);
- фото выводится в элемент img, генерируется ссылка для его скачивания;
- фрейм инвертируется и отрисовывается на холсте (canvas), генерируется ссылка для его скачивания.

#js #frontend

Leaflet.js - JS библиотека для интерактивных карт.
Особенности / преимущества:
✔️Адаптирована под мобильные устройства
✔️Поддержка: Chrome, Firefox, Safari 5+, Opera 12+, IE 7–11, Edge, Safari for iOS 7+; Android browser 2.2+, 3.1+, 4+; Chrome for mobile; Firefox for mobile; IE10+ for Win8 devices
✔️Открытый исходный код
✔️Лёгкий вес (39КБ)
✔️Подробная документация и множество гайдов, упрощающих понимание библиотеки
Оф. сайт: https://leafletjs.com/
Гит: https://github.com/Leaflet/Leaflet
Плагины для использования библиотеки: https://leafletjs.com/plugins.html
Гайды: https://leafletjs.com/examples.html
Примеры использования библиотеки: https://tennalian.github.io/leaflet_demo/index.html
#библиотеки #js #frontend

@frontend_1