Погружение в веб-разработку

Фрей написал, 07.01.2015

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

Итак, этап нулевой – ты не знаешь о веб-разработке ничего вообще.

  • Codecademy HTML&CSS: интерактивный курс по HTML и CSS, на английском
  • ИЛИ HTML Academy HTML&CSS: интерактивные курсы по HTML и CSS, на русском, местами платно
  • Codecademy Javascript: интерактивный курс по Javascript, на английском
  • Codecademy jQuery: интерактивный курс по jQuery

Я уверен, что ты уже немного умеешь гуглить, так что что конкретно зачем нужно найдешь сам (или сама). Если в двух словах, то HTML рассказывает, какой элемент страницы где должен находиться, CSS делает страницу красивой и расставляет описанные в HTML элементы на свои места, Javascript позволяет делать страницу более “живой”, а jQuery помогает тебе делать страницу более “живой” проще и лаконичнее.

Этап первый – ты кое-что знаешь о разметке страницы и можешь, пусть и кривенько и некроссбраузерно, но сверстать макет. На этом этапе ты вдруг можешь понять, что тебе реально нравится работать с внешним видом страницы и делать её динамической. В этом случае твой выбор – Javascript, поскольку все выплывающие панельки и сворачивающиеся окошки в конечном итоге пишутся именно с помощью JS. На мой вкус это не самый красивый язык, да и с фронт-ендом мне работать не очень нравится. Поэтому я двигаюсь дальше и рекомендую тебе тоже не останавливаться – вдруг бэкенд понравится еще больше?

Здесь у нас выбор из нескольких языков. Грубо говоря, выбираем между PHP, Python и Ruby. Не буду сравнивать их, я выбрал для себя Ruby, так что и описываю шаги по изучению этого языка:

  • Codecademy Ruby: интерактивный курс по Ruby, на английском.
  • Книга Programming Ruby 1.9 & 2.0 (она же Pickaxe, она же Кирка), на английском
  • Rails Tutorial Майкла Хартла, на английском (русский перевод устарел)
  • Книга The Rails 4 Way, на английском

На первых порах этого более, чем достаточно. После прохождения курса по Ruby на Codecademy можно смело (но не спеша) приниматься за чтение Pickaxe. Книга на английском, в ней описано все самое необходимое, так что придется превозмогать себя и читать . Например так, как это делал я, по 1 главе в день. На это уходит максимум полчаса-час, не пожалей времени. То же самое касается книги The Rails 4 Way. Ничего страшного, если ты мало что запомнишь из туториала Хартла, главное, пройди его до конца.

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

К моменту, когда ты завершишь описанные шаги(кроме книг, может быть, с ними все может растянуться надолго), уже сложится понимание, хочешь ли ты заниматься веб-разработкой или нет. И если да, то ты поймешь, что тебе больше по душе – клиентская часть или серверная. И я очень надеюсь, что ты так же к этому моменту уже сможешь выбрать для себя список тем, которые необходимо изучать в будущем и книги, которые предстоит прочесть и запомнить для того, чтобы получить необходимые знания. Если нет – комментарии открыты, мои контактные данные есть на странице Обо мне, спрашивай. Не обещаю, что не стану в будущем брать за это деньги ;)

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

UPD: Пара ссылочек с нашего форума:

UPD 19.03.2015: http://codenamecrud.ru/ – прекрасный (и бесплатный) полноценный курс по введению в веб-разработку с нуля. Не на одну-две недели, но зато учит с самого-самого начала и помогает освоиться с HTML, CSS, JavaScript, jQuery, Ruby и Rails. То есть такой себе full-stack туториал.