Всем разработчикам Front-end Vanilla JS! Приходили ли вы в какой-то момент своей жизни к двум перекресткам: сделать выбор: начать внутреннюю разработку и продвигаться вперед, чтобы стать полнофункциональным веб-разработчиком, или специализироваться на самом Front-end домене и пойти на очень популярный библиотеки вроде React, Angular или Vue? Тогда этот блог может дать вам некоторую информацию и помочь вам выбрать, как действовать дальше!

Однажды мне довелось столкнуться с такой же ситуацией, поскольку изоляция дала мне много времени для изучения поля. Скорость, с которой JavaScript захватывает ИТ-индустрию, у меня не было планов бросить курить, просто изучив VanillaJS. Единственное, о чем мне было ясно, - это продолжать работать с языком, пока я не стану достойным называть себя продвинутым веб-разработчиком. Я был вынужден подумать: если бы я выбрал одну область на данный момент, какая из двух помогала бы мне расти лучше, уделяла больше внимания вакансиям и способствовала увеличению моего резюме?

Короткий и приятный выбор, чтобы устранить путаницу

Сделано с использованием HTML, CSS, Javascript. Что дальше?

Что вас восхищает?

  1. Магия дисплея с красивым, интеллектуальным и чистым интерфейсом:

Углубитесь в разработку фронтенда. Сосредоточьтесь на более продвинутой части HTML, CSS, JS, включая CSS Flexbox, анимацию, рендеринг данных HTML, переходы и весь визуальный интеллект веб-сайта. Начните выяснять, какая из популярных расширенных библиотек вам удобна.

2. Алгоритмы, рабочие процессы, построение логики и то, что происходит за кулисами:

Хорошо. Тогда это серверный домен для вас. Вы должны на время сделать перерыв в проектировании и перейти к некоторым навыкам программирования, таким как PHP, Ruby, Python или Node. Начните работать над тем, чтобы стать полнофункциональным веб-разработчиком, разрабатывая надежные комплексные платформы с использованием этих технологий.

Честно говоря, в ближайшее время бэкенд не был в моем списке дел. Это напоминает мне о другом восприятии, которым я хотел бы поделиться. Меня иногда спрашивают: как вы думаете, лучше начать с внешнего интерфейса, чем с внутреннего? Что ж, жестких правил не существует. Это полностью зависит от того, что плавает ваша лодка. Важно то, что вы должны любить то, что изучаете. Я был знаком с HTML еще в школе, и, будучи только новичком в программировании в течение первого года обучения, я чувствовал себя более уверенно, начиная с чего-то, о чем я, по крайней мере, знал.

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

Позвольте мне сказать вам, что, без сомнения, HTML, CSS могут быть довольно простыми для изучения или понимания, но поверьте мне, разработка веб-страницы с нуля требует выносливости. В большинстве случаев это может быть утомительно. Несколько лет назад у людей не было 2–3 вариантов выбора конкретной CSS-структуры. Но сегодня быстрый поиск по запросу «CSS frameworks» дает вам около 100 различных вариантов.

Расширение фреймворков, библиотек и другого жаргона в мире JS день ото дня настолько расширяется, что может быть непросто решить, с каким из них двигаться дальше. Я не скажу, какой из них подойдет вам лучше, а также о плюсах и минусах каждого из них. Я уверен, что в Интернете достаточно источников, чтобы помочь вам получить лучшее представление. Но да, я намерен пролить свет на выбор, касающийся зоны веб-разработки, и моего взгляда на нее.

Личная точка зрения - Почему React оказался моим любимым местом

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

До того, как он был создан в 2011 году Facebook, разработчики создавали пользовательские интерфейсы вручную с помощью Vanilla JS или предшественников, менее ориентированных на пользовательский интерфейс, таких как jQuery. Это означало большую продолжительность кодирования и, конечно же, огромные шансы на появление кода, подверженного ошибкам. Основная цель заключалась в улучшении разработки пользовательского интерфейса.

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

  1. Некоторые JS-фреймворки улучшают HTML, чтобы он работал с данными, от которых он зависит, но в нашем случае мы полагаемся на возможности JavaScript для генерации HTML, который зависит от некоторых данных.
  2. Это просто JavaScript с небольшим API, который нужно освоить, а также научиться использовать несколько функций. Если вы уверены в своих навыках JS, вы быстро поймете, как он работает.
  3. Поскольку веб-браузеры понимают JavaScript, мы можем использовать эту библиотеку для описания пользовательских веб-интерфейсов. будучи декларативным, он строит фактические пользовательские интерфейсы так, как мы хотим, от нашего имени. Без таких библиотек нам действительно нужно вручную создавать пользовательские интерфейсы с помощью собственных веб-API и JavaScript. В основном, сообщив ему что, он заботится о том, как, что нам нужно. выход.
  4. Идея разделения всей структуры веб-сайта на повторно используемые, компонуемые и отслеживающие состояние компоненты и создание их по отдельности делает его уникальным. Весь процесс разработки становится более плавным, поскольку усилия по переработке часто меняющихся кодов сокращают массу как минимум на 50%.
  5. Концепция использования состояний и свойств упрощает задачу сохранения различных изменений в разных местах и ​​передачи пользовательских данных. к конкретному компоненту соответственно.

Вот несколько замечательных ссылок, которые помогут вам начать работу и полюбить библиотеку!

  1. Как научиться React - путь от новичка до продвинутого
  2. Ускоренный курс Traversy Media
  3. Проекты для начинающих

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

Для всех, кто хочет открыть новые горизонты в Back-end

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

Что-то для знакомства со средой выполнения:

  1. Настройка среды разработки
  2. Учебное пособие по NodeJS: пошаговое руководство для начала работы
  3. Создание вашего первого приложения с помощью NodeJS

Одновременное обучение React и Node?

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

Вот пара статей, которые могут пригодиться, пока вы ломаете себе голову!

1. Как заставить приложение create-react-app работать с Back-end API

2. Соединение интерфейса ReactJS с серверной частью NodeJS

3. 5 причин использовать Nodejs с React для веб-разработки

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

Заключение

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

Короче говоря, за тем, как растет экосистема JavaScript, будущее, так что держитесь и продолжайте развиваться.

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

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

Мы все уже знакомы с концепцией «быть мастером на все и ничего не хозяином», не так ли?

Мнение: не заставляйте себя изучать язык только потому, что вы думаете, что это «круто» знать. Попробуйте только в том случае, если вы заинтересованы в создании чего-то, что предполагает его использование, или если вы думаете, что это может помочь вам в будущем. Без сомнения, интересно интересоваться новыми технологиями и инструментами и знакомиться с ними, но если вы думаете, что это отнимает у вас слишком много времени и ни к чему не приведет, остановитесь прямо сейчас.

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

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