КАК СТАТЬ РАЗРАБОТЧИКОМ ПОЛНОГО СТЕКА, ИСПОЛЬЗУЯ [M.E.A.N]

Если вы новичок в веб-разработке и вам интересно, вы наверняка слышали о стеке MEAN. Акроним для MEAN — Mongo, Express, Angular и NodeJS. Поскольку Express — это библиотека NodeJS для создания серверов, я действительно не понимаю, почему Express и NodeJS изображаются как два отдельных объекта, хотя на самом деле это одно и то же. Почти как сказать Angular и JavaScript. Поэтому мы ограничены использованием только Mongo, Express (NodeJS) и Angular. Давайте поговорим о том, как каждый из них способствует развитию полного стека.

Чтобы создать систему, вам нужен пользовательский интерфейс для взаимодействия пользователей с набором данных. Чтобы взаимодействовать с этими данными, пользователи должны использовать интерфейс для взаимодействия с данными, как если бы свободный доступ к базе данных пользователей сеял хаос. Интерфейс между пользовательским интерфейсом и данными в базе данных — это то, что называется API (интерфейс прикладного программирования). Итак, Angular — это то, что используется для создания пользовательского интерфейса. Angular отображает данные для пользователя в организованном порядке, и пользователи могут затем взаимодействовать с данными, нажимая кнопки, вводя поля и нажимая на элементы. API создан с использованием NodeJS (Express framework), API получает запросы через конечные точки, такие как /users/getusers или /profile/update, и запускает пользовательские сценарии для получения данных, обновления данных или удаления данных из базы данных. API — это то, что также называют сервером, поскольку его роль заключается в том, чтобы отвечать на запросы и в основном предоставлять данные клиентам. Сервер — это и аппаратное, и программное обеспечение, работающее на хост-компьютере. Наконец, база данных MongoDB — это база данных без схемы, которая набирает большую популярность. Вы по-прежнему можете использовать MySQL вместо MongoDB, если это то, к чему вы привыкли, или любую другую БД в этом отношении.

В целом стек MEAN представляет собой просто набор настроек для создания приложений с полным стеком. Вы можете использовать MySQL, Cassandra, PostgreSQL, SQLite или MS SQL вместо Mongo, вы можете использовать Ember, Flask, Django, Falcon, C# WebAPI, Spring или PHP вместо Express(NodeJS), а также можете использовать ReactJS, Vue, Полимерный или ионный вместо углового. Стек MEAN — это просто комбинация самых популярных фреймворков и технологий.

ДАВАЙ НАЧНЕМ.

Мы начнем с изучения внешнего интерфейса, построенного на Angular, чтобы все заработало. во-первых, мы должны установить @angular/cli, чтобы поэкспериментировать с angular, а angular/cli устанавливается через npm, который поставляется в комплекте с node. Чтобы загрузить NodeJS, перейдите на https://nodejs.org и загрузите последнюю стабильную версию NodeJS. После установки NodeJS вам придется перезапустить все открытые терминалы (cmd), чтобы они могли выбрать node в качестве переменной среды, указывающей на вашу установку NodeJS. NodeJS содержит среду repl. Среда REPL (read eval print loop) считывает вводимые пользователем данные (выражения в JS), оценивает их и возвращает результаты пользователю через терминал. REPL запускается, когда вы вводите node на своем терминале.

ЗДЕСЬ МЫ НАЧНЕМ УСТАНОВКУ ПО ОДНОМУ.

  1. Сначала мы установим (ANGULAR CLI).

Установка интерфейса командной строки Angular.

Чтобы установить @angular/cli, вам потребуется использовать npm (Управление пакетами узловr), который поставляется вместе с NodeJS при установке.

npm install -g @angular/cli

При установке пакетов с помощью команды npm install использование флага -g устанавливает пакет глобально. Когда ваш пакет установлен глобально, он доступен в компьютерной среде, аналогичной NodeJS. Для Angular интерфейс командной строки доступен с помощью ng.

ng --help

Когда вы введете следующую команду после установки Angular CLI, вы увидите длинный список команд, которые вы можете использовать для настройки своего приложения Angular. Чаще всего вы будете использовать ng new, ng build, ng generate и ng serve. Чтобы создать новое приложение Angular, используйте следующую команду.

ng new MyApp

Это создаст новое приложение Angular с именем MyApp и установит модули, необходимые для запуска базового приложения Angular, в папке node_modules. Чтобы уменьшить избыточность, я позволю вам изучить Angular из предыдущего урока, который я ранее сделал, если хотите. Вы можете пропустить этот раздел, так как базовое приложение Angular также будет работать, вам не нужно его менять.