Решил стать веб-девелопером? Опытные хрюны подскажут, с чего начать

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

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

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

Фронтенд разработка (Front-end Development)

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

Бэкенд-разработка (Back-end Development)

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

Полная разработка (Full-Stack Development)

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

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

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

Какими навыками и характеристиками должен обладать веб-разработчик?

Языки разметки являются одними из самых простых языков программирования, поскольку они не обрабатывают никакой логики или фактической функциональности. Языки разметки объясняют структуру документа. Наиболее распространенным является язык гипертекстовой разметки, или HTML. HTML является краеугольным камнем Интернета — все, что вы видите на веб-сайте или в веб-приложении, — это HTML. HTML — это один из трех типов кода, который может понять веб-браузер.

Но на одном лишь HTML далеко не уедешь. Чтобы HTML выглядел определенным образом, вам нужно стилизовать его с помощью CSS, своего рода языка таблиц стилей. HTML и CSS работают вместе для создания пользовательских интерфейсов в веб-разработке. Кроме того Помимо «ванильного» CSS, есть несколько предварительно обработанных языков таблиц стилей, таких как LESS и SASS, которые можно скомпилировать в CSS, понятный веб-браузеру.

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

Другие языки программирования используются в веб-разработке, но не во внешнем интерфейсе. Эти серверные языки включают Node (который представляет собой jаvascript, работающий вне веб-браузера), PHP, Python, C#, Ruby и Elixir. Почти любой язык программирования общего назначения можно использовать для генерации HTML и отправки его в веб-браузер, что делает его эффективным в качестве серверного языка.

Эти серверные или внутренние языки также используются для связи с базами данных и извлечения из них информации. База данных — это структурированный способ хранения информации, который позволяет легко извлекать ее с помощью кода, в чем-то похожего на электронную таблицу. Некоторые популярные базы данных включают MySQL, SQLite, Postgres, Microsoft SQL Server и MongoDB. SQL или язык структурированных запросов — это способ взаимодействия с базой данных для извлечения, создания, обновления и удаления информации.

Если это кажется большим, это так. Разработчики часто ссылаются на технологические «стеки» — наборы языков, баз данных и инструментов, используемых для создания приложения. Точно так же фреймворки — это наборы технологий, предназначенных для совместной работы, или набор инструментов, созданных с помощью единой технологии, которая позволяет вам делать больше и быстрее. Популярными интерфейсными jаvascript-фреймворками являются jQuery, React, Angular и Vue.js. Bootstrap и Tailwind — широко используемые CSS-фреймворки. Laravel, .NET и Django — это три распространенных серверных фреймворка, использующих C#, PHP и Python соответственно.

Веб-разработчики используют множество других инструментов помимо языков и других технологий. Интегрированные среды разработки, или IDE, — это текстовые редакторы, предназначенные для кода, и они позволяют использовать надстройки и подключаемые модули, облегчающие написание и выполнение кода. Visual Studio Code, Xcode и Sublime Text — это IDE. Git и GitHub — это инструменты, упрощающие управление кодом, даже если над одним проектом работает несколько разработчиков. Jira и Clubhouse — это два инструмента управления проектами, которые помогают командам разработчиков узнать, кто над чем работает.

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

Какое обучение и опыт нужны веб-разработчику?

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

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

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

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

В городах по всей территории США появляются технические учебные лагеря, которые предлагают знакомство с огромным миром веб-разработки и могут помочь потенциальным разработчикам начать работу с местными и национальными компаниями. Но тщательное исследование важно при рассмотрении времени и денежных вложений в учебный лагерь, а понимание возможностей обучения, связей с компаниями, показателей приема и показателей трудоустройства имеет жизненно важное значение.
Как правило, независимо от того, какой путь вы выберете — традиционная степень, самообразование или учебный лагерь — обучение — это только полдела. Получить работу и добиться успеха в качестве веб-разработчика может быть непросто, и это может произойти не сразу. Усердие в поиске работы, обучение не только тому, чему учат, и самостоятельная практика помогут вам далеко продвинуться.

Как стать профессиональным веб-разработчиком

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

1. Убедитесь, что это то, что вы хотите.

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

2. Начните изучать основы.

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

3. Расширьте свои знания.

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

4. Подайте заявку на работу.

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

5. Подумайте о халяве и работе с открытым исходным кодом.

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

6. Продолжайте учиться и начинайте преподавать.

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

Как выглядит рынок труда для веб-разработчиков?

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

С чего бы вы ни начали, траектория определяет область веб-разработки как с точки зрения финансового роста, так и с точки зрения повышения квалификации.