В этой статье я не буду углубляться во все технологии, которые необходимо знать фронтенд-разработчику, чтобы устроиться на работу, а напишу о главных, базовых. Ниже описанную последовательность, я бы с удовольствием принял бы от кого-то в качестве совета на самом начале моего обучения.
Для начала хочу рассмотреть последовательность изучения, которую я считаю абсолютно неправильной. Именно такую последовательность предлагают некоторые IT-школы в своих программах. Людям, которые в большинстве своём, не имеют никакого представления что и как, но которые выбрали именно фронтенд, потому что это должно быть интересно, предлагают начать сразу с языка программирования javascript. То есть программа начинается с двух! месяцев изучения javascript, в которой один только код, и максимум как визуально можно увидеть работает он или нет — это вывести результат в консоль в виде данных, либо тоже самое через всплывающее окно в браузере. И всё. Лично мне кажется, что я бы уже через неделю забросил обучение, потому что эта «интересность» так и не наступает, а понимать программирование очень сложно. В результате: сложно и не интересно. Зачем тогда продолжать себя мучать?
Второй, как я считаю, тоже не совсем верный, но более распространенный подход — это сначала изучение html/css, а после полное погружение в javascript. На примере группы в которой я прохожу обучение, несколько человек, после двух месяцев html/css, вероятно ожидали подобной «легкости» от языка программирования. Ну первые же два легко дались. Да, js — это что-то другое, но уровень сложности обучения уже был установлен, поэтому, скорей всего, и дальше будет легко. Какого же было удивление людей, когда их «розовые очки» были сняты. Я тоже был среди них. Разница лишь в том, что я сразу себя готовил, что будет очень тяжело, и что html/css — это цветочки. В результате, эти несколько человек просто сдались уже в первый месяц обучения, а я остался.
И вот теперь я дам совет новичкам, которые всего на несколько месяцев отстают от меня в обучении.
Во первых, для того, чтобы понять все прелести профессии фронтенд-разработчика, нужно начинать с языков разметки и стилей html/css. Про них всегда говорят как про одно целое, потому что они очень тесно связаны. Хотя бы потому, что вы не сможете визуально увидеть свою html-разметку и понять её принцип работы, пока не покрасите или обведете блоки с помощью css-стилей.
В процессе вы заметите, что вы изучаете уже только css, потому что помимо внешнего вида элементов, этот код отвечает за позиционирование относительно друг дуга на странице. Не всем это дается сразу и не всем легко, но, поверьте, когда вы начнете углубленное изучение javascript, вы будете вспоминать css с теплотой и любовью.
И вот на моменте, когда уже можете сверстать простой блок, скажем, с одной картинкой, текстом и кнопкой, я бы рекомендовал начинать «щупать» javascript. Изучите как подключить файл скрипта, как повесить обработчик событий на кнопку. Привяжите кнопку к какому-то простому действию, например перекрасить цвет блока, при помощи добавления ему определенного класса. Пусть вы не будете понимать полностью принцип действия и просто скопируете чей-то код из Гугла, подставив свои значения, но начало будет положено.
И вот, в процессе обучения css, периодически, нужно пробовать искать ответы в гугле, на какие-то базовые простые вопросы. Хотя-бы выработать привычку каждый раз вешать какие-то события на кнопку — это уже хорошая практика. Показать/скрыть блок, перекрасить какой-то элемент, вызвать всплывающее окно с какой-то информацией, а может даже вывести какой-то конкретный элемент, на котором кликнули — все эти базовые команды команды со временем начнут складываться в голове по кирпичикам. И периодически, выделяя время для решения легких задач в js, вы предотвратите ваш шок, когда следующим шагом в вашей учебе будет полное погружение в javascript. А то, что вы начали обучение сразу с тех действий, после которых вы мгновенно видите результат своей работы, будет вас мотивировать и не даст забросить учебу.
Надеюсь, эта статья была кому-то полезной. Для тех, кто только в начале пути, и у вас есть какие-то вопросы, спрашивайте, я с радостью вам помогу чем смогу.
Мой путь в IT 