Frontend разработчик

2023-05-16 10:06:23 CSS-функции min(), max() и clamp()

Поддержка CSS-функций сравнения min(), max() и clamp() появилась в Firefox 8 апреля 2020 года. Это означает, что данные функции теперь поддерживаются во всех основных браузерах. Эти CSS-функции расширяют наши возможности по созданию динамических макетов и по проектированию более гибких, чем раньше, компонентов. Их можно использовать для настройки размеров элементов-контейнеров, шрифтов, отступов и многого другого. Правда, веб-дизайнеру, создающему макеты страниц с учётом возможности использования этих восхитительных функций, может понадобиться научиться думать по-новому.

https://ishadeed.com/article/use-cases-css-comparison-functions/

@frontend_1 Открыть/Комментировать

2023-05-15 11:00:28 Микросервисы — популярный способ создания и поддержки современных веб-сервисов. Развиваетесь в веб-разработке? Узнайте, как создавать микросервисы при помощи NodeJS и GRPC

18 мая в 20:00 состоится вебинар «NodeJS + Microservices». За 1,5 часа вы узнаете, как создавать микросервисы с использованием протокола gRPC. На занятии мы разберем:
— Плюсы и минусы микросервисного подхода
— Как мигрировать монолит на микросервисы
— Решение на базе NodeJS + протокола GRPC.

В результате у вас будет база для создания своего микросервиса на NodeJS.

Открытый урок бесплатный и состоится в рамках онлайн-курса «Node.js Developer» в OTUS. Продолжить обучение вы сможете уже на курсе, на него действуют разные способы оплаты.

Для участия пройдите вступительный тест https://otus.pw/Gnfzm/

Нативная интеграция. Информация о продукте www.otus.ru Открыть/Комментировать

2023-05-15 09:47:42 Математика, лежащая в основе формирования закругленных углов

Недавно я разрабатывал интерфейс с большим количеством закругленных углов. Я хотел, чтобы углы были одинаковыми, поэтому я создал пользовательское свойство --border-radius и принялся за скругление этих углов.

Но я быстро столкнулся с проблемой. Когда я вложил элемент с закругленными углами внутрь закругленного контейнера, это выглядело как-то не так:

https://cloudfour.com/thinks/the-math-behind-nesting-rounded-corners/

@frontend_1 Открыть/Комментировать

2023-05-11 09:42:48 Создание пушистых деревьев с помощью Three.js (часть 1)

В качестве параллельного проекта я работаю над игрой в стиле point & click, используя Three.js с React Three Fiber, и сейчас я заполняю окружение мира. Я нашел это замечательное видео от Pontus Karlsson, в котором подробно описывается, как сделать пушистые стилизованные деревья, и они выглядят фантастически!

К сожалению, он был сделан в Unity 3D, а не в Three.js... но после некоторых поисков, прохождения курса по шейдерам GLSL и нескольких дней постов в Twitter об этом у меня получилось нечто, выглядящее великолепно.

https://douges.dev/blog/threejs-trees-1

@frontend_1 Открыть/Комментировать

2023-05-10 11:04:01 Какие паттерны в React нужно знать JS-разработчику?

Разберем основные паттерны на открытом уроке 16 мая в 20:00 мск в OTUS. Занятие пройдет в рамках онлайн-курса «React.js Developer» в OTUS. На занятии мы также применим несколько часто встречающихся паттернов на практике. Больше навыков работы с React.js вы сможете получить на курсе.

Хороший разработчик всегда думает о качестве и удобстве использования кода, особенно при написании библиотек компонентов. Сообщество React разработало несколько классных паттернов, которые помогут создать идеальные компоненты с лучшей контролируемостью и расширяемостью.

Для участия пройдите вступительный тест https://otus.pw/50wb/

Курс доступен в рассрочку.

Нативная интеграция. Информация о продукте www.otus.ru Открыть/Комментировать

2023-05-10 08:41:01 TypeScript: паттерны проектирования

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

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


Часть 1 https://habr.com/ru/companies/timeweb/articles/699408/

Часть 2 https://habr.com/ru/companies/timeweb/articles/700146/

@frontend_1 Открыть/Комментировать

2023-05-08 11:38:33 100 дней более или менее современного CSS

https://www.matuzo.at/blog/2022/100-days-of-more-or-less-modern-css/

@frontend_1 Открыть/Комментировать

2023-05-06 17:46:46 Подборка Telegram каналов для программистов

Системное администрирование
https://t.me/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://t.me/sysadminof Книги для админов, полезные материалы
https://t.me/i_odmin Все для системного администратора
https://t.me/i_odmin_book Библиотека Системного Администратора
https://t.me/i_odmin_chat Чат системных администраторов
https://t.me/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://t.me/sysadminoff Новости Линукс Linux


https://t.me/tikon_1 Новости высоких технологий, науки и техники
https://t.me/mir_teh Мир технологий (Technology World)

https://t.me/rust_lib Полезный контент по программированию на Rust
https://t.me/golang_lib Библиотека Go (Golang) разработчика

https://t.me/itmozg Программисты, дизайнеры, новости из мира IT.
https://t.me/phis_mat Обучающие видео, книги по Физике и Математике

https://t.me/php_lib Библиотека PHP программиста
https://t.me/nodejs_lib Подборки по Node js и все что с ним связано
https://t.me/ruby_lib Библиотека Ruby программиста

1C разработка
https://t.me/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С

Программирование C++
https://t.me/cpp_lib Библиотека C/C++ разработчика
https://t.me/cpp_knigi Книги для программистов C/C++
https://t.me/cpp_geek Учим C/C++ на примерах

Программирование Python
https://t.me/pythonofff Python академия. Учи Python быстро и легко
https://t.me/BookPython Библиотека Python разработчика
https://t.me/python_real Python подборки на русском и английском
https://t.me/python_360 Книги по Python Rus

Java разработка
https://t.me/BookJava Библиотека Java разработчика
https://t.me/java_360 Книги по Java Rus
https://t.me/java_geek Учим Java на примерах

GitHub Сообщество
https://t.me/Githublib Интересное из GitHub

Базы данных (Data Base)
https://t.me/database_info Все про базы данных

Мобильная разработка: iOS, Android
https://t.me/developer_mobila Мобильная разработка
https://t.me/kotlin_lib Подборки полезного материала по Kotlin

Фронтенд разработка
https://t.me/frontend_1 Подборки для frontend разработчиков
https://t.me/frontend_sovet Frontend советы, примеры и практика!
https://t.me/React_lib Подборки по React js и все что с ним связано

Разработка игр
https://t.me/game_devv Все о разработке игр

Вакансии
https://t.me/sysadmin_rabota Системный Администратор
https://t.me/progjob Вакансии в IT

Чат программистов
https://t.me/developers_ru

Библиотеки
https://t.me/book_for_dev Книги для программистов Rus
https://t.me/programmist_of Книги по программированию
https://t.me/proglb Библиотека программиста
https://t.me/bfbook Книги для программистов
https://t.me/books_reserv Книги для программистов

БигДата, машинное обучение
https://t.me/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование
https://t.me/bookflow Лекции, видеоуроки, доклады с IT конференций
https://t.me/coddy_academy Полезные советы по программированию

QA, тестирование
https://t.me/testlab_qa Библиотека тестировщика

Шутки программистов
https://t.me/itumor Шутки программистов

Защита, взлом, безопасность
https://t.me/thehaking Канал о кибербезопасности
https://t.me/xakep_1 Статьи из "Хакера"

Книги, статьи для дизайнеров
https://t.me/ux_web Статьи, книги для дизайнеров

Английский
https://t.me/UchuEnglish Английский с нуля

Математика
https://t.me/Pomatematike Канал по математике

Excel лайфхак
https://t.me/Excel_lifehack Открыть/Комментировать

2023-05-04 09:17:42 База знаний веб-разработчика: прокачиваем навыки владения CSS

Любые навыки прокачиваются опытным путём и упорным изучением – это факт, с которым сложно не согласиться. Изучение языков программирования и каскадных таблиц стилей не являются исключением – достичь высоких результатов в этом вопросе удастся только благодаря регулярной практике.

Владея знаниями по вёрстке, можно достичь поставленных целей и перейти на следующую ступень профессионализма. В этой статье я расскажу, какие материалы мы с коллегами используем в своей работе: уверен, эта информация будет полезна разработчикам на CSS.

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

@frontend_1 Открыть/Комментировать

2023-05-03 09:28:25 Открыть/Комментировать