Динамические заголовки страницы в Angular

Angular — это MVC-фреймворк для создания одностраничных приложений в Javascript. В этой статье мы узнаем, как установить заголовок браузера (страницы/документа) для всего приложения и как изменить заголовок браузера при перемещении по приложению. Пример проекта Пример проекта для демонстрации этой функции. Вы можете скопировать этот проект и запустить его на своем компьютере. git ПОДРОБНЕЕ

Введение в Web Share API

С каждым днем новые технологии сокращают разрыв между вебом и нативными приложениями. Один из таких примеров  —  прогрессивные веб-приложения, которые добавили в Интернет множество функций, подобных нативным мобильным, например, push-уведомления. В этой статье обсудим API, позволяющий веб-приложению использовать то же диалоговое окно, что и в нативных приложениях, для обмена контентом. ПОДРОБНЕЕ

Веселимся с Angular и трансформаторами в TypeScript

Вам знакома проблема обработки подписок на RxJs вручную? Помните, как забыли одну? Или однажды подумали, что использование AsyncPipe в шаблоне будет безопасно, но через некоторое время требования изменились и пришло осознание, что нужен вызов subscribe в классах компонентов? Возможно, это признак плохого дизайна некоторых компонентов, но давайте будем честными: иногда ПОДРОБНЕЕ

Введение в создание веб-компонентов

Приложения становятся все сложнее, и нам нужен способ разделять код на управляемые фрагменты. Веб-компоненты подойдут для создания компонентов, которые можно неоднократно использовать. Веб-компоненты также изолированы от других участков кода, следовательно, их сложно изменить из других разделов и создать конфликтующий код. В этой статье мы рассмотрим разные части веб-компонентов и способы ПОДРОБНЕЕ

Шаблон Медиатор в JavaScript

Поскольку медиатор изменяет поведение программы и отвечает за координацию взаимодействий, он считается поведенческим шаблоном. По мере роста приложения возрастает и потребность в медиаторе из-за наличия нескольких объектов, напрямую взаимодействующих друг с другом. Допустим, вы создали набор классов или функций для RPG-игры, которые не используют шаблон медиатор. Рассмотрим пример того, как ПОДРОБНЕЕ

Основы JavaScript: управление DOM элементами (часть 2)

Часть 1, Часть 2 Получаем доступ к DOM элементам В данном разделе мы посмотрим на методы, которые помогут получить доступ к DOM элементам: getElementById(), getElementsByClassName(), getElementsByTagName(), querySelector() и querySelectorAll(). Мы будем работать с HTML-файлом, который состоит из разных элементов. Таким образом, у нас есть возможность применить на практике каждый метод. HTML ПОДРОБНЕЕ

Экспорт данных в Excel с React

В React есть два способа реализации функции экспорта: с помощью любой сторонней библиотеки или с помощью создания компонента. Рассмотрим оба способа ниже. Пример проекта Возьмем простое приложение с данными в таблице и кнопкой экспорта в правом верхнем углу. При нажатии на кнопку данные из таблицы загружаются в таблицу Excel. Пример ПОДРОБНЕЕ

Платформы Angular в деталях. Часть 2. Процесс начальной загрузки приложения

Часть 1, Часть 2 Фреймворк Angular был задуман платформенно-независимым. Такой подход позволяет запускать Angular-приложения в разных средах: в браузере, сервере, веб-воркере и даже на мобильных устройствах. В данной серии статей я опишу, как это вообще возможно — запускать Angular-приложения в разных средах. Мы также научимся создавать пользовательскую платформу Angular, с помощью которой ПОДРОБНЕЕ

Как не лажать с JavaScript. Часть 2

Часть 1, Часть 2 Значение рефакторинга Photo by Jason Leung on Unsplash Рефакторинг — это контролируемый процесс улучшения кода без написания новой функциональности. При правильном применении рефакторинг может стать мощным оружием против монстра под названием “технический долг”. Без постоянного рефакторинга технический долг будет накапливаться, что, в свою очередь, приведет к низкой производительности и ПОДРОБНЕЕ

3 вида циклов for в JavaScript

Каждый знает хотя бы один вид цикла for. Это классика, и они есть почти в каждом языке. В JavaScript есть три вида циклов (или 4, если быть точным): Классический цикл for Пара for…of и for…in И модный, функциональный .forEach Далее я расскажу, чем именно они отличаются друг от друга, а также ПОДРОБНЕЕ