Как стать программистом Ютуб

О том, как стать программистом с нуля, рассказывает руководитель команды разработчиков компании, занимающейся разработкой банковских продуктов для рынка США.

Содержание статьи

• На пути к профессии программиста
• Советы начинающим программистам
• Советы студентам
• Как освоить профессию программиста специалисту из другой сферы
• Перспективы профессии программиста

Меня зовут Антон Ярков, я являюсь Senior Software Developer и Chief of Staff (руководитель распределенной команды разработки) из 100+ разработчиков в калифорнийской компании Access Softek Inc. На данный момент у меня больше 12 лет опыта в разработке, как в стартапах, так и enterprise.

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

😱 Как стать ПРОГРАММИСТОМ с НУЛЯ?

На пути к профессии программиста

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

• Если вы только заканчиваете школу, то очевидно, самым правильным было бы поступить на профильный факультет любого ВУЗа. Даже если ВУЗ не будет самым топовым учебным заведением страны, в течение учёбы вам так или иначе придётся изучить теорию и получить практику программирования, которой будет вполне достаточно (если действительно учиться), чтобы впоследствии пройти собеседование в IT компании и там набраться опыта. Уйма книг и онлайн курсов, доступных в интернете, позволят получить высокий уровень знаний в независимости от названия ВУЗа или красноты диплома.
• Если вы уже студент непрофильного ВУЗа или факультета, то вам придётся свыкнуться с тем, что нужно будет «попотеть» вдвойне. Но стать сильным программистом всё также возможно, так как времени у вас достаточно.
• В случае, если у вас за плечами несколько лет учёбы и работы не по профилю, студенческая жизнь позади, но вы всё же решились сменить профессию, то я не советую брать за основу путь студентов — ваш путь, совершенно иной, однако не менее перспективный.

Советы начинающим программистам

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

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

• Петцольд Ч. Код: тайный язык информатики.
• Столяров А.В.: Программирование — введение в профессию. Том 1 — азы программирования.

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

• Заведите аккаунт на платформе GitHub. Это сайт, где программисты хранят историю создания своих программ, делятся исходными кодами, учатся и берут примеры, создают совместные проекты и свои собственные, и где целые компании настраивают полный цикл создания программного обеспечения. По ходу использования аккаунта, так или иначе, вам придётся вникнуть в азы технологии GIT, которая используется по всему миру. Книга «Pro Git» от Скотта Шакона поможет вам разобраться во всём необходимом.
• Заведите аккаунт на LinkedIn. Это ресурс, где весь западный мир ищет специалистов, и где можно найти топовых людей из IT-индустрии, спросить совета или просто узнать новости. Тут есть авторы языков программирования и фреймворков, технологий и алгоритмов, книг и журналов.
• Заведите аккаунт и читайте Twitter — там огромное количество технических специалистов всех областей, которые регулярно постят что-то интересное.
• Для мотивации и выбора направления подписывайтесь и читайте тематические рассылки Habr.com, VC.ru, xakep.ru, Telegram-каналы профессионалов индустрии (https://t.me/addmeto, https://t.me/techsparks, https://t.me/g33ks, https://t.me/denissexy и т.д.) и целых компаний (https://t.me/avitotech, https://t.me/luxoftrussia и т.д.), слушайте подкасты про разработку, а также листайте профильные англоязычные ресурсы вроде Hacker News и прочих.
  Имея всё это, позднее, при составлении резюме, вам будет что написать и на что сослаться.

3. В своём развитии найдите баланс между тем, что вас действительно интересует и увлекает (создание сайтов, программ, решение задач и т.д.) и изучением всей необходимой теории. Я советую 50% времени тратить на полезную практику и остальные 50% на теорию.

Например, всё ещё поверхностно зная язык программирования, можно уже начать создавать простые утилиты и выкладывать их на GitHub (попутно изучая как пользоваться системой контроля версий Git, или черпая хорошие примеры других похожих программ).

Создание чего-то работающего и полезного будет вас мотивировать и не даст бросить дело, а примеры ваших работ на GitHub дадут будущему работодателю понимания пути вашего развития.

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

4. Используйте технику параллельного чтения. Я советую читать параллельно сразу несколько книг по одной и той же теме: языку программирования, алгоритмам, фреймворкам или технологиям. Как правило, главы и темы в них пересекаются. При этом разные авторы дают материал по-разному, и далеко не всегда их ментальная модель совпадает с вашей. К некоторым книгам нужна предварительная подготовка или опыт, а другие «разжёвывают» всё так, как вам нужно.

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

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

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

Практиковаться в письме вы можете на LinkedIn (добавьте в друзья какого-нибудь автора книги или языка и напишите ему пару приветственных слов), Twitter и даже в комментариях к новостным статьям. Не совершать глупые ошибки вам поможет такой сервис как Grammarly, который подскажет как исправить и обогатить написанное.

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

Советы студентам

Итак, мы закончили с общими рекомендациями. Мои советы студентам будут следующими:

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

Книги для параллельного чтения:

• Седжвик Р. Фундаментальные алгоритмы на С++
• C. Скиена. Алгоритмы. Руководство по разработке.
• Т. Кормен. Алгоритмы. Построение и анализ.
• Лааксонен А. Олимпиадное программирование.
• Скиена С., Ревилла М. Олимпиадные задачи по программированию.

Не помешает обращаться к курсам и видео, например, на платформах Stepik или просто на Youtube.

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

• topcoder.com
• official.contest.yandex.ru
• LeetCode.com

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

2. Постарайтесь найти несколько интересующих вас проблем и написать более-менее реальные приложения, которые:

• Решают ясную поставленную задачу.
• Имеют хорошо оформленный открытый исходный код на GitHub.
• Можно описать в статье со схемами, графиками и картинками.

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

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

Коротко опишите свои проекты в резюме. Даже простые вещи покажут вашу активность и заинтересованность. Нанимающий руководитель лучше возьмёт неопытного, но активного разработчика, нежели пассивного «нахлебника».

3. Начинайте проходить интервью в компании. Выбирайте работу в компании, в которую:

• Были сложнее и интереснее интервью.
• Есть практика обучения молодых специалистов.

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

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

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

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

Как освоить профессию программиста специалисту из другой сферы

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

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

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

• Я хочу создавать мобильные приложения?
• Я хочу создавать классные красивые сайты?
• Я хочу создавать бизнес-приложения (банкинг, инструменты расчётов или статистики, и т.д.)?
• Я хочу программировать роботов, игры, базы данных, компиляторы, сложные приложения или искусственный интеллект?

Шаг второй состоит в изучении существующих на рынке компаний и технологий, которые они используют:

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

1. C#, .NET, SQL, Git
2. Java, Spring, SQL, Git
3. JavaScript, ReactJS, и т.д.
4. Kotlin, Android, и т.д.
5. ObjC, Swift, iOS, и т.д.

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

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

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

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

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

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

Перспективы профессии программиста

В любом случае, в дальнейшем вас ждёт долгий и увлекательный путь по карьере, который сам по себе тоже бывает совершенно разным. Официально, науке Computer Science чуть больше 50 лет, так что она достаточно нова, и в ней есть, куда расти и развиваться ещё многие годы. Будучи неопытным разработчиком, я отовсюду слышал фразы вроде «Всё уже написано, нечего программировать». Поверьте, это сущая глупость.

При этом, за счёт всеобъемлющего проникновения во все области жизни, IT-сфера чрезвычайно широка и позволяет добиться совершенно разных целей: высоких зарплат, научных степеней в разных областях, интересных задач и нескучной работы, возможности настраивать маятник баланса жизни и работы (work-life balance) в ту или иную сторону.

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

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

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

Антон Ярков — Senior Software Developer and Chief of development staff. Инженер-программист и руководитель команды из 100 разработчиков в компании Access Softek Inc., занимающейся разработкой банковских продуктов для рынка США. Последние 8 лет играет ключевые роли в приятии инженерных и управленческих решений, работая над высоконагруженными и инновационными приложениями. 10+ лет опыта в разработке в стартапах и enterprise. LinkedIn.

Источник: pakhotin.org

Как я стал программистом

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

Предыстория

Начну я с того, что родился в 1987 году недалеко от города Пермь.

Сотовых телефонов тогда еще ни у кого не было. Как и интернета, который дошел до России только в 92 году. Все свободное время мы проводили либо на улице, либо собирались у кого-то дома и играли в приставки.

У меня и самого:

• сперва была денди
• потом сега
• а позже и Sony PlayStation 1

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

Информатика и летний лагерь

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

Но вот перед летними каникулами мне предложили поехать в лагерь от школы. Это был специальный лагерь на 2-3 недели с уклоном информатики и английского языка. Тогда я даже и не подозревал как эта поездка повлияет на мою дальнейшую жизнь.

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

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

• как устроен веб
• из чего состоят сайты
• и т.д.

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

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

Возвращение домой

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

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

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

Первая браузерная игра

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

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

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

Недолго думая, я быстро нашел какой-то московский чат. Поспрашивал, кто тут главный, и вышел на его владельца. Позже я добавил его в ICQ и рассказал о своей проблеме: мол знаю я HTML и CSS, а игру сделать не могу.

И тут он поведал мне о таких языках программирования, как JavaScript и PHP:

• о серверной и клиентской части
• базах данных
• HTTP-запросах
• и многом другом

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

С этого момента я стал проводить за компьютером буквально все свободное время:

• читал и пробовал
• возвращался и перечитывал
• общался на тематических форумах
• и так по кругу

Первые проекты

Свою игру я так и не написал, но основы PHP и JS все таки освоил. В это же время ко мне начали приходить мои первые заказы. Просто через знакомых, которые знали о моем увлечении:

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

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

• сделал себе портфолио
• новостной сайт о музыке
• небольшой простенький чат
• и т.д.

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

Создание веб-студии

Но вот в один день ко мне обратился мой приятель. В то время он работал дизайнером в одной из компаний нашего города:

• рисовал баннеры
• открытки
• приглашения
• и т.д.

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

Не долго думая мы согласились:

• стали искать офис
• ездить по этим знакомым
• и рассказывать им о наших услугах

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

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

Работа в веб-студии

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

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

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

• работаешь по графику
• получаешь зарплату
• и ни о чем другом не думаешь

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

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

В мои основные задачи входило создание типовых сайтов и интернет-магазинов. Для этих целей мы использовали три CMS-системы:

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

• HTML и CSS
• Препроцессор Less
• Bootstrap
• JavaScript и jQuery
• PHP и MySQL
• упомянутые ранее CMS-системы
• и какие-то сопутствующие вещи

Так я проработал еще полтора года, которые оставили у меня только приятные воспоминания. Хороший коллектив, адекватное начальство, корпоративы и посещение конференций.

Мой переезд в Москву

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

Перейдя на удаленную работу, я переехал в Москву, где нахожусь и по сей день.

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

На данный момент мой стек пополнился и другими технологиями:

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

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

Источник: codequest.ru

Как стать веб-разработчиком за 5 месяцев: пошаговое руководство

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

Каждую секунду на свет появляется от 3 до 5 сайтов, а каждую минуту – 80 новых интернет-пользователей. Всё это технологическое «цунами» управляется разумом и руками веб-разработчиков. Зарплата вполне соответствует важности работы. Даже начинающие программисты на отечественном рынке могут рассчитывать получать от 50000 рублей в месяц.

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

Где можно научиться веб-разработке

Перед теми, кто решил освоить специальность веб-программиста самостоятельно, встаёт непростой выбор – с чего же правильно начать. Конечно, всегда существует возможность получить полноценное IT-образование в одном из ведущих технических ВУЗов, ранга МГУ им. М. Ломоносова, МГТУ им. Н. Баумана, СПбГУ, МФТИ и ИТМО. Но подобный курс обойдётся в круглую сумму от 60 до 350 тысяч рублей в год.

Существует и более быстрый и дешёвый вариант стать веб-разработчиком «с нуля» – полугодовые онлайн-курсы, вроде российского Yandex.Практикума или зарубежного агрегатора «Курсера».

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

Прочему надо начать с фронтенда

Сразу оговоримся, в этой статье мы расскажем лишь об обучении одному из двух основных видов профессии веб-программиста – о фронтенд-разработке (от англ. frontend, т. е. «внешний интерфейс»). Эти специалисты занимаются созданием и настройкой программного обеспечения для интернет-ресурсов в части, непосредственно взаимодействующей с пользователями. Фронтенд-разработчик создаёт «лицо» сайта. Он отвечает за всё, что мы видим и чем пользуемся – от цвета и расположения кнопок, до работы скриптов и их взаимодействия с браузерами.

В отличие от своих коллег бэкенд-разработчиков, ответственных за «серверную» часть веб-ресурса, frontend developer должен иметь более широкий кругозор. Фронтенд знает не только как сверстать сайт, но и прекрасно понимает, что у него под серверным «капотом», разбирается в принципах адаптивной вёрстки, веб-дизайна, юзабилити и SEO-оптимизации, а также имеет навыки мобильной разработки. Такой мощный «коктейль» навыков даёт начинающему программисту более широкую область профессионального применения, что автоматически повышает его востребованность у работодателей.

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

• Активно интересоватьсяIT. А лучше, хотя бы на любительском уровне разбираться в современных интернет-технологиях.
• Знать английский язык. Вся актуальная учебная литература и технические документации к IT-инструментарию изначально написана на нём. Английский — международный язык общения команд разработчиков из разных стран. Верный гугл-переводчик тут не спасёт.
• Иметь навыки командной работы. Во-первых — это дисциплинирует. Во-вторых, в системе работы с версиями без этого умения никуда.
• Обладать стрессоустойчивостью. Навык пригодиться, чтобы работать с многочисленными правками клиентов и оставаться хладнокровным при нахождении очередных багов.
• Быть коммуникабельным. Успех в создании программного продукта часто зависит от умения нескольких работающих над ним специалистов находить общий язык.
• Мыслить нестандартно. Пунктуальность, коммуникативность и умение анализировать информацию обязательны для хорошего программиста. Но, чтобы стать профессиональным веб-разработчиком, создающим прорывные веб-продукты, необходимо уметь выходить за рамки обыденного.

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

Месяц 1 — Изучаем HTML и CSS

Невозможно понять веб-разработку в отрыве от практики. Для того, чтобы получить минимально необходимый набор знаний по HTML и CSS, лучше всего воспользоваться одним из образовательных MOOC-сервисов, вроде HTML Academy, Нетология, Coursera, Code Academy или Codebra. Здесь можно одновременно получать теоретические знания и практически закреплять их на тестовых упражнениях. Первые занятия подобных курсов, содержащие необходимый для новичка минимум, обычно даются бесплатно. За более углублённые знания придётся заплатить.

Краткий веб-курс по созданию сайта от Code Academy научит азам HTML и CSS

Удобные по формату видеоуроки по основам HTML и CSS выложены в свободном доступе на сайте одного из крупнейших образовательных онлайн-ресурсов Khan Academy. Много полезной информации по спецификациям содержит англоязычный сайт Консорциума Всемирной паутины (W3C), отвечающего за разработку главных веб-стандартов.

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

Месяц 2 — Изучаем сеточную систему Bootstrap

На данный момент Bootstrap – один наиболее популярных и удобных CSS-фреймворков. Этот инструмент позволяет создавать визуальный вид веб-страниц при помощи таблицы стилей (CSS). В недавнем прошлом эту нишу занимали десктопные визуальные HTML-редакторы от Microsoft (Sharepoint Designer) и Adobe (Dreamweawer).

Изначально Bootstrap (под именем Twitter Blueprint) создавался компанией Twitter для внутренних нужд. Позже он был выложен в общий доступ и дополнен всеми компонентами, необходимыми для работы полноценного WEB-фреймворка. Сегодня в Bootstrap содержатся не только готовые стили CSS, но и скрипты HTML и JavaScript, а также собственный иконочный шрифт. Удобно и то, что фреймворк можно скачивать не полностью, а только необходимые элементы.

Работа с кодом в сеточной системе Bootstrap

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

Итогом двух первых стадий обучения фронтенд-разработке должно стать создание простейшего статического сайта без CMS. Он должен быть сверстан при помощи Bootstrap.

Месяц 3 — Изучаем JavaScript

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

Сегодня JavaScript поддерживается каждым браузером в мире и считается оптимальным средством создания динамических веб-приложений. По данным авторитетного ресурса StackOverflow, более 90 % программистов называют изучение JS самым важным элементом подготовки фронтенд-разработчика.

Изучение JavaScript начинается с основополагающих понятий — синтаксиса, переменных и архитектуры языка. После овладения основами, ученик переходит на расширенные возможности JS в рамках взаимодействия с браузером через интерфейсы клиентских Web API.

Нелишним будет затронуть тему JavaScript-фреймворков — библиотек, размещённых на открытых источниках, например, на GitHub), которые помогают упрощать решения сложных программных задач. Наиболее популярные из них — связка React + Redux/ Flux, Ember и Angular. Можно выбрать один наиболее удобный JS-фреймворк, который поможет понять основные механизмы веб-разработки в части динамических элементов сайта.

Для быстрого изучения JS отлично подходят бесплатные онлайн-курсы компаний Udacity, SnoopCode и Code Academy, а также веб-учебник от сообщества разработчиков Mozilla и его отечественный «собрат» js.ru. Для более углублённого погружения в тему можно воспользоваться книгами электронного формата, многие из которых можно без труда найти в свободном доступе. Единственный минус – большая часть подобной литературы доступна только на английским языке.

Популярная учебная литература по JavaScript

• Серия книг «Вы не знаете JavaScript» (You Don’t Know JS);
• Серия учебников MDN’s JavaScript Guide;
• Эрик Эллиот «Программируем JavaScript-приложения» (Programming JavaScript Applications);
• Марейн Хавербек «Выразительный Javascript» (Eloquent JavaScript);
• Илья Кантор «Современный учебник JavaScript» (Modern JavaScript Tutorial);
• Дэвид Макфарланд «JavaScript и jQuery. Исчерпывающее руководство» (Javascript
• Хенрик Йоретег «Человеческий JavaScript» (Human JavaScript);
• Аксель Раушмайер «Говорить на JavaScript» (Speaking JavaScript);
• Эдди Османи «Изучаем шаблоны проектирования в JavaScript» (Learning JavaScript Design Pattern).

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

Месяц 4 — Дополняем сайт на CMS своими программными улучшениями

Научившись создавать статическое и динамическое наполнение веб-страниц, можно сделать новый шаг по пути веб-разработчика и научиться улучшать сайт на основе готового движка CMS. Система управления контентом сайта (Content Management System) — наиболее популярное решение для быстрого создания и дальнейшего администрирования современных сайтов. Работа с CMS даёт новичку в IT прямой путь к получению первого коммерческого заказа.

Существует четыре основные разновидности систем управления контентом — самописные, коробочные, конструкторы и студийные. Для начального этапа обучения веб-разработке оптимальным будет вариант некоммерческой коробочной CMS —программного продукта с открытым кодом (open source) и большим набором готовых модулей для различных задач. Главным недостатком такого движка является повышенная уязвимость, но это с лихвой компенсируется общим качеством продукта, его доступностью, гибкостью настроек и лёгкостью в использовании.

Русскую версию CMS WordPress можно в 1 клик скачать с официального сайта

Для свободного скачивания доступны десятки вариантов подобных CMS. Наиболее известные — Drupal, Joomla, Opencart, Magento. Но лидером по популярности среди них является WordPress (WP). Начать своё практическое знакомство с CMS мы рекомендуем именно с этого движка. На этой системе управления контентом сегодня находятся до 20 миллионов сайтов, среди которых порталы таких гигантов медиа-индустрии, как Reuters, The Wall Street Journal, Forbes, BBC America и Variety.

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

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

С помощью чего изучать WordPress «с нуля»

• Курсы WPBeginner’s WordPress* и видеоканал WPBeginner.
• Курс «Как создать, развивать и продвигать сайт»* от платформы Udemy.
• Курс WordPress Quick Start* от платформы WP Apprentice.
• Курс Customizing WordPress от платформы Level Up Tutorials.
• Серия видеоуроков Let’s Build WordPress.
  * – Бесплатно после регистрации.

Месяц 5 — Создаем полноценный сайт при помощи HTML, CSS, Bootstrap и JavaScript

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

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

Обеспечить созданный сайт надёжным и доступным размещением в Сети поможет веб-хостинг с единоразовой оплатой от Eternalhost.

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

Сколько потребуется времени

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

Создание портфолио

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

GitHub — крупнейшая в мире платформа для веб-разработки

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

Не переставайте учиться

Нужно помнить, что профессия веб-разработчика основывается на постоянном совершенствовании знаний. Для того чтобы развиваться профессионально вовсе не обязательно записываться на дорогостоящие курсы или выписывать не менее дорогую специализированную литературу. Многие книги по программированию популярных издателей, типа Apress, O’Reilly и AW можно найти в официальном свободном доступе.

Не менее важным источником знаний о веб-разработке могут послужить крупные площадки типа Free Code Camp и StackOverflow, объединяющие IT-специалистов со всего мира. Множество руководств по конкретным вопросам разработки доступно в формате видео-инструкций на тематических каналах YouTube. Ну и конечно, не стоит забывать об официальной документации к программным продуктам. Она остаётся самым проверенным источников информации для веб-разработчиков.

Заключение

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

1. HTML и CSS;
2. JavaScript;
3. Веб-фреймворк;
4. Работа с шаблонами CMS;
5. Вёрстка сайтов.

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

Источник: eternalhost.net