Как выучить стек MERN

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

Стек MERN является одним из наиболее часто используемых наборов технологий в арсенале разработчика программного обеспечения. Итак, давайте погрузимся в то, как начать изучать все части.

Что такое технологический стек?

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

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

Что такое MERN?

MERN-это стек с открытым исходным кодом, который помогает разработчикам создавать динамические веб-сайты и приложения. Он использует JavaScript через все различные технологии. И каждая буква в аббревиатуре обозначает другую технологию:

• MongoDB– Это база данных в бэк-энде. Он хранит данные, которые понадобятся программисту. Уникально, MongoDB хранит свои записи как документы, а не как таблицу (обычно так работает база данных). Это означает, что он может хранить данные разных видов в одном месте.
• Express.js – Это веб-фреймворк. Это дает вам все инструменты, необходимые для размещения веб-сайта и автоматизации задач. Он строится поверх Node.js.
• React– Это библиотека JavaScript: список общих функций, которые вам понадобятся. Он используется для легкого создания пользовательских интерфейсов и других компонентов, все в JavaScript.
• Node.js – Это поможет вам быстро создавать JavaScript-приложения. Он запускает JavaScript на вашем компьютере, не проходя через браузер, чтобы вы могли создавать свои приложения.

Вам нужно изучить JavaScript

Все эти компоненты работают на JavaScript. Итак, чтобы выучить стек MERN, это язык, который вам нужно использовать.

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

Возможно, вы слышали о MEAN stack

Существуют и другие стеки, которые выполняют аналогичные функции. Средний стек является одним из них. Будьте осторожны, чтобы не путать два. Основное отличие заключается в том, что MEAN использует Angular вместо React в качестве своей библиотеки, что означает, что код, написанный с использованием одного, не будет работать с другим.

Шаг первый: изучите JavaScript

Использование всех этих инструментов требует знания JavaScript. Так что вам сначала нужно это узнать. Существует множество ресурсов-от чтения ключевых книг до использования онлайн-учебников.

Мы рекомендуем начать с них:

• Learn JavaScript – Полный курс для начинающих – Это три с половиной часа видео проведет вас через все, что вам нужно знать, чтобы изучить основы JavaScript. Обязательно откройте описание, чтобы перейти к нужному разделу.
• Codecademy – Есть куча различных курсов по Codecademy, которые могут помочь вам начать работу. Вам нужно будет купить членство для уроков pro, но есть еще много бесплатных материалов.
• JavaScript and jQuery by Jon Duckett – Эта книга проведет вас через изучение JavaScript без каких-либо предварительных знаний и даст вам множество практических упражнений для практики.

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

Шаг второй: Ознакомьтесь с инструментами

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

• Руководства MongoDB – официальные руководства расскажут вам, как настроить новую базу данных, разместить ее в облаке и перенести любые данные.
• Express.js – Вам понадобится это руководство для установки, настройки и запуска вашей первой программы. Если вам нужна более подробная информация, на сайте также есть дополнительные руководства.
• React – Есть учебные пособия и игровые площадки, в которые вы можете перейти, чтобы попробовать библиотеки. Вы можете либо учиться, либо пройти через их пошаговое руководство.
• Node.js – Приведенные здесь руководства проведут вас через настройку и основные концепции.

Шаг третий: начните простой проект

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

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