Frontend разработчик. Страница 27
12650
@frontend_1
Frontend разработчик. Библиотека электронных книг и статей для frontend разработчиков.
-
Frontend разработчик
💣 Возможно ли общаться с коллегами без конфликтов? 📌 22 июня в 19:00 приглашаем на бесплатный WorkShop посвященный конфликтам в команде. ⁉️ Спойлер: нет, но можно с ними аккуратно обращаться и выходить из них с минимальными потерями. На вебинаре разберёмся, как мы оказываемся в напряжённой ситуации. Что мы можем сделать, чтобы предупредить конфликт или прийти к согласию, если уже туда попали. 🦾 Лилия Бикбова - партнёр esprezo, тренер по бизнес-коммуникациям и коуч, поможет разобраться в теме и поделится алгоритмом действий в конфликте. 🔥 Будем не только разбирать, как связаны конфликты, потребности и эмоции, но и отрабатывать как общаться с собеседником, если у вас разногласия на практике. 👉 Регистрируйся по ссылке - l='noreferrer nofollow' href='https://otus.pw/PaLw/'>https://otus.pw/PaLw/ 
-
Frontend разработчик
Подборка инструментов для создания CSS-анимации 👉 Spinkit — Набор из 11 CSS-эффектов, который можно применять для загрузочных страниц. В них используются translate и opacity, поэтому вся анимация будет обрабатываться в GPU, а не в CPU. Написан на SCSS. 👉 Stylie — Позволяет создавать сложные анимации без кода. Также позволяет добавлять, удалять и редактировать ключевые кадры в панели Keyframes. Сервис генерирует CSS-код, отображающий анимации во всех современных браузерах. 👉 Hover CSS — Коллекция CSS3-эффектов, которые активируются при наведении курсора на элементы дизайна (ссылки, кнопки, логотипы, изображения, SVG-компоненты и т.д). 👉 CSShake — Простой в использовании инструмент для создания эффекта встряски у элементов. Эффект встряски – один из самых простых способов указать на интерактривность элемента. 👉 Keyframer — Удобный инструмент, который довольно прост в использовании. Чтобы добавить ключевой кадр, вам нужно только кликнуть по шкале времени, а затем нажать на круглую кнопку, чтобы применить CSS-стили для анимации. Или кнопку с крестиком, чтобы удалить текущий кадр. 👉 Magic CSS3 Animations — Пакет CSS3-анимаций со спецэффектами, которые вы можете свободно использовать для любых веб-проектов. Достаточно включить стиль CSS magic.css или минимизированную версию magic.min.css. Примеры анимации можно посмотреть на сайте. 👉 CSS3 Animation Cheat Sheet — Набор предустановленной plug-and-play анимации. Для использования нужно применить подготовленные классы к элементам, которые вы хотите анимировать. Инструмент использует правило keyframes и работает во всех последних версиях браузеров (в том числе в IE 10). 👉 Animate.css — Библиотека для создания анимации при помощи CSS3. Поддерживает более 50 различных анимационных эффектов, которые работают в браузерах, поддерживаемых CSS3. 👉 AniJS — Библиотека для создания CSS-анимации, позволяющая анимировать элементы при помощи HTML-атрибутов. В ее состав входит множество интересных анимаций. 👉 @frontend_1 -
Frontend разработчик
Distributed Systems with Node.js (2020) Автор: Thomas Hunter II Eng Многие компании, от стартапов до компаний из списка Fortune 500, используют Node.js для создания эффективных бэкендов. А инженеры любят Node.js за доступный API и знакомый синтаксис. В этом практическом руководстве автор доказывает, что Node.js настолько же хорош, как и традиционные платформы, для создания масштабируемых и отказоустойчивых сервисов. Во время чтения книги вы: ✔️Узнаете, какой протокол выбрать в зависимости от ситуации; ✔️Настроите контейнеры приложения для использования в производстве; ✔️Отследите ошибки в настройках, чтобы определить, какой сервис неисправен; ✔️Упростите код приложения и повысьте производительность, переложив работу на обратный прокси; ✔️Создадите информационные панели для мониторинга работоспособности и пропускной способности сервиса; ✔️Узнаете, почему требуется так много различных инструментов при работе в корпоративной среде. ✍️ @nodejs_lib -
Реклама
-
Frontend разработчик
💻 Завтра 21 июня в 20:00 мск OTUS приглашает разработчиков, знакомых с JavaScript, на открытый вебинар «Обзор новых возможностей Node.js». 📚 На занятии обсудим нововведения в последних версиях Node.js и подробно разберем каждое из них. 🔥 Открытый урок дает возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» от OTUS, а также получить персональную скидку на курс от преподавателя после вебинара.🎁 ➡️ Для регистрации на вебинар пройдите небольшой тест по JS https://otus.pw/a5a0/ 
-
Frontend разработчик
Paper.js — библиотека для работы с векторной графикой Библиотека работает поверх HTML5 Canvas и позволяет создавать и работать с векторной графикой. Особенности / преимущества: ✔️Открытый исходный код ✔️Импорт и экспорт SVG ✔️Удобный API ✔️Поддерживает современные браузеры Сайт: http://paperjs.org/ GitHub: https://github.com/paperjs/paper.js Примеры использования: http://paperjs.org/examples/ #js 👉 @frontend_1 -
Frontend разработчик
Подборка каналов для IT специалистов 🎯 https://t.me/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С https://t.me/kotlin_lib Подборки полезного материала по Kotlin https://t.me/nodejs_lib Подборки по Node js и все что с ним связано https://t.me/React_lib Подборки по React js и все что с ним связано Программирование C++📌 https://t.me/cpp_lib Библиотека C/C++ разработчика https://t.me/cpp_knigi Книги для программистов 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 GitHub Сообщество 📌 https://t.me/Githublib Интересное из GitHub CodePen 📌 https://t.me/codepen_1 Сообщество пользователей CodePen Базы данных (Data Base) 📌 https://t.me/database_info Все про базы данных Мобильная разработка: iOS, Android 📌 https://t.me/developer_mobila Мобильная разработка Фронтенд разработка 📌 https://t.me/frontend_1 Подборки для frontend разработчиков Разработка игр 📌 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/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/ux_web Статьи, книги для дизайнеров https://t.me/arhitekturamira World Architecture Системное администрирование 📌 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/UchuEnglish Английский с нуля Математика 📌 https://t.me/Pomatematike Канал по математике Арбитраж трафика 📌 https://t.me/partnerochkin CPA и арбитраж трафика Крипта 📌 https://t.me/bitkoinoff Новости криптовалют Метавселенная, GameFi, Crypto 📌 https://t.me/metaverse360 DeepFake 📌 https://t.me/deepfakenow Публикуем deepfake видео Мир технологий 📌 https://t.me/mir_teh Видео из мира технологий Excel лайфхак📌 https://t.me/Excel_lifehack -
Frontend разработчик
Haikei — генератор уникальных SVG-форм Позволяет создавать градиент, кривые, узоры и полигональные изображения. Особенности: 👉 Экспорт в двух форматах PNG и SVG 👉 Автоматическое создание дизайна 👉 15 готовых шаблонов 👉 Расширенная возможность настройки дизайна Сайт: https://app.haikei.app/ 👉 @frontend_1 -
Frontend разработчик
One Day Offer уже скоро! Друзья, осталось всего несколько дней, чтобы решить задачи контеста и принять участие в One Day Offer для фронтенд-разработчиков! Напоминаем, что задачи доступны до 21 июня включительно, а 25 июня мы проводим онлайн-секции и раздаем офферы лучшим участникам. От вас мы ждем опыт в JS-разработке не менее трех лет, взамен предлагаем интересные задачи в командах Поиска, Yandex Cloud или Директа 🔥 Зарегистрироваться можно здесь 👇 
-
Frontend разработчик
CountUp.js — библиотека для создания анимации прокрутки чисел Позволяет быстро создать и настроить анимацию прокрутки числа. Особенности / преимущества: ✔️Широкие возможности настройки ✔️Маленький вес (5kB) ✔️Поддержка современных и старых браузеров ✔️Не зависит от сторонник библиотек Сайт: http://inorganik.github.io/countUp.js/ GitHub: https://github.com/inorganik/CountUp.js #js #TypeScript #HTML 👉 @frontend_1 -
Frontend разработчик
Инструменты безопасности JavaScript 👉 Snyk — Инструмент для обнаружения и предотвращения уязвимостей в приложениях на JavaScript, Java и Ruby. Имеет собственную базу данных уязвимостей и берёт данные из NSP и NIST NVD. 👉 RetireJS — Средство проверки зависимостей с открытым исходным кодом. Включает различные компоненты, такие как сканер командной строки, плагин Grunt, расширения Firefox и Chrome, плагины Burp и OWASP ZAP. Информацию об уязвимостях собирает из NIST NVD и других источников. 👉 OSSIndex — Собирает информацию об уязвимостях из NVD и отзывов. Также обрабатывает информацию от членов сообщества. поддерживает Java, JavaScript и .NET / C # и множество платформ, (NuGet, npm, Bower, Chocolatey, Maven, Composer, Drupal и MSI). 👉 OWASP Dependency Check – Сканер собирает все используемые в приложении компоненты с открытым исходным кодом и показывает имеющиеся в них уязвимости. Доступен для Node.js, Java, .NET, Ruby (gemspec), PHP (composer) и т.д. 👉 @frontend_1 -
Frontend разработчик
Реальный пример работы startTransition Ricky Hanlon показал подробный пример работы API startTransition из React 18, с объяснением работы API и того, как работает приложение в perfomance профиле. В примере показан слайдер и компонент с «тяжелыми вычислениями», который занимает много времени для рендера, особенно на слабых устройствах. После изменения значения слайдера происходил ререндер тяжелого компонента. Самый оптимальный вариант рендера тяжелого компонента в React 17 через debounce, т.е. откладывая рендер на изменения слайдера. В React 18 изменение значения слайдера достаточно обернуть в startTransition, и React уже сам выполнит эффективный рендер компонента. После рендера изменения значения слайдера, React рендерит transition результатов. Так как в этом изменение включен параллельный рендеринг, React делает три новые вещи: - Yielding: каждые 5 мс React ставит работу рендера на паузу, чтобы дать браузеру сделать другую работу, например запустить промисы. - Прерывание: React ставит рендер на паузу, если необходимо отрендерить более приоритетный компонент, например ползунок слайдера из примера. - Отбрасывание старых результатов: когда React начинает рендерить после прерывания, то он отбрасывает старый компонент и рендерит новый. github.com/reactwg…sions/65 ✍️ @React_lib -
Frontend разработчик
Interact.js — библиотека для работы с drag & drop, ресайзингом и жестами. Добавляет возможность изменять размер, цвет, перетаскивать и вращать элементы на странице. Особенности / преимущества: ✔️Доступен для Chrome, Firefox, Opera и Internet Explorer 9+ ✔️Открытый исходный код ✔️Не зависит от сторонник библиотек ✔️Поддержка SVG ✔️Мощный API ✔️Поддерживает мобильные устройства Сайт: https://interactjs.io/ GitHub: https://github.com/taye/interact.js #js 👉 @frontend_1 -
Frontend разработчик
Interactive Skate Loading - Интерактивная моделька скейтбордиста сделана при помощи SCSS, а управление реализовано с помощью JavaScript #codepen #scss #js Подпишись👉 @codepen_1 -
Frontend разработчик
Create.js — набор из 4 модульных библиотек Позволяет разрабатывать интерактивные приложения и игры. Библиотеки могут работать как вместе, так и по отдельности. 👉 EaselJS — библиотека для работы с элементом HTML5 Canvas 👉 TweenJS — библиотека для анимации HTML элементов 👉 SoundJS — библиотека для работы со звуком 👉 PreloadJS — библиотека для управления загрузкой ресурсов и данных Особенности / преимущества: ✔️Поддерживает Edge, Internet Explorer 9+, Firefox, Chrome, Safari, Opera, Cordova ✔️Подробная документация ✔️Открытый исходный код ✔️Возможность экспорта из Adobe Animate ✔️Легко интегрировать в проект Сайт: https://createjs.com/ GitHub: https://github.com/createjs #js 👉 @frontend_1 -
Frontend разработчик
Как настроить 3D-сцену с помощью библиотеки Three.js? ⚡️Приглашаем 16 июня в 20:00 мск на бесплатный вебинар «Three.js - работа с 3d моделью» в OTUS! 📚 Вместе с экспертом разберем, как настроить сцену с 3D-моделью авто на основе Three.js. А также обсудим, как загрузить модель и работать со сценой в дальнейшем. Спикер: Антон Бобров, Front-end Developer 👉🏻Регистрация на вебинар: https://otus.pw/bP8q/ 
-
Реклама
-
Frontend разработчик
Responsive <!-- No Div --> car - Анимированная сцена, сделанная без использования div, на чистом CSS #codepen #css Подпишись👉 @codepen_1 -
Frontend разработчик
Aspect Ratio is Great https://css-irl.info/aspect-ratio-is-great/ #css -
Frontend разработчик
Подборка каналов для IT специалистов 🎯 Программирование C++📌 https://t.me/cpp_lib Библиотека C/C++ разработчика https://t.me/cpp_knigi Книги для программистов 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 GitHub Сообщество 📌 https://t.me/Githublib Интересное из GitHub CodePen 📌 https://t.me/codepen_1 Сообщество пользователей CodePen Базы данных (Data Base) 📌 https://t.me/database_info Все про базы данных Мобильная разработка: iOS, Android 📌 https://t.me/developer_mobila Мобильная разработка Фронтенд разработка 📌 https://t.me/frontend_1 Подборки для frontend разработчиков Разработка игр 📌 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/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/ux_web Статьи, книги для дизайнеров https://t.me/arhitekturamira World Architecture Системное администрирование 📌 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/UchuEnglish Английский с нуля Математика 📌 https://t.me/Pomatematike Канал по математике Арбитраж трафика 📌 https://t.me/partnerochkin CPA и арбитраж трафика Крипта 📌 https://t.me/bitkoinoff Новости криптовалют Метавселенная, GameFi, Crypto 📌 https://t.me/metaverse360 DeepFake 📌 https://t.me/deepfakenow Публикуем deepfake видео Мир технологий 📌 https://t.me/mir_teh Видео из мира технологий Excel лайфхак📌 https://t.me/Excel_lifehack