Популярные расширения VS Code для разработчиков Vue.js и Nuxt.js в 2022 году

Если вы программируете на JavaScript или TypeScript с помощью Vue 3 или Nuxt и ищете способы максимально использовать свои настройки в VS Code, эта статья для вас! Здесь мы говорим о Vetur и Volar и даем советы по линтингу, форматированию и автодополнению, которые вы хотели бы знать раньше.

https://shly.link/rG0md

Самые полезные функции Angular, которые вы, вероятно, никогда не использовали

В этой статье мы расскажем о некоторых наиболее полезных функциях Angular, о которых вы, возможно, никогда не слышали.

https://shly.link/RQqih

Вы еще не слышали про телеграм-канал LEFT JOIN? Давайте это исправим!

Это авторский канал аналитика данных Николая Валиотти, в котором много постов про:
👨‍🎓 учебу в американском ВУЗе Georgia Tech
🗄 SQL и работу с базами данных
📊 построение аналитических метрик и отчетов
📚 интересные библиотеки для Python,
📎 работу с различными API (от Google Docs до соцсети для любителей пива),
📈 BI и SQL-инструменты,
🎨 тонкости создания датавиза

Также, скоро выходит второй сезон подкаста Data Heroes про данные, аналитику и будни дата героев! Если вы еще не слушали первый – наверстывайте упещенное и... 🦸‍♂️

Конечно, скорее подписывайтесь на канал!

Понимание сенсорных событий Vue.js для Android и iOS

В этой статье мы обсудим сенсорные события, которые инициируются пользователями на устройствах с сенсорным экраном, таких как мобильные телефоны или планшеты. В этой статье объясняется, что такое сенсорные события, доступные типы сенсорных событий и как реализовать сенсорные события в Vue.js для Android и iOS.

https://shly.link/84U4C

Как повысить производительность приложения Vue.js?

Vue.js разработан так, чтобы быть максимально быстрым. Он также очень гибкий, что означает, что вы можете использовать его для создания простой статической страницы или сложного одностраничного приложения. Однако есть некоторые вещи, которые вы можете сделать, чтобы улучшить производительность вашего приложения. Некоторые из них мы рассмотрим в этой статье.

https://shly.link/mdmn10X

Внедрение шаблона PubSub в Vue.js

Простой способ реализовать шаблон SubPub в проекте Vue.js с библиотекой PubSubJs и пользовательским хуком.

https://shly.link/BEyry

Ленивая загрузка изображений с помощью React JS

Отложенная загрузка очень важна в настоящее время для повышения производительности вашего сайта. Выполнение оптимизации изображений помогает вашему веб-сайту работать быстрее, лучше SEO и помогает улучшить взаимодействие с пользователем.
На этот раз вы узнаете, как лениво загружать изображения в приложение с помощью React JS.

https://shly.link/devrRA0

Улучшения в Angular Router

Команда Angular была занята внесением значительных обновлений в маршрутизатор Angular, которые доступны начиная с Angular v14.2. Мы рады поделиться некоторыми недавними улучшениями. Читайте дальше, чтобы узнать больше.

https://shly.link/uESaW

Ваш первый микрофронтенд Angular

Это пошаговое руководство по созданию простого ангулярного приложения, которое потребляет модули другого приложения во время выполнения. Но сначала давайте обсудим, что такое микрофронтенды и объединение модулей.

https://shly.link/EhKqK

Вы освоили эти 9 техник Vue?

Сейчас Vue.js стал популярным фреймворком для разработки фронтэнда. Множество инженеров используют удобство и мощные возможности Vue.js. Тем не менее, некоторые решения, которые мы сделали, могут не соответствовать лучшим практикам. Что ж, давайте рассмотрим те приемы Vue, которые необходимо знать.

https://shly.link/gJqBZ

Каково будущее ReactJS?

Будущее ReactJS: понять, почему именно за ним будущее веб-разработки, подробное сравнение фреймворка ReactJS с другими, включая таблицу.

https://shly.link/WwWp2

Как использовать ngTemplateOutlet в Angular на примере

В Angular мы используем директиву ngTemplateOutlet для вставки внешнего шаблона в представление нашего компонента. Эта мощная функция позволяет нам повторно использовать шаблоны и сохранять наш код СУХИМ.

https://shly.link/mdK9v

Изучение Web Workers в Angular

Как улучшить производительность приложения и взаимодействие с пользователем с помощью Web Workers в Angular

https://shly.link/NG7ui

LocatorJS DevTool

LocatorJS — это расширение для браузера и/или библиотека JavaScript. Вы можете щелкнуть любой компонент в браузере, чтобы открыть его код в своей среде IDE. Работает с React, Preact, Solid, Vue и Svelte.

https://github.com/infi-pc/locatorjs

7 малоизвестных функций Angular, о которых должен знать каждый разработчик

Каждый разработчик знает, что Angular — мощный фреймворк. Однако есть некоторые менее известные функции Angular, о которых должен знать каждый разработчик.

https://shly.link/CkGsb

Поговорим о веб-компонентах

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

https://shly.link/oQtmL

📚Век живи, век учись — пора и Angular открыть!

⏰Сегодня 14 ноября в 20:00 пройдёт открытый урок: "Разработка приложений на Angular. Основные преимущества и возможности"

💢Angular - это мощный фреймворк от Google, который используется для создания мобильных приложений.

📌За 1, 5 часа на занятии с опытным экспертом мы:
- Познакомимся с Angular CLI, two-way data binding, templates, routing, services;
- Как экономить время на разработке c этими технологиями;
- Получим расширяемый, легко поддерживаемый и структурированный код.

👨‍🎓Урок проведёт
Виктор Березин, Frontend Architect / Senior Full Stack Developer и преподаватель курса “Angular Developer” в OTUS.

🔴 Чтобы записаться на вебинар, пройдите вступительный тест: https://otus.pw/JM9a/

Это занятие является частью онлайн-курса «Angular Developer» от OTUS.

Как устранить debounce и throttle в Vue

Когда вы создаете веб-приложение любого типа, вашей главной заботой является производительность, особенно для сайтов, которые осуществляют взаимодействие. Прослушивание таких событий, как ввод пользователем данных, прокрутка и изменение размера, может привести к тому, что приложение перестанет отвечать на запросы, когда оно выполняет тяжелые вычисления или вызывает API.
debounce и throttle два метода, которые могут замедлить работу этих обработчиков событий, ограничивая вызовы функций. В этой статье мы узнаем, как устранять и блокировать debounce и throttle в приложении Vue.

https://shly.link/uRKsE

Мои кошмары, связанные с Angular

Angular — это хорошо известный интерфейсный фреймворк на основе TypeScript, используемый для создания масштабируемых одностраничных приложений. Хотя новые фреймворки, такие как React, взяли на себя разработку внешнего интерфейса, Angular по-прежнему остается одним из лучших фреймворков для запуска нового веб-проекта.

Я работаю с Angular в течение значительного периода времени, и у него есть отличные функции с постоянными обновлениями. Однако Angular — это не серебряная пуля. У него есть некоторые существенные недостатки и проблемы, которые приносят разработчикам ночные кошмары.

Лично я тоже столкнулся с некоторыми из этих кошмаров при использовании Angular. Как мы все знаем, жуткий сезон не заканчивается с Хэллоуином, поэтому я думаю, что это хорошее время, чтобы поделиться им с вами. Итак, в этой статье я поделюсь своими кошмарами с Angular, от которых у меня мурашки по коже.

https://shly.link/F1m8o

Angular v15 теперь доступен!


За последний год мы удалили устаревший компилятор Angular и конвейер рендеринга, что позволило разработать ряд улучшений для разработчиков за последние пару месяцев. Angular v15 является кульминацией этого с десятками усовершенствований, которые обеспечивают лучший опыт разработчиков и производительность.

https://shly.link/PycbX