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

В начале проекта мы стоим перед выбором:

  • Какую технологию мы должны использовать?
  • Какие именно инструменты мы будем использовать?
  • В чем разница между этими разными технологиями и инструментами

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

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

возьмем здесь некоторую точку:

  1. Кривая обучения
  2. Интеграция
  3. Вакансии
  4. Типы приложений

Прежде всего, мы кратко представим эти три технологии:

Угловой

Angular был разработан Google, а первый релиз состоялся в 2010 году, Angular — это фреймворк, основанный на машинописном тексте. При его создании то, что мы знаем как angular, сначала называлось AngularJs, и только в 2016 году будет произведен переход с AngularJs 1.X на Angular 2.0, затем, с этого года, у нас была некоторая версия фреймворка, и сегодня, во время этого публикация Текущая версия angular — Angular 7.0.

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

Реакция

React был разработан Facebook и его первый релиз состоялся в 2013 году, React основан на языке javascript (React — это javascript).

В отличие от Angular React — библиотеки, которую мы используем для создания компонентов пользовательского интерфейса, React мощен, но сам по себе он не может делать много вещей. Чтобы полностью использовать реакцию, вы должны добавить несколько других библиотек, таких как React-router-dom, для управления маршрутом и навигацией в приложение, библиотека для http-запросов, таких как axios (или используйте выборку), библиотека проверки формы.

React использует JSX (JavaScript XML.), который является расширением синтаксиса для javascript, который поставляется с полной мощью ES6, он выглядит как HTML-страница, но это не HTML.

Вью

Vue, также известный как Vuejs, был разработан Эваном Ю, бывшим сотрудником Google. Первая версия Vue была выпущена в 2014 году, что делает ее самой молодой из трех.

Vue as Angular — это полноценный фреймворк, который имеет несколько основных функций.

После этой презентации давайте перейдем к различиям:

1. Кривая обучения

Угловой:

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

из всех трех технологий Angular кажется самой сложной для изучения.

Angular использует Html для шаблонов, css для стиля, так что вам не нужно больше ничего изучать.

Помимо понимания машинописного текста, который хорошо знаком с Javascript, Angular немного сложно понять.

Реакция:

React использует JSX, хотя можно кодировать, используя только javascript. потому что его синтаксис очень прост в освоении (React - это javascript), поэтому все, что вы увидите внутри, будет javacript, и вы будете использовать javascript, поэтому для тех, кто уже освоил javascript, реакция должна быть хорошим выбором для них.

React использует JSX для создания своих компонентов, научиться этому несложно, но вы должны потратить некоторое время, чтобы чувствовать себя комфортно.

Вью:

Vue, как и React, также использует Javascirpt и Html, css для создания своих компонентов, что делает Vue одним из трех, на мой взгляд, самым простым для понимания.

2. Интеграция

Угловой:

Angular немного сложнее, чем два других, для интеграции. если у вас уже есть проект Html и css, и вы хотите добавить Angular, вам нужно будет выполнить много настроек (вам нужно будет создать и проект Angular, а затем попытаться объединить с ним свой проект).

Реагировать и Vue

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

3. Вакансии

Перейдите по этой ссылке, чтобы увидеть таблицу различных вакансий: Вакансии

4. Типы приложений

Angular: с помощью angular вы можете создавать несколько типов приложений: веб-приложение, мобильные приложения, гибридные приложения.

React: вы можете создавать продвинутые веб-приложения и мобильные приложения, используя React-native.

Vue: вы также можете создавать расширенные веб-приложения, а также использовать их для мобильных приложений с помощью Ionic или Nativescript.

Ну наконец то

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

Опять же, эти инструменты используются для создания SPA, сложных веб-приложений и мобильных приложений, поэтому, если вам просто нужно создать простую страницу без необходимости управлять различными состояниями приложения, их использование было бы бесполезным.

Если вы хотите создать очень простую страницу, вы можете использовать простой javascript или Jquery с Html и css, но если вам нужно пойти дальше, вы можете использовать эти инструменты для внешнего интерфейса, которые просто потрясающие.