Легкий фронтэнд. Миф или реальность?
Бытует такое мнение в сфере IT и около ее, что для WEB разработчиков (фронтэнд ,бэкенд,верстальщик ) сравнительно низкий порог входа для новичков. Когда начинаешь гуглить, искать статьи и читать форумы все не так однозначно. Есть две стороны медали…кому то удается, а некоторые ,увы пасуют. Для того чтобы в какой-то степени разобраться в этом я решил написать данную статью, чтобы показать людям которые хотят себя попробовать в этой сфере так ли это. Легко ли себя переквалифицировать, стоит ли оно того, и что я учил и как.
Сразу скажу, данная статья не гайд ,и она просто ознакомительная, в ней не будет каких то аксиом по которым должен учиться человек, возможно даже мой пример – плохой пример. Я не стремлюсь, к каким то лаврам и ничего не жду взамен. Перед Вами история обычного человека, который увлекся вэбом и решил что-то поменять в своей жизни.
Каждый человек, который решает чем то заняться имеет к этому какую-то предпосылку, не думаю что человек который, допустим захотел стать электриком, как то проснулся, подумал, и пришел к этому выводу. Или ударился головой о дверной косяк, и его посетила эта мысль.
Всегда есть причина и следствие. Мы не будем впадать в крайности, когда родители заставляют идти учиться в тот вуз который они хотят а не их ребенок, когда человек хочет заниматься рисованием но понимает что так он семью не прокормит. А по факту вуза, даже те у кого есть выбор куда идти учиться ,делают ошибки, наверно поэтому у нас много людей работают не по специальности..В основном человек занимается своим хобби/любимым делом (называйте как хотите от этого суть не меняется) когда это ему в кайф. Веду все к тому, что и со мной было также, идея заняться вэб разработкой не появилась на пустом месте. Хотя изначально я учился в колледже а потом в университете на факультете компьютерных технологий .Но то ли был молод, то ли преподаватели плохо объясняли, короче после учебы я не работал по специальности. Не спорю, моя вина в этом есть, и то что я не учился, точнее я учился но не занимался развитием и самообучением тоже мой косяк. Но тогда в эру, когда ПК было, чуть ли не 7-е чудо света, а интернет был недосягаем для саморазвития, оставались библиотеки, но наверно тогда мой мозг думал в другом направлении. Те языки, которые мы учили, показались мне очень нудными. Весь процесс обучения был очень сухим, что естественно отгоняло охоту. Это сейчас я знаю что можно заделать при помощи того же С# или JavaScript, но тогда этого никто не доносил …Это тоже самое что дать человеку набор красок и карандашей но не сказать что помощью этого можно рисовать чудесные картины на которых будут пейзажи..портреты. Аналогия с программированием в вузе похожая – учили, как пользоваться инструментом, но что им можно сделать, для чего он, никто толком не сказал. Ладно, это все полемика.
Что же так повлияло на меня и заставило захотеть учиться верстке и фронту? Все очень просто и банально. У меня есть друг, мы с ним часто общаемся и как то раз он мне сказал, что решил обучиться этому делу, имея двоих приятелей, которые ему подскажут (оба они уже не первый год в этой сфере работают) он решился взяться за дело. Человек уволился с работы и с головой ушел в процесс обучения.
Один раз я зашел к нему в гости и попросил показать, что же он там наверстал. Скажем так я знал, что сайты разрабатывают.. что есть системы управления контентом.. а больше я ничего не знал.
То что он мне показал меня просто поразило. Это был адаптивный сайт, с слайдером посередине, обычный бесплатный шаблон, скачанный с инета, банальная лендинговая страничка с навигацией, выпадающим меню если размер окна браузера делался маленьким и слайдер на JS
Это до такой степени меня поразило и заинтересовало, что мне захотелось тоже попробовать это. Еще меня поразило то, что эту штуку сделал человек, который ничем не отличается от меня. То есть имеет две руки, две ноги, голову и вроде бы я не тупее его и не наоборот. Если у него получилось, то и у меня получиться. Правда на тот момент он уже разобрался с JS и осваивал фреймворки. Кстати он уже работает в IT компании и является еще одним примером того, что если захотеть, то можно в космос полететь.
Итак, расспросив все у друга, я начал этот путь. Сначала надо было учить HTML. Погуглив а также посоветовавшись с товарищем выбор пал на уроки Попова которые есть на ютюбе. И ща начнется срач, типо Попов отстой и тому подобное. Отчасти я с вами согласен, но отстой скорее всего того, что уроки старые, технологии поменялись. Но с другой стороны, в нете нет такого хорошего базового курса в виде скринкаста, как у Попова. И хороший он не в том что вас там научат, на самом деле там вас нихрена не научат, хороший он тем, что курс показывает базовые возможности языка разметки, то что можно сделать, и дает общее понимание того что и как нужно делать, научит синтаксису, если это можно так назвать. Посмотрев этот курс, далее было WebDesignMasters, Loftblog. Там уже все по-другому, много чего показывают, объясняют. Кажется, посмотрев пару раз видосы, почитав сайты, появляется мысль, что ты уже можешь учить CSS. И как кагбэ доля правды в этом есть. Далее был CSS.
С CSS таже фигня – Попов форефер…Была идея смотреть Соракса, но к сожалению я смотрел сначала Попова, а потом Соракса. На тот момент я еще не знал про существование его канала. Но по факту может это и к лучшему, так как Соракс конечно красавчик, но усвоить такой поток качественной инфы я бы наверно сразу не смог. Так что когда курс Попова был пройден, я пересмотрел все уроки Соракса и был очень доволен. Но всегда при просмотре когда ,что то делали меня интересовал вопрос, почему именно так, почему не иначе, зачем делать так если можно сделать по-другому. Поэтому ставить на паузу приходилось часто, так как пытливый ум лез в гугл и искал ответы. Так я впервые узнал термин “быдлокодер”, и старался делать все для того чтобы мой код не попадал под данное название.
Все уроки, которые я смотрел, сопровождались кодингом в sublime text3.Были установлены все возможные нужные на то время плагины, начиная с Эммета и заканчивая плагином который вставляет названия файла в url. До этого я писал в Notepad++, и он мне нравился, нельзя сказать, что он отстойный,…но когда я увидел возможности саблайма с его набором плагинов, мое мнение поменялось. Это тоже самое как ездить на мопеде, а потом пересесть на спортбайк. Кстати мой друг юзает phpstorm и не признает саблайм, так что каждому свое. Дело вкуса как говориться.
Итак, вроде бы знаешь HTML и CSS думаешь ,вот сейчас начну верстать. А хрен вам. Я наверно выучил больше, когда начал верстать шаблоны, чем когда смотрел уроки. На практике все было совсем не так как на ютюбе, было куча проблем, вечно что то не получалось, иногда для того чтобы понять в чем проблема я сидел не один час в гугле в поисках ответа. В ход шли англоязычные сайты, благо английский я со школы неплохо знаю, не скажу что супер-пупер, но читать и говорить могу, с писаниной дела не так радужно как с разговорным. Да и в конце концов гугл переводчик никто не отменял. И кстати поиски инфы на зарубежных сайтах помогли вспомнить и подтянуть инглиш. В итоге с горем пополам я сверстал свой первый сайт одностраничник, это был фиксированный сайт. Визуально все было красиво, пиксель в пиксель, но код….Кароч друг указал мне на то, что не так и я взял это на ум.
Второй макет я сверстал быстрее, и теперь я отвлекался намного меньше на поиски решения проблем.
Далее я понимал, что надо браться за адаптивные сайты.
Было два варианта развития событий. Один из них это освоить фреймворки Twitter Bootstrap и Foundation и начинать валить адаптивные сайты на базе их сетки…Второй вариант это самому сделать какого то рода сетку или понять смысл этой сетки и с помощью относительных размеров и медиа запросов сделать адаптивный сайт. Я пошел вторым путем. И это было, мягко говоря, мазохизмом. Возможно, не надо было придумывать велосипед, а сразу над было делать все с помощью фреймворка. Но как то хотелось понять как сделать адаптив самому а потом лезть в бутстрап и фаундейшн.В итоге я очень долго продолбалса с этим адаптивным сайтом. Опять было куча вопросов…казалось что руки растут не с того места, и посещали мысли ,что возможно я тупой. Но настойчивость и терпение сделали свое дело и я сделал тот макет.
После этого я освоил фреймворки, благо опять же и уроков хватает, да и на оффсайтах техническая документация нормально написана. Оговорюсь, что сайты были на голом HTML и CSS, JS я не использовал, так как он был одним из следующих пунктом обучения. Естественно я ознакомился с тем, что можно сделать на базе JS в бутстрапе или фаундейшене, но глубже не копал.
С помощью бутстраповской сетки я сверстал следующий макет…и был очень удивлен тому что это было быстрее, чем если бы я сам изобретал велосипед.. Потом был еще один макет и еще и еще..Так же я узнал про всякие фичи на css и html. Типа выпадающего меню при наведении, или эффект нажатия кнопки который делается помощью специальных стилей. Вдаваться в подробности того ,что я еще узнал не буду, так как это мелочи, которые были освоены в процессе поиска ответов, и так сразу вспомнить немножко трудно. Так же я освоил препроцессор HTML jade, возможно он на данном этапе не нужен, но просто было интересно, что там и как, синтаксис у него вообще легкий, и понять его очень легко. Тоже самое было с препроцессорами Less и Sass. По поводу инфы для обучения для выше упомянутого ,то все есть в нете и если есть желание все можно найти.
Кстати, по поводу обучения, хотел бы сделать этакое отступления. В данный момент куча курсов которые рекламируют, в которых утверждают что научат вас.
И если вы думаете что я скажу что это не так, то вы ошибаетесь. Я думаю что вас там научат, и дело даже не в том что там очень хорошие преподаватели, а дело будет в том, что вы заплатите сумму денег и как ни странно, хотите вы или нет вам нужно учить материал. Так как вряд ли здравомыслящий человек просто возьмет и выкинет бабло на ветер. Естественно и в этом плане есть исключения ,но таких единицы. Получается если нет мотивации и вечно надо давать пенька под зад и есть деньги, то почему бы и нет? Почему бы не заплатить чтобы тебя учили, возможно даже потом роботу предложили. Была бы у меня возможность ,я тоже наверно записался бы, я так думал каждый раз когда начинал что-то новое, или что-то не получалось, но когда я преодолевал этап ,я понимал что сам все решил и разобрался, да, возможно не сразу но все таки сам. Возможно я имею кучу мотивации, и поэтому меня не надо загонять к учебе, я сам понимаю что мне нужно, и есть понятия того что сегодня я не буду смотреть фильм после работы а буду учиться. Да, забыл сказать, я имею основную работу а по вечерам занимаюсь этим хобби, также и в выходные много времени уделяю обучению. Поэтому могу сказать такое, если у вас хватает усидчивости и желания а также мотивации то думаю курсы вам не нужны…понятное дело что будет тяже но зачем платить если и так все получиться. И обратно пропорциональное мнение, если чего то нет и жопа жаждет насрачников и пинков то вэлкам на курсы за деньги..
Подходим к самому интересному ,к тому на чем я завис сейчас. Это Javascript. Я думаю что объяснять что это не надо.))
Скажу что опять можно было пойти легким путем, просмотреть уроки, понять синтаксис, освоить базис, потом перейти на jQuery и Ajax. Но я никогда не понимал людей которые писали на форумах что ,да нафиг учить этот ЯП, изучи библиотеки .и все будет ок.
Как можно учить библиотеку которая написана на языке ЯП который ты не особо шаришь? В итоге я иду сложным путем, но учу это язык, паралельно что-то смотрю по библиотеке jQuery, Когда от яваскрипта начинает тошнить, я переключаюсь на день второй на PHP. Даный язык я учу по книге Котерова. По поводу литературы, я мало дал названий книг по которым учусь, точнее я вообще их не дал. Дело в том что я особо не запоминал их. И я особо не выбирал из книг, так как особо не мог сказать почему эта книга лучше той,и также у меня есть мнение,что допустим есть два варианта решения задачи, А и Б,и пока мы будем думать какой вариант выбрать,то давно могли бы решить вопрос неважно каким из двух вариантов. Поэтому с книгами таккже,вместо того ,что бы искать и выбирать что читать ,я просто читал что первое попадало под глаза.
И наверное самое интерестное,получаю я взамен денежную компенсацию за свои труды. Если честно то нет)Я же все таки учусь еще). Хотя ,как то от нефиг делать я зарегалса на русском фрилансе, написал что умею, есстественно никакого портфолио у меня нет, почему то сверстанные бесплатные шаблоны выкладывать не комильфо. Я иногда просто мониторил заказы и как то попал заказ по верстке, я подал заявку, был третим.И как не странно мне ответили, мы сошлись по цене, и я уже готов был брать заказ, но заказчик хотел получть выполненое задание раньше чем я ожидал, и поэтому, чтобы не облажаться мне пришлось отказаться. Самое смешное,что когда я набил руку еще больше по верстке,я понял что если бы я взял тот заказ ,то справилса бы раньше тех сроков которые поставил заказчик). Так что не все сразу.
Есть возможные будущие проекты, один человек хочет интернет магазин после нового года, второй хочет сайт для турбизнеса. Возможные, так как люди еще не могут определиться чего они хотят конкретно.
В любом случае надо не останавливаться и учиться и пробовать дальше, в плане того же фриланса, так как я думаю, что если человек приложит усилий то все будет ОК В планах на будущее также зарегестрироваться на upwork и начать пробовать себя там. Если у людей получаеться то что мешает мне?
Легкий фронтэнд. Миф или реальность. Ответ так и не дан в даной статье..хм…возможно я полностью отвечу на него вследующий раз… Поживем и увидим.