Pull to refresh
0
@mkozyrevichread⁠-⁠only

User

Send message

Micro Frontend Архитектура на примере Angular

Reading time13 min
Views18K
В наше цифровое время веб-приложения становятся все более масштабней и сложней. Такие веб-приложения могут быть разделены на несколько модулей, разработанных отдельными командами, которые удобно запускать в производство по отдельности.

По мере того, как приложения со временем усложняются, требуя масштабируемости «на лету» и высокой скорости реагирования, архитектура микро-фронтенд, основанная на компонентах Angular, становится все более эффективным решением для сложных веб-приложений.

Микро-фронтенд — это архитектура, которая рассматривает веб-приложение как набор приложений, разрабатываемых отдельными командами. Каждая команда специализируется на определенной области бизнеса или цели. Такая кросс-функциональная команда создает функциональность сверху донизу, от сервера до пользовательского интерфейса.

Плюсы микро-фронтенд архитектуры


  • Автоматизация CI /CD. Поскольку каждое приложение интегрируется и развертывается независимо, это упрощает CI/CD. Так как все модули разделены, то не нужно беспокоиться обо всем приложении при внедрении нового модуля. Если в коде модуля есть ошибка, CI/CD прервет весь процесс сборки.
    Гибкость команд разработчиков. Многочисленные команды могут разрабатывать и развивать информационные системы, работая по отдельности.
  • Единая ответственность. Каждая команда микро-фронтеда на 100% фокусируется на функциональности своего микро-фронтенд приложения.
  • Возможность повторного использования. Микро-фронтенд приложение может быть повторно использовано несколькими командами в разных системах.
  • Технологический агностицизм. Архитектура микро-фронтенд не зависит от технологии. Возможно использовать компоненты, разработанные на разных фреймворков веб-разработки (React, Vue, Angular и т.д.).
  • Простой порог входа в систему. Небольшие модули легче изучать и понимать новым разработчикам, входящим в команды, чем монолитную архитектуру с огромной структурой кода.

Читать дальше →
Total votes 10: ↑10 and ↓0+10
Comments7

Алгоритмы компрессии данных: принципы и эффективность

Level of difficultyMedium
Reading time12 min
Views19K


Автор статьи: Артем Михайлов

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

Компрессия данных — это процесс сокращения объема данных без потерь или с минимальной потерей информации. Путем применения алгоритмов и методов компрессии, мы можем существенно уменьшить размер данных, сохраняя при этом их суть и основные характеристики. Это может быть полезно во множестве ситуаций, начиная от экономии места на хранилище и ускорения передачи данных до минимизации затрат на интернет-трафик и повышения производительности систем обработки и анализа информации.
Читать дальше →
Total votes 20: ↑16 and ↓4+18
Comments2

История мобильных ОС: от программируемых калькуляторов до PalmOS

Reading time7 min
Views23K
Чтобы начать рассказ о зарождении мобильных операционных систем, вначале следует разобраться, для каких устройств они предназначались, и какие функции должны были выполнять.
Читать дальше →
Total votes 21: ↑19 and ↓2+17
Comments21

IBM Simon — первый в мире смартфон. Что внутри?

Reading time4 min
Views93K

Предисловие


Как-то мне попался в руки некий занимательный аппарат — мобильный телефон IBM Simon. Занимателен он тем, что является первым в мире смартфоном. То есть, функции телефона сочетают в себе PDA, touch screen и возможность установки сторонних приложений.
После изучения старых архивов мне этот аппарат показался достаточно интересным. Как обычно, в этих старых статьях очень поверхностно было расписано внутреннее устройство, поэтому сняв небольшой слой пыли со своего комплекта отвёрток, которые я использовал для ремонта портативной электроники, я взялся за более детальное изучение этого динозавра изнутри.
Результат мне показался интересным, поэтому я решил поделиться этим с Хабрасообществом дабы не скрывать эти маленькие открытия в своём скромном гараже.

Прошу знакомиться: старичок IBM Simon гордо возлегает на камне в компании с молодым мохом:
IBM Simon

Копнуть глубже в историю
Total votes 125: ↑120 and ↓5+115
Comments52

Взлет и падение карманных ПК

Reading time17 min
Views52K
В начале 2000-х годов пределом мечтаний для многих был карманный персональный компьютер — сокращенно КПК. Мимо меня это веяние тоже не прошло. Я долго присматривался и выбирал между Windows Mobile и Palm OS, но все казалось слишком дорогим. Наконец в 2004 году я раскошелился и купил свой первый КПК на базе Palm OS — Zire 31. Тогда он стоил что-то в районе 150 долларов. Работал довольно шустро, имел цветной экран, но надо признать, довольно посредственный. У друга была Sony SJ30, с намного более приятной картинкой. А еще разряжалась моя Зирка (как я ее называл) ужас как быстро. Но в целом, КПК был кайфовым.

Не прошло и пары лет, как Зирка благополучно навернулась. Уже не помню причину, но я тупо убрал ее в шкаф и продолжил пользоваться мобильным телефоном. Недавно я полез перебирать вещи в шкафу и наткнулся на этого зверя. Признаюсь честно, справиться с потоком ностальгии я не смог. Дошло до того, что я решил разобраться с историей КПК и поделиться этим на Хабре — получилась вот такая статья. Осторожно, следующая информация может вызвать слезы по безвозвратно ушедшим временам.


Приятного чтения!
Total votes 73: ↑72 and ↓1+91
Comments150

История карманных компьютеров в лицах. Часть 1

Reading time4 min
Views54K
Моя первая статья на Хабрахабре была посвящена истории мобильных операционных систем. Этот пост является своеобразным фото – дополнением к ней.
Предупреждение: много картинок.
Читать дальше →
Total votes 33: ↑31 and ↓2+29
Comments26

Часть 1. Управление знаниями в Obsidian. Обработка информации. Рабочий процесс. Источники информации. Работа с заметками

Level of difficultyHard
Reading time40 min
Views226K

Этот текст открывает цикл статей по рассмотрению проблемы управления знаниями в Obsidian. Эта часть почти не будет содержать практических советов о работе с заметками конкретно в Obsidian. Однако в ней будут раскрыты несколько более важные проблемы обработки различных источников информации. Несмотря на последовательное перетекание статьи из одной главы в другую, вы можете попробовать каждый пункт рассматривать как идею, как хак или как возможность внедрить в свою жизнь и рабочий процесс что-то новое.

Начнём долгий путь
Total votes 34: ↑31 and ↓3+37
Comments77

Как устроен формат JPEG

Reading time13 min
Views103K

Изображения формата JPEG встречаются повсюду в нашей цифровой жизни, но за этим покровом осведомлённости скрываются алгоритмы, устраняющие детали, не воспринимаемые человеческим глазом. В итоге получается высочайшее визуальное качество при наименьшем размере файла – но как конкретно всё это работает? Давайте посмотрим, чего именно не видят наши глаза!




Легко принять, как само собой разумеющееся, возможность отправить фотку другу, и не волноваться по поводу того, какое устройство, браузер или операционную систему он использует – однако так было не всегда. К началу 1980-х компьютеры умели хранить и показывать цифровые изображения, однако по поводу наилучшего способа для этого существовало множество конкурирующих идей. Нельзя было просто отправить изображение с одного компьютера на другой и надеяться, что всё заработает.
Читать дальше →
Total votes 107: ↑102 and ↓5+97
Comments28

Firefox представил новую архитектуру безопасности браузера с изоляцией сайтов

Reading time6 min
Views9.7K

Firefox, как и любой другой браузер, может загружать код с ненадёжных и потенциально опасных сайтов, а потом запускать его на компьютере. Чтобы защитить пользователей и вывести безопасность работы в интернете на новый уровень, команда Mozilla решила переработать свой браузер.

Читать далее
Total votes 18: ↑17 and ↓1+17
Comments38

Важные аспекты работы браузера для разработчиков. Часть 1

Reading time9 min
Views86K

Автор: Антон Реймер

Статья основана на вебинаре, который я проводил некоторое время назад. Рассчитана она, в первую очередь на тех, кто не знает, как работают браузеры, или тех, у кого есть пробелы в знаниях. Вероятно, здесь будет много очевидного для тех кто не первый день в веб-разработке. Статью я решил разделить на две части. В первой рассмотрим общие принципы работы браузера. Во второй части я акцентирую внимание на некоторых важных моментах: reflow и repaint, event loop.

Что такое браузер?


Браузер — программа, работающая в операционной системе. Большинство браузеров написано на языке C++. Основное предназначение браузера — воспроизводить контент с веб-ресурсов. В качестве веб-ресурса в большинстве случаев выступает html-страница. Это также может быть pdf-файл, png, jpeg, xml-файлы и другие типы. Среди огромного количества браузеров можно выделить самые популярные: Chrome, Safari, Firefox, Opera и Internet Explorer. Мы рассмотрим браузеры с открытым исходным кодом: Chrome, Firefox, Safari.

Из чего состоит и как работает браузер?



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

Пользовательский интерфейс — то, что видит перед собой пользователь, т. е. адресная строка, элементы навигации, собственное меню и т. д. Несмотря на то что пользовательские интерфейсы очень похожи друг на друга, никакого стандарта, который их описывал бы, не существует. Так исторически сложилось, что браузеры постепенно перенимали интерфейс друг у друга и становились все более похожими.
Читать дальше →
Total votes 32: ↑27 and ↓5+22
Comments30

Устройство современного веб-браузера Chrome (часть 1/4)

Reading time8 min
Views35K

Оригинальное название публикации: "Inside look at modern web browser".


В этой серии, состоящей из 4 частей, мы рассмотрим внутренности браузера Chrome от архитектуры высокого уровня до особенностей пайплайна рендеринга. Если вы когда-нибудь задумывались над тем, как браузер превращает ваш код в функциональный сайт, или не знаете, почему для повышения производительности предлагается та или иная методика, то эта серия статей для вас.


Читать дальше →
Total votes 13: ↑13 and ↓0+13
Comments12

[В закладки] Как работает браузер

Reading time17 min
Views32K

К старту курса по Fullstack-разработке на Python делимся лонгридом от ведущего программиста компании THG. Специалистам материал будет полезен в подготовке к собеседованиям, а новичкам поможет получить целостное представление о том, что происходит у браузера под капотом.

Читать далее
Total votes 16: ↑12 and ↓4+9
Comments1

Как работает веб-браузер (с картинками)

Level of difficultyEasy
Reading time6 min
Views35K

Браузеры стали частью нашей повседневной жизни. Но задумывались ли вы когда-нибудь о том, как они на самом деле работают?

Эта статья приоткроет завесу магии, скрывающуюся за кулисами веб-браузеров.

Давайте начнем!

Читать далее
Total votes 25: ↑22 and ↓3+24
Comments9

Ликбез по браузерам для Windows в 2020

Reading time6 min
Views85K


Доброго времени суток, Хабр! В очередной раз читая комментарии, наткнулся на мысль о том, что далеко не все понимают, как обстоит ситуация с браузерами для Windows на данный момент. От чего хотелось бы провести небольшой обзор текущего положения. Ну, и сразу к делу!

Читать дальше →
Total votes 48: ↑44 and ↓4+56
Comments52

Как работают браузеры. Часть 1: навигация и получение данных

Reading time7 min
Views33K

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

Если максимально упростить, то всё происходит так: когда мы запрашиваем страницу определённого сайта, браузер извлекает необходимый контент с сервера, а затем отображает страницу на устройстве. Довольно просто, да? Да, но в этом, казалось бы, очень простом процессе гораздо больше составляющих. 

В этом цикле статей мы поговорим о навигации, получении данных, синтаксическом анализе и визуализации. Надеемся, что эти процессы станут для вас понятнее.

Сегодня — навигация и получение данных.

Статья предназначена для начинающих разработчиков и интересующихся разработкой. Здесь нет глубоких технических деталей.

Читать далее
Total votes 11: ↑9 and ↓2+9
Comments6

Ранняя история UNIX

Reading time7 min
Views26K
Это перевод фрагмента из статьи, который, на мой взгляд, уместно вынести в отдельный пост. Основная статья: habrahabr.ru/post/193798

Проект МАС (Multiple Access Computer, Machine-Aided Cognition, Man and Computer) начался как чисто исследовательский в MIT в 1963 году. Потом он разросся в лабораторию компьютерных наук (LCS), а в наши дни назыается Лаборатория компьютерных наук и искусственного интеллекта

В начале 60-х был всплеск интереса к системам с разделением времени. Джон МакКарти написал заметку под заглавием “Программа для оператора с разделением времени для проекта IBM 709” в 1959 году. Корбато, Мервин-Даггет и Далей в 1962 году написали в статье, что “мы на пороге третьего глобального изменения к подходу использования компьюьтеров, из-за разделения времени”. Сначала это рассматривали как способ поднять эффективность использования компьютера, но очень быстро пришли к идее многопользовательской системы. Деннис Ритчи потом скажет, что самый медленный этап в цикле “написать-скомпилировать-выполнить-отладить” стал определяться человеком, а не машиной.

image

В рамках проекта МАС получился значительный вклад в системы с разделяемым временем, включая разработку операционной системы (тогда таких слов не было, но давайте так говорить для определенности — прим. перев.) CTSS (Compatible Time-Sharing System). Во второй половине 60-х было создано несколько других систем с разделением времени, например BBN, DTSS, JOSS, SDC, и пр. Но все это не имеет отношения к этой статье. А вот Multiplexed Information and Computing Service (MULTICS) — имеет.
Читать дальше →
Total votes 54: ↑49 and ↓5+44
Comments4

История «Dark Mode»: как «баг» стал «фичей»

Reading time15 min
Views12K

«Темная тема», «темный режим», «ночной режим», «дарк мод» — опция, которая сейчас есть практически в каждой операционной системе, приложении, браузере, сайте. Она окрашивает фоновые элементы графического интерфейса в темный цвет, а текст — в белый.

Многие текстовые редакторы и интегрированные среды разработки (IDE) предлагают темную тему по умолчанию. Например, популярный в веб-разработке (и не только) Sublime Text.

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

Тем не менее отображение информации белым по темному существует очень давно — еще до появления технологии ЭЛТ, на смену которой впоследствии пришли ЖК и OLED.

Читать далее
Total votes 17: ↑16 and ↓1+17
Comments17

Развитие баз данных

Level of difficultyEasy
Reading time7 min
Views7.8K

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

Данная статья захватывает ключевые моменты в развитии систем управления базами данных, от первых иерархических моделей до современных реляционных, NoSQL и NewSQL систем.

Читать далее
Total votes 9: ↑6 and ↓3+6
Comments10

Information

Rating
Does not participate
Registered
Activity