Angular Vue js React
1.9K subscribers
238 photos
2 videos
2 files
762 links
Полезные материалы по JS фреймворкам
По всем вопросам: @un_ixtime
Download Telegram
Анимируйте свое приложение Angular с помощью Motion One Motion One - это новая библиотека анимации, построенная на API веб-анимации. Если вы раньше использовали Popmotion или Greensock, синтаксис этой библиотеки должен показаться вам очень знакомым.
В этом сообщении блога я покажу вам, как использовать Motion One в приложении Angular. Я проведу вас через процесс установки, создам простую анимацию и воспользуюсь функциями пружины и временной шкалы Motion One. https://goo.su/DkG
Как я реализовал липкие столбцы в таблицах с помощью директив - Angular! Как создать липкие столбцы в Angular с помощью директив. Реализация таблиц с закрепленными столбцами может быть сложной задачей, особенно когда вам нужно сделать несколько столбцов липкими. Используя директивы, мы можем легко реализовать закрепленные столбцы. https://goo.su/eEa
Основные функции и обновления Angular 13 Angular выпустил новое обновление Angular v13 3 ноября 2021 года. Давайте рассмотрим основные функции и особенности Angular 13 с более подробной информацией! https://cutt.ly/zTKTdX3
[Новое] состояние CSS в Angular В этом посте мы рассмотрим новые веб-функции, которые влияют на то, как мы определяем стили в наших приложениях Angular. https://goo.su/o0J
Реализация динамических тепловых карт в приложениях Angular В статье я хотел бы описать способ простой реализации простой тепловой карты в приложении Angular. Для этого я буду использовать две внешние библиотеки, которыми будут Leaflet.js и Heatmaps.js. Перед реализацией тепловой карты я предпочитаю начать с краткого введения в библиотеки, о которых я упоминал выше. https://goo.su/aHH
💥 Освойте стек MERN на примере разработки CRM!

Подключайтесь 2 и 3 декабря к открытому вебинару OTUS «CRM фитнес-клуба».

На занятии вы рассмотрите стек MERN на примере создания простой CRM.
Первый день посвящен теории, а второй — проектированию приложения и настройке среды разработки. На практике вы создадите CRM с помощью Mongo, Express, React, Node.

Участие бесплатное, для регистрации пройдите небольшой тест на знание JS. Регистрируйтесь сейчас — напомним в день вебинара.

👉 Регистрация на 1-й день интенсива: https://otus.pw/NMVf/
👉 Регистрация на 2-й день интенсива: https://otus.pw/mz9d/
Игра в крестики-нолики, написанная на Vue 3 и JavaScript https://goo.su/gFb Бесплатный шаблон панели администратора Tailwind CSS и Vue.js Mosaic Lite Vue - это адаптивный шаблон приборной панели, созданный на основе TailwindCSS и полностью написанный на Vue.js. Этот шаблон - отличная отправная точка для всех, кто хочет создать пользовательский интерфейс для продуктов SaaS, панелей администратора, современных веб-приложений и многого другого. https://goo.su/JWh
This media is not supported in your browser
VIEW IN TELEGRAM
Программа подготовки по профессии «Фронтенд-разработчик» с сертификатом Хекслета и гарантированными собеседованиями.

Полноценный курс по JavaScript и React с настройкой окружения.
Тренажер кода с моментальной автопроверкой.
Наставник.
Сильные проекты на GitHub и практика в Open Source.

Попробуйте наш формат асинхронного обучения, без ожидания потока: https://bit.ly/3FHcqFg
Фреймворк Jamstack для Vue.js
Gridsome позволяет разработчикам легко создавать статические сгенерированные веб-сайты и приложения, которые по умолчанию работают быстро 🚀 https://goo.su/jkS
Современный Angular Что такое современные инструменты Angular ? https://goo.su/LYQ
Шаблон панели администратора Vue со стильным прозрачным дизайном Бесплатный шаблон панели администратора с открытым исходным кодом, созданный с помощью Vue.js и Bootstrap 4.5. Разработано с ❤️ компанией Flatlogic . https://goo.su/tFq
Чего ожидать от Angular 14 в 2022 году: появится ли Micro Frontend? Angular 13 был выпущен недавно, но изменения были более эволюционными , можем ли мы ожидать более революционных обновлений от Angular 14 ? https://goo.su/B6i
Middle/Senior Frontend Developer (AngularJS) в MAXMA.com

Мы ищем разработчика, который разберется в нашем фронтовом стеке, наведет порядок в тулинге, избавится от легаси, напишет много новых красивых интерфейсов, которые будут бесконечно радовать пользователей и нести пользу!

От кандидата ждем:

•опыт адаптивной верстки
•опыт в Angular / React / Vue.js
•готовность разобраться с AngularJS, если не было такого опыта
•знакомство с инструментами сборки и пакетными менеджерами
•GIT, консоль
•умение использовать Docker в разработке - будет плюсом

Приглашаем на фулл-тайм или частичную занятость от 10ч/неделю с почасовой оплатой.
Удаленка/Офис/Гибрид – на выбор кандидата.

Пишите!
в Telegram: @livinbelievin
на почту: denis@maxma.com
Современный Angular Что такое современные угловые инструменты?
Поскольку интерфейс командной строки Angular больше не включает в себя готовое решениедля разработки, как никогда важно понимать имеющиеся в нашем распоряжении инструменты, позволяющие повысить удобство разработки при создании приложений Angular.
Modern Angular Tooling - это термин, используемый для описания современных инструментов, которые позволят вам и вашей команде создать комплексную среду разработки. Эта среда разработки использует преимущества последних улучшений экосистемы JavaScript для повышения производительности, согласованности, надежности, масштабируемости и удобства разработки при создании приложений и библиотек Angular. https://goo.su/crR
Многопользовательская игра UNO с Node.js и Vue Настроить среду разработки
-Установите docker, docker-compose, Node.js / npm
-Клонировать репо
-Создать клиент Vue
https://goo.su/duV
Использование предварительной загрузки для ускорения навигации по маршруту в Angular Когда используется отложенная загрузка , модули загружаются только при необходимости, что помогает сохранить меньший размер исходного пакета, что приводит к более быстрой загрузке приложения, но это происходит за счет немного более медленной навигации между ленивыми загружаемыми маршрутами, поскольку браузеру необходимо сначала загрузить пакеты для отложенных модулей при навигации пользователя. https://goo.su/tDU
Улучшение Angular ngFor с помощью директивы trackById Когда вам нужно перебрать коллекцию в Angular, вы, вероятно, будете использовать директиву ngFor, которая будет создавать экземпляр шаблона один раз для каждого элемента из коллекции.
Если нам нужно изменить данные в коллекции, например, в результате запроса API, у нас возникает проблема, потому что Angular не может отслеживать элементы в коллекции. Он также не знает, какие элементы были удалены или добавлены.
В результате Angular необходимо удалить все элементы DOM, связанные с данными, и создать их снова. Это означает множество манипуляций с DOM, особенно в случае большой коллекции. Как известно, манипуляции с DOM обходятся дорого. https://goo.su/9wxi
This media is not supported in your browser
VIEW IN TELEGRAM
Простая анимация меню vue с выделением https://goo.su/ORj
Управление качеством, Java 17, white-box тестирование — все это и даже больше обсудим 15 декабря Регистрируйся на онлайн-митап Газпромбанка и IT_One при поддержке JUG Ru Group. Будет интересно!

Топовые спикеры из Газпромбанка, IT_One, VMware и Qameta Software выступят с докладами по двум параллельным трекам: Java и QA. Готовьте свои каверзные вопросы — за самые интересные пришлем фирменный мерч от Газпромбанка и IT_One

Митап пройдет онлайн 15 декабря в 18:00 по Москве. Зарегистрироваться > https://vk.cc/c8LOgx