Как стать разработчиком с нуля

Зачем становиться веб-разработчиком?

Веб-разработка — это отрасль, которая точно не умрет в ближайшее время. Бюро статистики трудовых ресурсов США предсказало 27% рост количества рабочих мест в сфере веб-разработки к 2024 году.

Вот пять основных причин стать web программистом и обучиться с нуля:

1. Вы можете работать удаленно;
2. Вы можете работать самостоятельно. Заниматься фрилансом или начинать свой бизнес;
3. Вы выходите на прибыльный технологичный рынок. Веб-разработка — это билет в мир высоких технологий. У большинства технологичных стартапов есть потребность в веб-разработчиках, поэтому это может быть ваш путь к успеху.

Как стать веб-дизайнером

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

Где учат на веб-дизайнера:

• »Яндекс Практикум». Семимесячная программа выпускает специалистов начального уровня.
• Skillbox. За восемь месяцев научит основам веб-дизайна;
• »Нетология». Годовой курс для новичков, который подготовит middle-специалистов.
• Geek Brains. Через 12 месяцев выпустит специалистов с дипломом и готовым портфолио.
• Британская высшая школа дизайна. Годовая программа подойдет для младших специалистов, которые хотят выйти на новый профессиональный уровень.

Что дополнительно почитать:

• «Веб дизайн», Якоб Нильсен. Книге более 20 лет, но она до сих пор считается одним из главных пособий для начинающих специалистов в этой сфере.
• , Виктор Папанек. Книга для начинающих дизайнеров, с которой полезно ознакомиться и профессионалам веб-направления.
• «Веб-дизайн», Дмитрий Кирсанов. Мини-курс по веб-дизайну в печатном формате.
• , Иоханес Иттен. Научит разбираться в цветовых решениях.
• «Эмоциональный веб-дизайн», Аарон Уолтер. Про связь эмоций и дизайна.
• «Сначала мобильные», Люк Вроблевски. Расскажет о создании дизайна для мобильных интерфейсов.

Кто такие программисты и какими они бывают

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

Программный код пишется на специальном языке программирования. Таких языков насчитывается несколько сотен. Самые популярные – Java, JavaScript, Python, PHP, C#, C, С++, Objective-C, Swift, Ruby и др.

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

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

Писать сам код он может хоть на салфетке. Это просто вопрос удобства.

По специализации программисты делятся на:

1. Системных. Создают операционные системы (такие как Android или iOS).
2. Прикладных. Пишут программы и приложения.
3. Веб-программистов. Занимаются разработкой сайтов и программ, которые поддерживают эти сайты.

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

• PHP-программист;
• Java-разработчик;
• Программист Delphi и т.д.

Кроме того, разделение идет и по типам задач, которые они выполняют:

• Программист баз данных;
• Фронтенд/бекенд разработчик;
• Геймдев;
• Программист 1С;
• Мобильный / десктоп разработчик и др.

Еще одна классификация разработчиков – по ступеням:

1. Junior. Это уровень новичка, который только пришел на работу. В «джунах» ходят обычно полгода-год. Бывает дольше. Все будет зависеть от скорости освоения профессии и успехов.
2. Middle. Более «старший» уровень. Его можно достигнуть через 1-3 года работы.
3. Senior. Продвинутая ступень программистов с опытом от 4-6 лет и выше.

Сколько получают веб-разработчики?

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

После 5-6 месяцев практики можно заявлять о себе как о Junior-разработчике. Его зарплата обычно начинается от 40 тыс. руб. в месяц. Имея опыт работы 1-2 года, можно получать от 50-60 тыс. рублей в месяц и больше. Специалисты уровня Middle и Senior могут зарабатывать от 100 тыс. рублей в месяц и больше.

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

Веб-разработчики занимаются только сайтами

Вообще-то да, веб-разработка — это про «веб», про то, чем мы пользуемся в Сети. Но в интернете существуют не только сайты, но и куча других вещей: облачные хранилища, приложения для смартфонов, мессенджеры, различные онлайн-сервисы. Их созданием тоже занимаются веб-разработчики.

Приложения для смартфонов вроде DeliveryClub, «Ситимобила» или KFC — тоже дело рук веб-разработчиков

Понятие сайта вообще довольно условное. Например, Google Drive — это вроде бы сайт, у него есть URL-адрес, на который можно зайти через браузер. И одновременно это веб-сервис со сложной логикой и структурой, серверами и приложениями для ПК и смартфонов. То же касается и многих других сайтов — соцсетей «ВКонтакте», Facebook, почты Google, маркетплейса Ozon или музыкального Spotify.

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

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

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

Кто такой веб-программист и чем он занимается?

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

Среди веб-разработчиков выделяют:

• Front-end программистов: определяют логику работы того, что видит пользователь на сайте: формы, слайдеры, галереи и т.д.
• Back-end специалистов: настраивают серверную часть. Ее не видит обычный посетитель. Сервер отвечает за обработку запросов, вычисления и хранение данных.

• Fullstack. Это люди, которые могут выполнять задачи во Frontend и Backend, то есть универсалы.

Также веб-программисты могут специализироваться по следующим признакам:

• Системы управления сайтами (CMS) или фреймворки, с которыми работают. Например, есть разработчики, которые создают сайты на 1С Bitrix, WordPress, Joomla и других системах.

• Языки программирования. Например, самый популярный язык в вебе – это PHP. Однако есть и другие, например, ASP, .Net, Python.

Технологий в интернете много

Важно осваивать востребованные и искать свою нишу, в которой вы сможете хорошо зарабатывать

Зарплата веб-разработчика

Профессия разработчика полного цикла востребованная и высокооплачиваемая. Агентство Тэглайн, которое регулярно публикует рейтинги и исследования в сфере digital, сообщает, что программисты получают зарплату в 1,8 раза больше, чем в среднем жители России. Средняя зарплата — 60 310 руб. В Москве веб-разработчик зарабатывает 75 270 руб., в регионах — 46 790 руб.

Согласно данным аналитического проекта “Рейтинга Рунета” и каталога веб-студий CMS Magazine, больше половины компаний ощущают нехватку веб-разработчиков. Программистов много, но профессионалов полного цикла все равно не хватает.

Как стать веб-разработчиком и где учиться?

1. Можно освоить профессию самостоятельно по книгам и бесплатным урокам. Некоторые веб-программисты так и делали на заре развития интернета

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

2. Закончить курсы, на которых готовят профессиональных веб-разработчиков. На хороших курсах вы получите необходимый объем знаний и навыков, чтобы стать Junior-специалистом, практику и помощь в получении стажировки. Также у вас будет, кому задать вопросы и получить точные ответы.

Примеры курсов:

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

Выбор языка программирования

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

Давайте так. Мы будем описывать разные ситуации. Читайте каждый пункт по очереди. Если поймете, что этот пункт не про вас, переходите к следующему. И так пока не получите свой ответ.

1. Хочу что-то предельно простое, может даже не самое практичное. Ваш язык: Ruby.
2. Я хочу начать кодить для себя, из любопытства или в рамках самосовершенствования. У меня нет на примете проекта, который мне бы хотелось реализовать. Посоветуйте мне лучший способ начать. Ваш язык: Python.
3. Я хочу начать кодить для себя, из любопытства или в рамках самосовершенствования. У меня нет на примете проекта, но я хотел бы выучить такой язык, чтобы после него было легко переключиться на любой другой (даже если изначально изучение первого языка будет трудным). Ваш язык: С++.
4. Я хочу кодить для себя, и у меня на примете есть проект. Он связан с сайтами. Хочу выучить самый простой язык из тех, что позволит мне создавать сайты в интернете. Ваш язык: JavaScript.
5. Я хочу кодить для себя, и у меня на примете есть проект. Он связан с сайтами, но в будущем я хотел бы работать не только с ними. Ваш язык: Python.
6. Хочу стать программистом для себя, и есть идея проекта, связанного с приложениями на Android. Ваш язык: Java
7. Хочу стать программистом для себя, и есть идея проекта, связанного с приложениями на iOS Ваш язык: Objective-C
8. Хочу стать программистом для себя, и есть идея проекта, связанного с компьютерными играми или сложными программами в 3D. Ваш язык: C++
9. Я иду в программирование ради денег, и хочу получить хорошую работу. Компания не имеет особого значения. Ваш язык: Java или Python.
10. Я хочу устроиться на работу в компанию и работать с веб-интерфейами. Ваш язык: JavaScript.
11. Хочу устроиться в компанию и работать с сайтами. Готов потрудиться чуть больше, но охватить при этом более широкий спектр знаний. Ваш язык: PHP.
12. В будущем я хочу устроиться в крупную корпорацию вроде Google или Facebook. Ваш язык: Python.
13. В будущем я хочу устроиться работать в Apple. Ваш язык: Objective-C.
14. В будущем я хочу устроиться работать в Microsoft. Ваш язык: C#.

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

Что нужно знать и уметь на старте

Верстка и программирование. Если вы хотите заниматься веб-разработкой, нужно знать HTML, CSS и JavaScript. Это необходимая база — начните с ее освоения. HTML отвечает за разметку страницы, CSS за стили и внешний вид, а JavaScript — за то, как отреагируют элементы на действия пользователя.  «Лучше изучать языки, работая над реальным проектом. Это позволит освоить сопутствующие инструменты: какой-нибудь графический редактор, редактор кода, инструменты разработчика в браузере», — говорит Александр Братчиков.

Браузерные API. Предположим, вы делаете сервис стриминга музыки. Вы хотите, чтобы трек останавливался, когда пользователь снимает Bluetooth-наушники. В JavaScript нет средств работы с Bluetooth, но разные браузеры предоставляют их в виде так называемых API (Application Programming Interface). Это интерфейсы для взаимодействия с чем-либо, в нашем примере с Bluetooth-устройствами. В браузерах есть и другие API: для определения геолокации пользователя или для взаимодействия с веб-камерой.

Фреймворки. Они облегчают разработку больших проектов, делают их развитие и поддержку менее затратными. Многие фреймворки (например, React или Vue) позволяют думать об интерфейсе как о наборе отдельных компонентов. Создав компонент однажды, его можно использовать в других местах сайта или даже в других проектах.

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

Личностные навыки

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

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

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

Необходимые знания и навыки для веб-разработчика

Для того чтобы работать web-разработчиком, необходимо обладать определенными знаниями и навыками. Все требования, которые заказчики и работодатели предъявляют разработчикам, можно увидеть в описании вакансии. Конечно, все зависит от специализации и личного видения заказчика, но в любом случае есть  общие критерии, по которым оценивается специалист:

• знать и уметь писать на нескольких языках программирования – Python, Java, PHP, JavaScript, C#;
• разбираться во фреймворке (Bootstrap, Django, Yii или Foundation);
• работать с базами данных;
• знать HTML, jQuery, CSS;
• владеть техническим английским;
• уметь верстать сайты;
• настраивать сервер;
• уметь работать с системой настройки версий Git.

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

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

Что должен уметь web-программист

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

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

Что нужно знать разработчику

Конкретные требования зависят от направления (фронтенд, бэкенд), но есть и универсальные навыки, которыми должен владеть любой веб-разработчик:

Необходимые качества

Кратко перечислим личные качества, которые должны быть у веб-разработчика:

• Внимательность.
• Скрупулезность, ответственность.
• Аналитический склад ума.
• Хорошая память.
• Усидчивость, умение сконцентрироваться на задаче.

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

• работать в команде;
• соблюдать сроки;
• грамотно общаться с заказчиками, договариваться о стоимости своих услуг, защищать проект и т. д.

Уровень образования

Веб-разработчик – это специальность, которую можно освоить с нуля за 1-1,5 года. Строгих требований к образованию (высшее, техническое и пр.) нет. Стать программистом может школьник после 9 или 11 класса, выпускник гуманитарного ВУЗа либо представитель любой другой профессии.

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

Требования работодателей

Мы проанализировали вакансии на сайтах по поиску работы. Большинство компаний предъявляют следующие требования к кандидатам:

• Опыт веб-разработки — от 1-3 лет.
• Уверенное владение языком программирования Python/Java/PHP, умение пользоваться его библиотеками и фреймворками.
• Знание HTML, CSS, JavaScript, SQL, Git, Linux, популярных CMS, базовой веб-аналитики.
• Умение читать чужой код, навыки командной разработки.
• Пунктуальность, ответственность, аналитическое мышление.

Фронтенд-разработчик

Фотография: Unsplash

Заполнили на сайте все обязательные поля, а кнопка «Отправить» всё равно недоступна? Или после нажатия злосчастной кнопки страница просто обновилась, а ваши данные никуда не ушли? Похоже, тут замешан недобросовестный фронтенд-разработчик.

Именно он отвечает за интерфейс: если нужны корректно работающие формы, кнопки, меню — это всё к нему. К нему же — за полями ввода с автоподстановкой, звёздочками вместо паролей при вводе. А ещё от него зависит, чтобы вся эта красота не перерисовывалась при каждом чихе.

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

Инфраструктура

При выборе инструментов использовались критерии:

• production-ready
• большое комьюнити
• невысокий порог входа относительно других инструментов
• как можно меньшее их количество (больше функциональности у каждого)

• Используется 3 сервера , и . Могут быть физическими или виртуальными машинами, количество может быть меньше и больше, может быть всё в облаке. Приведена наиболее эффективная конфигурация с точки зрения надёжность/цена. Главное, чтобы был отдельным и самым надёжным. На сервере установлен GitLab а также второстепенные сервисы (мониторинг, docker registry: Portainer, ELK, Harbor, etc), которые и будем называть Services. В данном примере их настройка не рассматривается. Все приложения работают в Docker-контейнерах. GitLab лучше установить отдельно, зависит от располагаемых мощностей.
• Traefik собирает информацию о запущенных динамических DNS-именах для , подключившись к докеру по TCP и предоставляет к ним доступ. Также автоматически получает SSL сертификаты для приложения на . Wildcard (WC) сертификат получается с помощью отдельного контейнера letsencrypt-dns, если ваш DNS-провайдер не поддерживается в Traefik. Traefik использует этот или самостоятельно полученный сертификат, обрезает SSL от клиентов и перенаправляет http запросы по доменным именам на соответствующие сервисы. Работает на вместе с основным приложением App.
• GitLab на с помощью GitLab-runner-ов, установленных на остальных ВМ, по Merge Request-ам (МР) на ветки dev и master, управляет запущенными докер-образами на и согласно файлам .gitlab-ci.yml проектов.
• Сборка, тест и стейджинг происходят на .
• В данном решении GitLab также работает как Docker Registry, где хранятся собранные образы приложений.
• Сами GitLab, Traefik и Gitlab-runner-ы также работают в docker-контейнерах, что позволяет легко обновлять и переносить инфраструктуру.

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

Как составить резюме

Ведущий HR Facebook Амбра Бенджамин поделился секретами найма. Менеджеров по подбору персонала интересует:

• текущая занятость соискателя (почему человек ищет работу, как долго работал на одном месте);
• опыт (HR отдаст предпочтение программисту, который неплохо проявил себя на предыдущем месте, чем профи, у которого в карьере не происходило никаких изменений последние несколько лет);
• онлайн-след (изучение страниц кандидата в соцсетях, профиля на GitHub, сайта);
• оформление (ошибки и неудачный дизайн отвлекают и могут раздражать).

Нужно описать реальные проекты и конкретно указать достижения (желательно в цифрах), написать об авторских проектах, использовать красивую типографику (внимание к деталям говорит об ответственности и серьезности намерений)

Можно ли самому научиться web-разработке

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

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

Подборка курсов
Онлайн-курсы по Web-разработке и созданию сайтов в 2021 году
Посмотреть подборку

Плюсы и минусы профессии

Плюсы:

• востребованность на рынке труда;
• творческая работа, так как каждая задача уникальна, и для ее решения существует несколько способов;
• возможность совмещения с учебой;
• не всегда требуется диплом;
• возможность стать специалистом в молодом возрасте;
• свобода в принятии решений (как решать ту или иную задачу, решает сам web-программист);
• возможность удаленной работы.

Минусы:

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

Кому подходит

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

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

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

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

Обязанности на работе

Веб-программист работает с софтом, соблюдая примерно следующий алгоритм деятельности:

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

Для качественного выполнения поставленной задачи хороший web-разработчик должен:

работать с одним, а лучше с несколькими языками программирования (PHP, JavaScript, Ruby, Perl, C++), особенно важно это для создателей бек-энда;
уметь использовать крупные базы данных;
знать HTML, CSS, jQuery, различные фреймворки (например, Bootstrap, Yii или Foundation);
хорошо владеть техническим английским языком, а для работы с иностранными клиентами, и разговорным.

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