на каком языке программирования пишут веб сайты
Языки программирования и технологии для веб-разработки
Карьера в области веб-разработки является прибыльной, захватывающей и требующей готовности к постоянным изменениям. Для этого требуется определенный набор хорошо отработанных навыков и знание языков, которые вам нужно будет обновлять год за годом. В свою очередь, каждый день Вы сможете создавать действительно классные веб-материалы, и в конце каждого месяца вы будете получать хорошую зарплату. Неплохо, да?
В последние годы, когда сеть продолжает развиваться, появилось несколько различных потоков веб-разработки:
Независимо от того, какой путь вы выбрали, вы все равно должны понимать каждую сторону, чтобы правильно выполнять свою работу.
Итак, вот 10 лучших языков программирования для веб-разработки, как на стороне клиента, так и на стороне сервера.
CSS / HTML
JavaScript
Язык интерфейса, используемый для создания и разработки веб-сайтов, настольных приложений и игр. JavaScript работает во всех браузерах и может работать с программами, которые не размещены в Интернете. Он поддерживает как функциональные, так и объектно-ориентированные стили программирования, и в основном, это ваш подход к созданию потрясающих пользовательских интерфейсов и веб-сайтов / приложений / игр, которые выглядят супер круто. Понимание JavaScript важно, даже если ваше сердце настроено на развитие серверной части. Компоненты, структуры данных и алгоритмы JavaScript применяются практически к любому другому языку.
Python
Java, разработанная в 1990-х годах и по-прежнему наиболее востребованная, является золотым стандартом в области веб-разработки во всем мире, во всех областях. Она ориентирована на объекты и работает на любой платформе, что делает ее чрезвычайно универсальной. Если вы хотите, чтобы ваш safe можно было использовать практически во всех технологических компаниях в мире, то непременно выбирайте Java. Интересный факт: Java изначально предназначался для интерактивного телевидения, но вскоре его создатели поняли, что она слишком далеко опережает свое время для этой конкретной отрасли. Остальное уже история.
Иерархия компьютерных информационных систем для разработки сайта
В своей работе я постоянно сталкиваюсь с необходимостью создания или модернизации сайтов. При этом заказчики часто задают вопросы, почему вы рекомендуете именно эту CMS, зачем нужны фреймворки, как вы определяете, что нужно в нашем случае. Когда-то, когда я сам изучал это направление программирования, я и сам задавался подобными вопросами.
Но, независимо от личного профессионализма, наверное, практически каждый веб-разработчик сталкивается с вопросами, которые я озвучил выше. В помощь пользователям и коллегам, которые также вынуждены постоянно отвечать на одинаковые вопросы, я решил написать эту статью.
Что такое сайт
Чтобы разобраться в инструментах и программных решениях для создания сайтов, нужно четко понимать, что это такое – веб-сайт. Википедия дает такое определение:
Сайт, или веб-сайт (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети»), — одна или несколько логически связанных между собой веб-страниц; также место расположения контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Веб-сайты называются так, потому что доступ к ним происходит по протоколу HTTP.
С моей точки зрения, этот вариант грамотный, но сложный для восприятия не программистами. Я предлагаю обычно свой вариант определения:
Сайт – это технология, которая позволяет взаимодействовать с информацией посредством веб-браузера.
Здесь, как и в большинстве моих публикаций, я исхожу с определенной точки зрения, а именно точки зрения пользователя. Потому стараюсь избавиться от ненужных подробностей и делаю основной упор на то, что в итоге получит пользователь. Если
В данном случае важно понимать, что веб-сайты не существуют без веб-браузеров. Оба эти инструмента появились одновременно, и очень сильно взаимосвязаны. Так, без браузера вы не сможете увидеть информацию, размещенную на страницах сайта. Но, одновременно, без веб-сайтов браузеры становятся абсолютно бессмысленными программами. Даже если вы открываете почтовый клиент или сайт в мобильном телефоне, вы будете использовать браузер, явный или встроенный в приложение. И когда мы создаем сайт, мы всегда помним, что его будут читать веб-браузеры, и соответствующим образом пишем программный код.
Основные технологии разработки сайтов
Итак, решено. Вам нужен сайт. Но с чего начать и как его создать? Необходимо определиться, какие методы, инструменты и языки программирования вы будете использовать.
Существует 3 основных вида компьютерных информационных систем, которые используют для создания сайтов:
Чтобы получить готовый сайт, необходимо проработать два направления – ввод информации и вывод ее в браузере. Ввод может осуществляться также через браузер либо каким-либо другим методом. Так, нередко страницы кода создают в Блокноте или специализированных программах для создания сайтов, а потом выкладывают их в виде файлов на сервер. Но, как бы там ни было, первое, что нужно организовать, это ввод данных. Причем, в таком виде, чтобы впоследствии браузер смог их вывести на экран. Описанные выше технологии как раз и отвечают за ввод данных для сайта.
Давайте разберемся подробнее с каждым из вариантов, чтобы понять, чем они отличаются друг от друга и какой, когда лучше применять.
Языки веб-программирования
Языки веб-программирования – это самое нижнее звено, на котором можно писать сайт. Здесь следует понимать, что «нижнее» в программировании – это не самое простое, как это мы привыкли понимать, а наиболее близкое к машинному коду. Т.е. на самом деле, «нижний» уровень – наиболее трудоемок при использовании, но зато имеет меньше всего ограничений. Программист может написать любой код, ему не придется учитывать особенности уже разработанных инструментов и работать в их «рамках».
Наиболее популярные языки веб-программирования (привожу для примера, это не рейтинг):
Итак, язык программирования дает возможность написать любой сайт без ограничений. Это может быть важным, если вам не подойдет ни один фреймворк или CMS. На самом деле, сами фреймворки и CMS также пишутся на языке программирования. Но о них мы поговорим чуть ниже.
Например, вам необходимо создать систему авторизации пользователей на сайте. Программист должен будет подробно на уровне команд описать – где будут храниться данные, как они будут защищены, как будет выглядеть форма ввода, как система будет проверять наличие пользователя и т.д. Эта работа потребует значительных затрат рабочего времени программиста. Если решение нужно действительно уникальное, расходы оправданы.
Но вы и сами, скорей всего, замечали, что в интернете огромное количество типовых решений. Те же формы регистрации и авторизации мало чем отличаются от сайта к сайту. Писать каждый раз одинаковый код с нуля – это почти как «изобретать велосипед», бессмысленно и затратно. Потому и были придуманы инструменты для веб-разработки – Frameworks и CMS.
Применение Frameworks
Чтобы каждый раз не писать один и тот же код с нуля, многие программисты используют собственные наработки. Хранят типовые куски кода в файлах, применяют по мере необходимости. Но этот подход имеет определенные недостатки:
В результате базой готовых наработок чаще всего пользуется один человек. И каждый программист вынужден снова-таки, «изобретать свой велосипед», вместо чтобы взять готовый вариант у коллег. Фреймворки появились как решение проблемы стандартизации и создании базы готовых решений.
Frameworks в разработке сайтов – это фрагменты готового кода, объединенные в некие модули, которые для взаимодействия между собой используют некую парадигму, т.е. перечень заранее оговоренных правил.
Т.е. теперь для решения задачи авторизации пользователя нет необходимости писать код с нуля. Можно взять готовый фреймворк, установить его в нужном месте сайта, и все. Работа по созданию блока авторизации пользователей вместо нескольких дней, а иногда и недель, занимает считанные минуты. В некоторых случаях могут возникнуть сложности при настройке. Но даже тогда это – часы работы программиста, но никак не дни.
Вернемся к примеру с авторизацией, программист должен для реализации:
Т.е. программисту мало знать, например, PHP, но также придется изучить выбранный фреймворк.
Количество различных фреймворков постоянно растет. Разные программисты на разных языках пишут готовые решения под различные типы сайтов.
Список фреймворков (примеры, не рейтинг) :
Каждый из них требует от программиста затрат времени на изучения. Но, с другой стороны, позволяет экономить время и силы, применяя готовые модули.
К слову, когда говорят о фреймворках, часто упоминают «каркас» или «фундамент». Одна из причин – перевод самого слова «Framework», по-русски это и будет «каркас». На самом деле, в программировании сложно говорить о каркасных решениях. Фреймворки – это именно модули, а сама работа с фреймворками больше похожа на конструктор «Лего», т.е. отдельные кирпичики соединяются друг с другом, а потом еще и еще в общую систему.
Если мы работаем на фреймворке, мы не можем разделить, вот тут мы работаем с сайтом, а тут – с фреймворком. Так не бывает. Если сайт создается на фреймворке, то с ним вы будете работать постоянно. Это общая система, в которой все взаимосвязано друг с другом.
Описанные выше варианты требуют обязательного участия в процессе создания сайта профессионального веб-программиста. Но что делать, если вы хотите создать сайт, но у вас нет нужных знаний? Здесь на помощь приходит готовая система управления контентом CMS.
CMS (Content Management System) – это готовая программа или система, предназначенная для создания и редактирования, т.е. управления контентом.
Подробно о том, что такое CMS, я обязательно расскажу в одной из будущих статей. С точки зрения иерархии CMS – это следующий уровень, такая система может быть написана на языке программирования или собрана из фреймворков.
Например, вы – не программист, но хотите вести свой блог. И вам нужна та самая, уже много раз упомянутая нами система авторизации. Вам нужно, чтобы вы могли входить на сайт и добавлять информацию, нужны различные права доступа для пользователей, которые будут комментировать ваши тексты, для соавторов и т.д. Возможно, вам также захочется подключить авторизацию через социальные сети и т.д.
Если все это писать на языке программирования, придется изучить язык, особенности API, базы данных и многое другое. Если вы решите подключить фреймворк, то скорее всего вам нужно будет найти подходящий модуль(пьагин), изучить выбранный фреймворк, правильно установить и настроить модуль.
В CMS самое главное – это не разработка сайта, а управление контентом. Разработка здесь уходит на второй план. В эту систему вы просто заносите контент, и получаете готовый сайт, куда смогут зайти люди. А такие вещи, как авторизация пользователя и многие другие функции, уже реализованы. Даже настройка прав доступа возможна без знания фреймворков и языков программирования. В CMS основная работа ведется с контентом, и ориентированы эти системы не столько на программистов, сколько на пользователей.
Но не стоит обольщаться, совсем без программиста при настройке CMS редко кому удается обойтись. Если вам нужен самый простой блог или сайт-визитка, вы не привередливы в плане внешнего вида, т.е. согласны на один из готовых шаблонов, проблем не будет. В серьезных проектах, где вам надо будет подключать корзину для покупок, автоматическую оплату и многое другое, без помощи специалиста не обойтись.
Программист, который работает с CMS должен понимать: как работают встроенные модули системы, понимать, где и какой код открыт для изменения, уметь корректно работать с кодом CMS. Если он также применяет фреймворки, например, для реализации возможностей, не предусмотренных в CMS, ему также придется изучить какие-то Framework и уметь настраивать обмен информацией между ними и кодом CMS. И, конечно, все это невозможно без знания языков программирования. Т.е. на этом уровне программист должен знать все три типа работы с сайтами.
Но, с другой стороны, CMS – это готовые решения, которые можно быстро установить и настроить. При этом программисты принимают все меньше участия в этом процессе. Современные CMS уже настолько мощные, что часто даже специалисты не интересуются, на чем они написаны, просто выполняют настройку при помощи встроенных решений и подключаемых модулей.
И как бы то не было, CMS не создается на пустом месте, и и в том или ином виде содержит в себе фреймворк. Некоторые разработчики используют готовый фреймворк ( для примера CMS Drupal разработан на базе фреймворка Symfony), а разработчики WordPress не сообщают об использовании фреймворка, но все равно CMS содержит в себе готовые модули.
Примеры популярных CMS(не рейтинг):
Разные CMS ориентированы на различные типы сайтов, есть среди них платные и бесплатные, с открытым и закрытым кодом. Подробно о том, как выбрать CMS, вы можете прочитать в статье, посвященной этому вопросу.
Как использовать иерархию КИС
Описанную выше иерархию можно сравнить со слоеным пирогом.
Первый уровень – язык программирования – имеет только ядро и ничего более. Мы не можем расширить его функциональность. Мы просто работаем с программным кодом. Конечно, в некоторых языках есть возможность подключать готовые библиотеки, т.е. куски кода. Но это, скорее, вспомогательные инструменты. По сути, язык – это и есть ядро. И в этом случае программист работает с ядром напрямую.
Когда речь идет о фреймворке, там уже есть ядро, сам фреймворк, и готовые модули. И, конечно, все это основано на языке программирования. Здесь мы можем установить ядро, после чего выбирать и подключать нужные модули. Можем написать эти модули самостоятельно или доработать код существующих, таким образом, возвращаясь частично на уровень работы с языком программирования.
В CMS ядром становится большая и мощная система, а к ней подключаются различные модули, встроенные или загружаемые. В случае, если вы работаете с CMS и фреймворками, придется установить весь пакет базовых решений, и только потом проводить настройку и доработку. И, конечно, в случае необходимости всегда можно вернуться на уровень прямой работы с кодом, конечно, если вся CMS или еще часть не закрыты для редактирования.
Важно понимать, что в программировании всегда есть ядро, и модули, которые создаются на основе ядра для облегчения труда программиста. При этом, чем выше степень упрощения, тем больше ограничений. Т.е. чем выше в иерархии выбранное решение, тем меньше вариантов решения будет доступно.
В CMS большое число решений уже реализованы, и мы не сможем их настраивать «под себя» так, как это позволяют сделать фреймворки. Но и они, в свою очередь, не дают такой свободы в выборе решений, как прямая работа с кодом.
На основе этого правила, можно дать ответ на вопрос, что и когда следует выбирать для создания сайта. Если у вас – типовой интернет-магазин, статейный блог или другой подобный не самый сложный проект, CMS станет оптимальным решением. Система позволит создать сайт максимально быстро и дешево.
В случае сложных проектов, например, с какими-то не типовыми вариантами личного кабинета, с активным использованием API, с постоянным обменом большим количеством данных, доверьте решение специалистам. Программисты смогут определить, какой инструмент подойдет для вашего случая. Каждая задача требует своего набора инструментов и их комбинаций.
Чем ниже уровень выбранного решения, тем больше знаний потребуется от вас. Даже если вы сотрудничаете с программистами, необходим определенный уровень понимания особенностей работы с выбранным инструментом, чтобы говорить с ними на одном языке. Потому не стоит применять чистый код для типовых решений, это сложно, долго, дорого. Но если ваша задача нетривиальна и сложна, придется готовиться и к таким решениям.
Какие языки используют при создании сайтов
Принцип создания сайтов появился в процессе разработки языка HTML, позволяющего представлять страницу в виде гипертекста, считываемого HTML или веб-браузером. На более низком уровне речь идет об установке сетевого соединения по прикладному протоколу HTTP или HTTPS. Именно эту аббревиатуру можно увидеть в качестве приставки к любому веб-адресу, имеющуюся перед доменным именем в строке браузере. Чтобы понимать, какие языки используют при создании сайтов, нужно иметь представления о способах передачи данных в Интернет и интернет-протоколах.
Прикладные протоколы, веб-браузер и гипертекст – что это такое
Прикладные API-протоколы HTTP или HTTPS являются более ранней и более поздней разработкой соответственно. Отличаются уровнем защиты соединения. HTTPS – это шифрованная версия, она позволяет снизить риски несанкционированного получения данных во время серфинга пользователя в Интернет, но полностью их не исключает.
Эти виды программных приложений представляют собой программно-организованный способ передачи данных, используя возможности стека OSI и основного и стандартизированного протокола TCP/IP. Такие программы пишутся на языке С# и Eclipse. Эклипс – это интегрированная (кроссплатформенная) среда для создания сетевых приложений, которые будут работать на всех типах платформ, например, на IBM/PC, Apple, Android и других. Для обычного пользователя написание прикладного протокола для работы сайта в сети не только не требуется, но и окажется непосильной задачей.
Пользовательский уровень задач работает уже с готовым протоколом передачи данных, который в свою очередь встроен или интегрирован в веб-браузер. Последний представляет весьма специфичное программное приложение высокого уровня.
В упрощенном понимании функции браузера состоят в том, чтобы воспроизводить на экране страницы сайтов, представленных в гипертекстовом виде, то есть в HTML. Все языки программирования, на которых пишутся сайты тем или иным образом представляют функциональные модули. Их результат работы выводится на экран пользователя в гипертекстовом виде.
Язык гипертекстовой разметки Hyper Text Markup Language является стандартом разметки текстов для их воспроизведения в браузерах, разработанных разными производителями. Страницы в основном представлены в HTML или более новой XHTML-версии. Синтаксис довольно прост, текст помещается в определенные стандартные теги, с помощью которых браузер «понимает», как выводить ему эту часть веб-страницы.
Примеры тегов:
– абзац текста;
text – ссылка в тексте;
text – выделить жирным;
PHP – самый распространенный в мире язык программирования сайтов
Сайты пишутся в готовых интегрированных средах, которые используют для создания пользовательских шаблонов язык PHP. Это довольно простая и самая распространенная среда для создания веб-приложений различной функциональности. Для обычного пользователя не имеет смысла писать интегрированную среду «с нуля», а стоит воспользоваться готовой cms-системой (системой управления сайтами), позволяющей написать собственную адаптацию сайта на выбранном «движке». Этого достаточно и для создания сайтов на русском языке.
Самой распространенной средой для сайтов является WordPress, Joomla, более простой – Wordstat и другие. Каждая из этих систем поддерживает написание шаблонов в HTML, PHP, Java, C++ и на других языках (указаны по степени популярности в прикладных средах).
Особенностью современных языков программирования является использование высокоинтегрированныхсред для создания приложений. То есть программисты обычно не пишут код, как говорится, руками. Им даже достаточно составить UML-сценарии, а среда их преобразует в конечный результат на выбранном языке.
По этому принципу работают и интегрированные среды систем управления сайтами. WordPressпозволяет создавать и переделывать сайты в удобных редакторах. И только некоторую функциональность пользователь может добавить путем внесения изменений в исходный код (таблица CSS-стилей и пользовательский Function.php). Опять же из среды можно получить доступ к этому разделу и написать короткое дополнение или функцию. Важным замечанием является тот факт, что PHPработает на стороне сервера, то есть не требует установки приложений на стороне клиента.
Языки для создания сайтов и высоконагруженных проектов
Как выяснили, задача языка программирования для сайта состоит в том, чтобы создавать тем или иным способом описание страницы. Язык гипетекста достаточно простой, к сайтам добавляется графика, функции и возможности, это делается с помощью специализированных языков программирования:
Из приведенного списка видно, что языки программирования ориентированы на разные запросы пользователей и разработчиков, пытающихся создать сайт. Профессиональные среды подразумевают создание уникальных веб-сервисов с широкой функциональностью. Это избыточно для обычного пользователя, планирующего написать свой сайт.
Какой язык выбрать для сайта?
Для создания собственного веб-сайта нужно подобрать систему управления сайтами CMS. Адаптация своего ресурса предполагает доработку готового шаблона. В WordPress шаблоны называются темами. Для этих целей потребуется разработать собственные функции. Чтобы создавать сайт, достаточно двух языков программирования PHP и JavaScript. Для оформления текстов, конечно, необходимо знать синтаксис HTML&CSS.
Выбираем язык для веб-разработки
С конкретными языками в этом плане проще — обычно базовых знаний уже достаточно для оценки, поэтому сменить направление деятельности можно быстро и без больших потерь времени. Однако именно выбор языка приводит юные умы в ступор: ведь их куда больше, чем общих направлений программирования, а браться за что-то надо.
Спокойствие, сейчас коллективный разум сделает выбор за вас.
В первой части поговорим о языках веб-пространства. Какой предъязыковой расклад надо знать и каков порядок изучения? Об этом далее.
Передовая, тыл и неочевидный выбор
Первый выбор, который надо сделать — сфера ответственности.
Front-end разработчики
Иногда их еще называют веб-дизайнерами, но это неправильно. Задача front-end разработчика сводится к созданию интерфейса, он отвечает за то, чтобы веб-страница загружалась быстро, не тормозила и код на ней работал правильно.
Backend-разработчики
Люди, ответственные за скрытую от глаз функциональность и обработку данных. Их работа — написание серверного кода.
Full-stack специалисты
Они востребованы наибольшим образом просто потому, что способны в одиночку выполнить все пожелания заказчика.
Конечно, проще всего поставить себе задачу разобраться со всем, но это лишь рассеет ваше внимание на ранних этапах, а на более поздних вы и так познаете необходимость хотя бы поверхностного изучения всех процессов. Поэтому пойдём по порядку и начнём с front-end.
Лицо, которое надо продать
Самое главное, что не надо делать человеку, желающему стать front-end разработчиком, так это искать минимальный список предъявляемый список требований к специалисту. В этом случае велик риск наткнуться на статьи, подобные статье «Frontend-разработчики должны быть в теме всего». Всё что там написано — абсолютная правда, но прийти к этому надо начиная с малого, а малое — это 3 основных кита frontend-а: HTML, CSS и JavaScript. Базу для дальнейшнего обучения вы можете получить на бесплатном интенсиве по веб-разработке.
Ещё несколько лет назад, изучив HTML и CSS в формате нескольких умных книг, а JS на уровне jQuery, можно было всерьёз претендовать на позицию junior-a. Однако сегодня времена изменились, а требования сильно возросли. Впрочем, знания HTML и CSS по-прежнему можно уложить в пару хороших книг:
На JavaScript придётся потратить достаточно много времени. Здесь мало будет изучить теорию, например по книге «JavaScript: Сильные стороны». Необходимо несколько месяцев набивать руки и тренировать мозги на практике, в том числе используя упомянутый jQuery.
Кроме теоретических и практических знаний, front-end специалист должен очень хорошо знать последние интернет-тенденции и уметь профессионально их применять. Ведь это именно та зона ответственности, по которой подавляющее большинство заказчиков будет оценивать весь проект на момент сдачи.
Обработать, прикрутить и создать
Базовый язык для любого back-end разработчика — PHP. Это некоторая основа, знать которую в совершенстве, как и делать основным инструментом, совсем не обязательно, но на базовом уровне понимать обязаны. Для этого можно хотя бы внимательно изучить книгу «PHP: правильный путь».
Что касается актуальных языков, то выбирать скорее всего придётся из Ruby и Python, причём выбор этот — чистая вкусовщина. Даже здесь на форуме периодически вспыхивают споры, но даже в споре за удобство изучения однозначного победителя найти невозможно. По Python полезно будет прочитать книгу с незамысловатым названием «Изучаем Python», по Ruby — «Rails 4. Гибкая разработка веб-приложений».
Ещё один язык из разряда must know — всё тот же JavaScript с его производными jQuery и Ajax. В данном случае интересует именно back-end разработка, поэтому тратить время на общее изучение языка не имеет смысла, а вот посещение ресурсов вроде блога Антона Шевчука может оказаться крайне полезным.
Ну и конечно потребуются знания в области баз данных. Как минимум, это означает изучение SQL, как максимум — опыт работы с популярными БД.
Один за всех
Правда профессии веб-разработчика в том, что так называемых «сферических» специалистов здесь практически нет, да и рядовые заказчики далеко не всегда понимают эти деления, поэтому в том или ином виде к full-stack-у придётся прийти довольно быстро. Соответственно перечитайте предыдущие 2 раздела, посетите ещё раз форум GeekBrains и начинайте грызть гранит программной науки.
Знания не о языках
Помимо самих языков, необходимо изучать все прилагающиеся к ним профильные надстройки. Особенно это касается JavaScript (AngularJS, Knockout, Backbone) и CSS (Bootstrap, Foundation). Кроме того вам необходимо набить руку с системами контроля версий Git и SVN.
Для того, чтобы добиться больших успехов в веб-разработке — запаситесь терпением, двигайтесь шаг за шагом к своей цели, выбирая ту дорожку, которая представляется вам максимально интересной. И совсем не важно, если она отличается от описанной выше или в какой-то другой статье. Любите то, что делаете, посвящайте этому время, вкладывайте душу, и успех не заставит себя ждать.
Самый мучительный выбор для тех, кто хочет попасть в мир программирования — выбрать свою область. Мучителен он потому, что проснувшись однажды и поняв, что это не ваше призвание, а не просто лень продолжать, вы потеряете месяцы и годы обучения и практики.
С конкретными языками в этом плане проще — обычно базовых знаний уже достаточно для оценки, поэтому сменить направление деятельности можно быстро и без больших потерь времени. Однако именно выбор языка приводит юные умы в ступор: ведь их куда больше, чем общих направлений программирования, а браться за что-то надо.
Спокойствие, сейчас коллективный разум сделает выбор за вас.
В первой части поговорим о языках веб-пространства. Какой предъязыковой расклад надо знать и каков порядок изучения? Об этом далее.
Передовая, тыл и неочевидный выбор
Первый выбор, который надо сделать — сфера ответственности.
Front-end разработчики
Иногда их еще называют веб-дизайнерами, но это неправильно. Задача front-end разработчика сводится к созданию интерфейса, он отвечает за то, чтобы веб-страница загружалась быстро, не тормозила и код на ней работал правильно.
Backend-разработчики
Люди, ответственные за скрытую от глаз функциональность и обработку данных. Их работа — написание серверного кода.
Full-stack специалисты
Они востребованы наибольшим образом просто потому, что способны в одиночку выполнить все пожелания заказчика.
Конечно, проще всего поставить себе задачу разобраться со всем, но это лишь рассеет ваше внимание на ранних этапах, а на более поздних вы и так познаете необходимость хотя бы поверхностного изучения всех процессов. Поэтому пойдём по порядку и начнём с front-end.
Лицо, которое надо продать
Самое главное, что не надо делать человеку, желающему стать front-end разработчиком, так это искать минимальный список предъявляемый список требований к специалисту. В этом случае велик риск наткнуться на статьи, подобные статье «Frontend-разработчики должны быть в теме всего». Всё что там написано — абсолютная правда, но прийти к этому надо начиная с малого, а малое — это 3 основных кита frontend-а: HTML, CSS и JavaScript. Базу для дальнейшнего обучения вы можете получить на бесплатном интенсиве по веб-разработке.
Ещё несколько лет назад, изучив HTML и CSS в формате нескольких умных книг, а JS на уровне jQuery, можно было всерьёз претендовать на позицию junior-a. Однако сегодня времена изменились, а требования сильно возросли. Впрочем, знания HTML и CSS по-прежнему можно уложить в пару хороших книг:
На JavaScript придётся потратить достаточно много времени. Здесь мало будет изучить теорию, например по книге «JavaScript: Сильные стороны». Необходимо несколько месяцев набивать руки и тренировать мозги на практике, в том числе используя упомянутый jQuery.
Кроме теоретических и практических знаний, front-end специалист должен очень хорошо знать последние интернет-тенденции и уметь профессионально их применять. Ведь это именно та зона ответственности, по которой подавляющее большинство заказчиков будет оценивать весь проект на момент сдачи.
Обработать, прикрутить и создать
Базовый язык для любого back-end разработчика — PHP. Это некоторая основа, знать которую в совершенстве, как и делать основным инструментом, совсем не обязательно, но на базовом уровне понимать обязаны. Для этого можно хотя бы внимательно изучить книгу «PHP: правильный путь».
Что касается актуальных языков, то выбирать скорее всего придётся из Ruby и Python, причём выбор этот — чистая вкусовщина. Даже здесь на форуме периодически вспыхивают споры, но даже в споре за удобство изучения однозначного победителя найти невозможно. По Python полезно будет прочитать книгу с незамысловатым названием «Изучаем Python», по Ruby — «Rails 4. Гибкая разработка веб-приложений».
Ещё один язык из разряда must know — всё тот же JavaScript с его производными jQuery и Ajax. В данном случае интересует именно back-end разработка, поэтому тратить время на общее изучение языка не имеет смысла, а вот посещение ресурсов вроде блога Антона Шевчука может оказаться крайне полезным.
Ну и конечно потребуются знания в области баз данных. Как минимум, это означает изучение SQL, как максимум — опыт работы с популярными БД.
Один за всех
Правда профессии веб-разработчика в том, что так называемых «сферических» специалистов здесь практически нет, да и рядовые заказчики далеко не всегда понимают эти деления, поэтому в том или ином виде к full-stack-у придётся прийти довольно быстро. Соответственно перечитайте предыдущие 2 раздела, посетите ещё раз форум GeekBrains и начинайте грызть гранит программной науки.
Знания не о языках
Помимо самих языков, необходимо изучать все прилагающиеся к ним профильные надстройки. Особенно это касается JavaScript (AngularJS, Knockout, Backbone) и CSS (Bootstrap, Foundation). Кроме того вам необходимо набить руку с системами контроля версий Git и SVN.
Для того, чтобы добиться больших успехов в веб-разработке — запаситесь терпением, двигайтесь шаг за шагом к своей цели, выбирая ту дорожку, которая представляется вам максимально интересной. И совсем не важно, если она отличается от описанной выше или в какой-то другой статье. Любите то, что делаете, посвящайте этому время, вкладывайте душу, и успех не заставит себя ждать.