Angular Vue js React
1.88K subscribers
238 photos
2 videos
2 files
761 links
Полезные материалы по JS фреймворкам
По всем вопросам: @un_ixtime
Download Telegram
Тестирование компонентов Vue.js с помощью Vue Test Utils Я знаю, что многим разработчикам тестирование может показаться пустой тратой времени. Ты ненавидишь это, правда? Но должны ли вы? Стоит ли тестировать свои компоненты, если вы хотите создать надежное приложение?
Я выскажу вам свои мысли: тестирование ваших компонентов (и, что немаловажно, правильное выполнение) - одно из лучших вложений, которые вы можете сделать, если вы создаете что-то в долгосрочной перспективе. Но почему?
В этом руководстве я отвечу на эти вопросы и обобщу преимущества тестирования ваших компонентов Vue.js с помощью Vue Test Utils , поделившись несколькими историями, которые произошли со мной.🤫 https://clck.ru/WPfdx
Создание карусели с нуля на Vue.js Вместо того, чтобы просматривать сложную документацию сторонних библиотек, я попытался выяснить, как с нуля построить карусель «из нескольких карт». https://clck.ru/WMJRh
Vue.js против React: какой выбрать В этой статье изучается Vue.js и React, подробно рассматриваются принципы построения компонентов, их влияние на DOM браузера, привязка данных и сравнение отраслей. https://clck.ru/WTsbV
Модуль nuxt для быстрой и простой прокрутки страниц в полноэкранном режиме https://clck.ru/WWkyB Использование функции для клонирования элементов React.cloneElement() Что есть ?React.cloneElement()
React.cloneElement()является частью React Top-Level API, используемого для управления элементами. Он клонирует и возвращает новый элемент, используя свой первый аргумент в качестве отправной точки. Этот аргумент может быть элементом React или компонентом, отображающим элемент React. https://clck.ru/WWkzA
Мега подборка каналов для программистов🎯

https://t.me/progjob Вакансии для программистов

Системное администрирование 📌
https://t.me/sysadminof Книги для админов, полезные материалы
https://t.me/linux_sup Новости и информация из мира Linux
https://t.me/i_odmin Все для системного администратора
https://t.me/i_odmin_book Библиотека Системного Администратора
https://t.me/i_odmin_chat Чат системных администраторов

Программирование, фронтенд, Биг дата, мобильная р-ка, книги 📌
https://t.me/Angular_Vuejs Angular Vue js React
https://t.me/frontend_1 Подборки для frontend разработчиков
https://t.me/Frontend_now Все для фронтендеров
https://t.me/react_prog Все что связано с reactjs
https://t.me/bookflow Лекции, видеоуроки, доклады с IT конференций
https://t.me/developer_mobila Мобильная разработка
https://t.me/Welcome_Python Добро пожаловать в мир Python
https://t.me/BookPython Библиотека Python разработчика
https://t.me/programmist_of Книги по программированию
https://t.me/BookJava Библиотека Java разработчика
https://t.me/java_sup Программирование на Java
https://t.me/proglb Библиотека программиста
https://t.me/bfbook Книги для программистов
https://t.me/imobile_dev Все по мобильной разработке: iOS, Android
https://t.me/database_group Все про базы данных
https://t.me/cloud_comp Облачные сервисы, вычисления и безопасность
https://t.me/bigdata_world Data Science, Big Data, Machine Learning

IT новости 📌
https://t.me/htech_news Новости HighTech
https://t.me/all_itnews IT новости на английском
https://t.me/gmorning_news Последнии новости из мира науки
https://t.me/youtips_tricks Технологические советы и хитрости

Шутки программистов 📌
https://t.me/dev_jokes Daily Dev Jokes
https://t.me/itumor ITumor | программисты шутят

SMM, Seo, Wordpress 📌
https://t.me/allsocial_news SMM / Советы, Новости, Лайфхаки
https://t.me/seo_go Новости по SEO продвижению сайтов
https://t.me/news_wordpress Канал о самой популярной CMS

Защита, взлом, безопасность 📌
https://t.me/crypto_security_lab Материалы по информационной безопасности
https://t.me/thehaking Канал о кибербезопасности
https://t.me/Hackme_news Новости из мира хакинга

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

Должен знать 📌
https://t.me/UchuEnglish Английский с нуля
https://t.me/Pomatematike Канал по математике

Арбитраж трафика 📌
https://t.me/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://t.me/crypto_moneygo Канал о крипте, новости, инсайды

VR, робототехника 📌
https://t.me/AR_VR_vision Компьютерное зрение, виртуальная реальность
https://t.me/robotics_scince Канал о Робототехнике и автоматизации
Как изменить разделитель интерполяции по умолчанию '{{' и '}}' на классные эмодзи в Angular? Интерполяция относится к встраиванию выражений или просто переменных в размеченный текст в приложении Angular.
По умолчанию при интерполяции в качестве разделителей используются двойные фигурные скобки {{и}}. https://clck.ru/WYbs8 Muse - красивая админская панель Ant Design Vue Muse - Vue Ant Design Dashboard - это красивая административная панель Ant Design Vue с большим количеством компонентов, созданная так, чтобы выглядеть красиво и организованно.
Создан для тех, кто любит смелые элементы и красивые сайты. Soft UI Dashboard, состоящий из сотен элементов, спроектированных блоков и полностью закодированных страниц, готов помочь вам создавать потрясающие веб-сайты и веб-приложения. https://clck.ru/WYcCv
Как использовать push-уведомления в Angular? В этом посте мы рассмотрим полный пример того, как реализовать Web Push-уведомления в приложении Angular с помощью Angular Service Worker. https://clck.ru/Wasab Настраиваемый перетаскиваемый компонент для Vue 2 и Vue 3 https://clck.ru/Wasyi
Мои любимые компоненты Vue Vue.js - это элегантный фреймворк для интерфейсной разработки веб-приложений. Однако сам по себе Vue просто предоставляет основу для создания компонентов. Он не предоставляет набор готовых к использованию компонентов пользовательского интерфейса. Существует ряд замечательных проектов с открытым исходным кодом, предоставляющих полезные компоненты Vue (или библиотеки компонентов) в экосистеме Vue. В этом посте я обсуждаю несколько моих любимых. https://clck.ru/Wcf3g Angular - Как удалить и избежать неиспользуемого импорта Кто еще хочет избежать и избавиться от неиспользуемого импорта Typescript, о котором вы все время забываете? https://clck.ru/WcfJ3
Перенос кодовой базы React в веб-компоненты Недавно я перенес расширение браузера с React на веб-компоненты. В этом посте описаны мои наблюдения, уроки и болевые точки. Все, что упомянуто, относится только к собственным веб-компонентам. Сторонние библиотеки, такие как stencil и lit, предлагают другой набор решений. https://clck.ru/WdfkQ
Замечательный самостоятельный инструмент для мониторинга, созданный с помощью vue Это самостоятельный инструмент мониторинга, такой как «Uptime Robot» https://clck.ru/WfEnf Создайте эффективный виртуальный список прокрутки в Vue.js Отрисовка элементов в DOM по отдельности может вызвать значительное отставание в производительности для пользователей, особенно когда они прокручивают большие списки. Чтобы сделать прокрутку более эффективной, мы должны использовать виртуальный список прокрутки, который увеличивает скорость загрузки страницы и предотвращает заикание веб-приложения.
Виртуальный список прокрутки аналогичен стандартному списку прокрутки, однако в любой момент отображаются только данные в текущем представлении пользователя. Когда пользователь прокручивает страницу вниз, отображаются новые элементы, а старые удаляются.
В этой статье мы рассмотрим замечательную библиотеку для создания виртуальных списков прокрутки на Vue.js. https://clck.ru/WdfTZ
Элементы управления пользовательской формы Angular с элементом доступа к контрольному значению В этой статье мы собираемся изучить использование пользовательских компонентов Angular с реактивными формами. Для этого воспользуемся встроенной директивой Angular « control value accessor ». https://clck.ru/WiCtJ Кнопка возврата в Angular. Сохранить историю маршрута. https://clck.ru/WiCzE
Лучшие новые библиотеки пользовательского интерфейса Vue 3 2021 года Эта статья является продолжением моей предыдущей статьи, в которой представлен список из девяти превосходных фреймворков пользовательского интерфейса Vue 3. Эти фреймворки улучшают опыт разработки вашего приложения Vue, удобство обслуживания и окончательный дизайн.

Сегодня я расскажу еще о пяти совершенно новых фреймворках пользовательского интерфейса Vue 3, которые поставляются с множеством потрясающих компонентов (например, навигационных панелей, полей ввода и флажков), которые помогут вам легко создавать интерфейсы или собственные компоненты. https://clck.ru/WgP47
Использование Firebase с Angular 11 Firebase предлагает разработчикам службу аутентификации, службу хранения (для управления файлами на сервере), хостинг (статический хост) и базу данных в реальном времени (вместе с FireStore) для управления данными вашего надежного приложения. https://clck.ru/Wkz88
Vue Devtools: самый простой способ отладки приложения Vue.js В этой статье мы рассмотрим этот инструмент и посмотрим, как извлечь из него максимальную пользу для улучшения процесса отладки. Итак, начнем с установки. https://clck.ru/WnZ5L
На Архипелаге 2121 прошла ежегодная встреча «Точек кипения». Участники трека поделились наработанными практиками взаимодействия с региональными сообществами, технологическими командами и опытом перехода в онлайн-среду. В результате была сформирована стратегия развития сети на ближайшие несколько лет.

В рамках трека прошли:
образовательная лаборатория «Точек кипения»,
погружение в повестку НТИ и встречи с представителями рынков и Центров компетенций,
мастер-классы акселератов-партнеров по поддержке и развитию технологических команд,
обучение основным принципам data-аналитики и управлению на основе данных.

🧑‍🎓 Участниками трека стали команды городских и университетских «Точек кипения».

Неформальная программа включила практики ресурсных состояний, деловые игры, нетворкинг и консультации с экспертами экосистемы НТИ, антиконференцию, демо-день для партнеров, а также презентацию нового формата резидентуры НТИ в сети «Точек кипения».

📲 Подробнее об Архипелаге 2121 читайте на нашем канале.

🎓Лекция открытие Архипелага.

#а2121 #Архипелаг2121 #Edu2035 #Стартап2121
<Lazy> рендеринг во Vue для повышения производительности В прошлом году в Интернете многое произошло с точки зрения производительности. Неудивительно, что все согласны с тем, что Интернет должен быть быстрым. Google представил свои показатели Web Vitals, чтобы подчеркнуть, что веб-приложения должны загружаться быстро даже на более медленных устройствах и в медленных сетях. https://clck.ru/Wnmry
Отношения человечества с природой, климатический вызов и разрушение биологического разнообразия – одни из главных вызовов, с которыми человечество сталкивается сегодня. Это необходимо учитывать предпринимателям. Представляем вам несколько проектов участников Архипелага 2121 на стадии масштабирования, связанных с экологией.

🌱 Green point

Пункты экопереработки полного цикла: от точек сбора и первичной сортировки до пунктов рециклинга. Проект позволит любой компании или муниципалитету внедрить собственную сеть переработки отходов пластика, приобрести статус IMPACT и преимущества стандартов ESG.

🌳 NextGIS Лес

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

🎋 Внедрение инновационной технологии по повторному применению синтетического каучука (Рециклизат)

Организация инновационного производства по повторному применению каучуко-содержащих продуктов путем переработки отходов РТИ для получения повторных каучуковых смесей (резиновых смесей). Проект отвечает требованиям по предотвращению изменения климата (снижение углеродных выбросов), сохранению природных ресурсов, снижению уровня загрязнения.

📲 Другие проекты участников Архипелага 2121.

📲 Смотрите трансляции с Архипелага 2121.
This media is not supported in your browser
VIEW IN TELEGRAM
Карусель с подвижными картами, построенная с помощью vue и Tailwind CSS https://clck.ru/WpGgL Как использовать реквизит в Vue.js Мы используем реквизит для передачи информации/данных от родительского компонента к дочерним компонентам. В этой статье я объясню все, что вам нужно знать об реквизите и почему вы должны использовать реквизит в Vue.js. https://clck.ru/WnYR7
Как плохо обращаются с ООП в Angular В этой статье мы собираемся изучить, как иногда люди злоупотребляют методами ООП (Объектно-ориентированное программирование) в проектах Angular, и как мы можем добиться большего. https://clck.ru/Wrk3D