FrontEndDev

Как создать библиотеку компонентов React https://betterprogramming.pub/how-to-create-a-react-component-library-a815143178a3

Code Linting для веб-разработчиков https://cloudfour.com/thinks/code-linting-for-web-designers/

Простое руководство по Component Props в React. https://dmitripavlutin.com/react-props/

Состояние веб-воркеров в 2021 году. https://www.smashingmagazine.com/2021/06/web-workers-2021/

Подключаем платженую систему к своему интернет-магазину - общая инструкция. https://apix-drive.com/ru/blog/useful/kak-organizovat-oplatu-v-internet-magazine

Frontend Mix: митап по фронтенд-разработке https://www.youtube.com/playlist?list=PLd_j4Ug00ng03p0t85slEtvLwF52uL8rU

Listen IT - Что такое Swagger и OpenAPI за 3 минуты. https://www.youtube.com/watch?v=aaFDBgPdXw4&ab_channel=ListenIT

Хотите знать как устроена разработка в крупных компаниях? Залетайте на канал @digital_epoch. Артём работает в IT уже более 7 лет, на своем канале простым языком рассказывает о сложных вещах, делится лайфками и полезными, обучающими материалами по всем направлениям (Front-end, Back-end, Mobile). Сейчас стартовал авторский, бесплатный мини-курс об основных понятиях Scrum, и том, с чего начинается разработка фичей в крупных компаниях. Подписывайтесь: @digital_epoch

Руководство по CSS анимации с использованием clip-path() clip-path позволяет вам вырезать определенную область любой формы, скрывая все остальное. https://blog.logrocket.com/guide-to-css-animations-using-clip-path/

Демистификация styled-components https://www.joshwcomeau.com/react/demystifying-styled-components/

Руководство по кастомным хукам React с MutationObserver https://blog.logrocket.com/guide-to-custom-react-hooks-with-mutationobserver/

Друзья! 12 июля стартует новый сезон Podlodka Frontend Crew! Иду сам и зову вас с собой (поэтому разыгрываю билет)! 🔹 Интенсив продлится две недели. Встречаемся дважды в день: утром и вечером 🔥 Вас ждут: крутые спикеры, сессии в лайве, ламповое общение и обмен кейсами в слаке, записи (для тех, кто не успевает на лайв). 🔹 Во время первой недели разберём Архитектуру фронтенда Научимся не просто строить приложения, а создавать такую архитектуру, которую можно быстро и безболезненно развивать. Поймём, почему архитектура — это не про названия папок. Также разберёмся как повышать надёжность приложений. 🔹 На второй неделе углубимся в Разработку интерфейсов Топим за то, что интерфейсы должны быть красивые, надежные и доступные 😉 Вы узнаете как верстать даже в самых сложных проектах. И, конечно, разберемся в библиотеках компонентов и дизайн-системах. Вся подробная информация уже на сайте. Проходи и осмотрись, ждём тебя на борту! Чтобы поучаствовать в розыгрыше билета, просто заполните форму. Итоги подведем 10-11 июля. Всем удачи! ✌️

Кастомные скроллбары в CSS https://ishadeed.com/article/custom-scrollbars-css/

Как работают функции provide и inject во Vue 3? https://habr.com/ru/post/564716/

​​Привет! Информация для владельцев IT продуктов и компаний, которым необходима расширяемая сетевая инфраструктура! 📆 6 июля в 11:00 (MSK) пройдет бесплатный вебинар, где эксперты #CloudMTS и VMware расскажут о том, как с помощью облачного решения Cloud SD-WAN создать масштабируемую инфраструктуру и всего за 5 минут подключить к ней новый филиал или точку. Это избавит вас от необходимости использовать дорогие каналы связи и кучу аппаратуры. Речь пойдет о способах обеспечения связности филиалов и удаленных сотрудников, о реализации безопасной передачи данных и о сравнении решений SD-WAN. Кому будет полезно ▫️ИТ-руководителям, ответственным за инфраструктуру сети филиалов ▫️ Специалистам по ИТ, сетям передачи данных и каналам связи В завершение вебинара будет разбор клиентских кейсов и информация о том, как получить Cloud SD-WAN на тест-драйв и бесплатно пользоваться сервисом 14 дней! Регистрируйтесь и готовьте вопросы к нашим экспертам — https://bit.ly/3zFh7xd

Как работает JavaScript: высокопроизводительный код + 8 советов по оптимизации https://blog.sessionstack.com/how-javascript-works-high-performing-code-8-optimization-tips-cec4aab07e64

Создание приложения с React и Nx https://blog.logrocket.com/building-an-application-with-react-and-nx/

#вакансия Ребята из BRAIND ищут себе в команду Frontend-разработчика. Они занимаются разработкой e-commerce проектов: интернет-магазины, личные кабинеты для b2b. Входят в топ-30 разработчиков интернет-магазинов по РФ. Подробнее о проектах тут — https://braind.agency/ Формат работы удалённый. Разработчику предстоит заниматься проектированием архитектуры и, на её основе, разрабатывать Vue-приложения для взаимодействия с backend-ом компонентов Битрикса. Комфортная среда для разработки: настроены pipeline для автодеплоя на серверы разработки и продакшн, собственная сборка фронтенда на Webpack с настроенным линтингом и Prettier, документация API ведётся в Swagger. Есть собственная библиотека готовых решений, которая поддерживается и развивается. Что необходимо: знание Vanilla JS, Vue/Vuex; БЭМ; SCSS/SASS; Pug; знание Git; опыт работы с webpack, Gulp, npm; опыт работы в Figma. Будет плюсом наличие опыта в разработке интернет-магазинов (особенно на Битриксе). Что предлагают: — Оформление, отпуск — всё как положено; — Опытный тимлид в наставники, который всегда поможет в случае проблемы или даст ответ на вопрос; — Работа над интересными проектами и рост в крутой команде; — Адекватная постановка задач в тикет-системе; — Отлаженные процессы коммуникации с удалёнными сотрудниками (плавное погружение в экосистему). А ещё сейчас открыта вакансия верстальщика. За зарплатой и подробностями сюда: — почта hr@braind.agency — telegram https://t.me/Ketrine

Понимание $nextTick в Vue.js https://blog.logrocket.com/understanding-nexttick-in-vue-js/

Топ-5 встроенных баз данных для JavaScript приложений https://blog.bitsrc.io/top-5-embedded-databases-for-javascript-applications-1c68496aebac