Все об удаленном обучении - рейтинги, обзоры, интервью со студентами, помощь в выборе

Почему веб-разработка?

Веб разработка

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

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

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

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

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

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

Интернет огромен — начните с малого и оставьте его маленьким

Вероятно, вы видели большое количество фреймворков и библиотек JavaScript, таких как React, Angular, Vue, Ember, jQuery, XYZ и т. Д.

Вот некоторые очень частые вопросы, которые я задаю как YouTube, публикующий контент для веб-разработки:

Стоит ли изучать X?

X лучше, чем Y?

Каков объем Z?

Всегда помните две вещи о технологиях, особенно о сети:

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

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

Начните с HTML и CSS

Больно видеть, как множество людей задают вопросы о своих проектах React, когда ответ лежит в базовом HTML или CSS.

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

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

Анимации? Их есть у меня. Перетаскивание? HTML может легко справиться с этим. Макеты? Ознакомьтесь с API Flexbox или Grid CSS!

Вы можете многое узнать о HTML и CSS! Не торопитесь с JavaScript, потому что все классные ребята уже знакомы с Angular. Эти библиотеки и фреймворки никуда от вас не убегут. Не торопитесь .

Широко или глубоко?

Когда вы изучаете веб-разработку, есть два подхода: шире или углубляйтесь.

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

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

Так в чем же выход? Как ни странно, ответ — ни того, ни другого. Выберите небольшой технический стек, такой как HTML / CSS / JavaScript, и умеренно углубитесь во все три. У этого есть несколько преимуществ:

  1. Вам не будет скучно, так как все три имеют относительно разные цели, и вы пишете их по-разному.
  2. Вы можете смешать все три и быстро создать и увидеть что-то значимое без месяцев усилий (что обычно требуется для других языков, таких как C / C ++). Это сохранит у вас мотивацию продолжать работу.

Не выбирайте React, Angular или Vue.

Когда люди начинают работать с JavaScript, возникает желание выбрать библиотеку, такую ​​как React, систему пользовательского интерфейса, такую ​​как Material UI, и погрузиться в создание потрясающих вещей.

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

Обратите внимание, что в предыдущем предложении я использовал слово «применять», а не «учиться». Есть огромная разница между изучением чего-либо и применением того, что вы узнали.

Создайте небольшой, но рабочий проект с HTML / CSS / JavaScript. И когда вы это сделаете, создайте еще один, а затем создайте еще один проект.

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

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

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

Мастер одной профессии

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

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

Как, спросите вы? Ответ прост — решать только вам. Создайте простой проект во всех основных фреймворках (Angular, Vue и React) и посмотрите, какой из них вам нравится больше всего. Выберите один и не оглядывайтесь назад

Затем создайте все свои проекты с этим фреймворком. Стремитесь делать то, что вы еще не умеете делать. Это лучший способ выйти из зоны комфорта и узнать что-то новое .

Но не забывай о других

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

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

Это может включать в себя несколько вещей — например, модульное тестирование с помощью Jest, сквозное тестирование с помощью Cypress, Webpack, Babel или Parcel, немного DevOps, сценарии оболочки Linux, развертывание серверов и т. д.

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

Двигаться дальше

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

Интернет — он огромный.

Итак, если вы закончили с HTML / CSS / JavaScript / React / Angular / Vue, переходите к серверам. Узнайте о развертывании серверов, NGiNX, HAProxy, балансировке нагрузки, настройке облачной инфраструктуры, межсетевых экранах и автомасштабировании.

С этим тоже покончено? Перейдите к WebAssembly, языку для следующей итерации Интернета.

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

Заключение

В современном мире вам так легко не повторить ошибок, которые сделали уже до вас. Потому что все эти ошибки теперь доступны всем!

Андрей Карпов
Оцените автора
( No ratings yet )
Uchi.Top
Добавить комментарий