КОГО ТЫ ИЗ СЕБЯ СТРОИШЬ: фронтенд разработчик

КОГО ТЫ ИЗ СЕБЯ СТРОИШЬ: фронтенд разработчик

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

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

Сразу же после окончания я остался в ВУЗе в качестве ассистента-преподавателя. Мой режим работы походил на цикл: вечером я учусь чему-то новому, применяю это на практике, а утром делюсь со студентами. В итоге я преподавал будущим PR-менеджерам основы верстки веб-страниц за пол семестра, в то время как меня этому учили два года.

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

Итак,

ШАГ 0

Ты решил посвятить себя “информационным интернет технологиям”.

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

Первая категория – это человек, работающий в далекой от IT сфере, и желающий освоить данный путь. Часто люди идут в эту профессию, разочаровавшись в собственном занятии и подкупленные большими цифрами зарплат. Но надежда разбивается о банальную сложность технологий, на изучение которых нужно много времени, сил и внимания. Если же ты четко понимаешь, что этот путь будет сложен, но готов бороться и тратить огромное количество времени на обучение (а во время обучения денежки не зарабатываются), то стоит продолжать. Если ты надеешься «выучить программирование за две недели» и «быстро получать зарплату в 2к долларов», то лучше отложить эту затею.

Вторая категория – это студенты и выпускники ВУЗов технических специальностей и люди, работающие в сфере IT, но решившие сменить специализацию. Главная проблема, которая возникает у этой категории – это либо самоуверенность «Я знаю все», либо «В меня запихали столько отрывочных знаний, что я не знаю, за что взяться». По опыту преподавания в ВУЗе и по собственной памяти могу сказать, что получить качественные знания по веб разработке в университете невозможно. Почему? Ответ прост – преподаватели не работают с тем, что преподают. Каждый месяц появляются новые технологии, и уследить за этим человеку, который не погружается в тонкости и нюансы, нереально. Поэтому, и всезнайка, и нерасторопный студент рискуют оказаться в равных условиях – они не имеют реальных знаний, не говоря уже о практике.

С чего же собственно начать?

С чего же собственно начать?

ШАГ 1 – ОСНОВЫ. ИЗУЧАЕМ HTML И CSS

Все начинается с простейшей верстки. Совет для первой категории: запишитесь на самые простые курсы по HTML (язык гипертекстовой разметки и каркас всего, что есть на веб странице) и CSS (язык для описания стилей и некоторых механик) для начинающих. Не имея представления о том, как это все устроено, будет тяжело стартовать, опираясь на мануалы, туториалы и видеоуроки. После прохождения вступительного курса лучше о них на время забыть (только если курсы не окажутся действительно стоящими и интересными, но тут лучше опираться на собственные ощущения).

Вторая категория – можно начать и с видеоуроков по все тем же HTML и CSS, попутно удивляясь, почему же фоновый цвет задается не через bgcolor? Это необходимо для того, чтобы подтянуть университетские знания и структурировать понятия.

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

HTML и CSS

ШАГ 2 – ПРОДОЛЖАЕМ ОБУЧЕНИЕ. HTML5 И CSS3

Многие начинающие верстальщики поначалу пропускают этот шаг и (сори за каламбур) наверстывают его походу. Но я бы советовал взяться за него конструктивно и освоить хотя бы его основы: теги блоков header, footer, nav, main, section, article и простейшую анимацию transform и transition, да и кейфреймы (для более сложной анимации) было бы неплохо освоить уже на этом этапе.

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

Все еще впереди

ШАГ 3 – ПРОГРАММИРОВАНИЕ. JAVASCRIPT И JQUERY

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

Хоть многие и строят обучение на первоначальном освоении javascript (объектно-ориентированный язык программирования, используемый браузерами), я бы посоветовал начинающим разработчикам попробовать библиотеку jQuery. Меня могут забросать камнями, но я постараюсь объяснить на чем основывается такой совет. Во-первых, javascript имеет довольно большой и громоздкий синтаксис, который приводит в замешательство начинающих разработчиков. На освоение простых принципов уходит очень много времени. Во-вторых, когда вы, зная и понимая javascript, переходите на jquery, возникает ощущение, что вы потратили кучу времени на изучение громоздкого и неудобного языка, когда можно было просто писать короткий и понятный код в два раза проще.

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

Javascript – это очень обширная технология: не стоит долго останавливаться на ней, изучая все нюансы. Изучайте ее параллельно со следующими шагами.

 

На этом пока все. Дальше – больше: новые шаги и огромные прыжки на пути к цели.