alt
Не будучи «айтишником», не имея никаких представлений о том, как там всё устроено, я конечно не представляла, что вёрстка сайтов – это отдельное направление в веб-разработке.

Ещё несколько месяцев назад я даже не слышала большинство терминов, которыми оперирую в работе сегодня.

Я не отличница, не задрот, поэтому в сторону веба начала смотреть исключительно из прагматичных, алчных целей. В одном из разговоров с другом, который погружен в «айтишку» и имеет опыт веб-разработки, выяснилось, что без особенного «геморроя», можно изучить профессию за короткий срок, в которой платят хорошие деньги. Он показал, что за две минуты, написав пару – тройку строк, можно вывести в браузере желаемую картинку и нужный мне текст. И я поверила, что это действительно легко и вполне заманчиво. Забегая вперёд, скажу, что мне это только показалось. Легко – это не о современной, профессиональной разработке, к которой я теперь стремлюсь.

Начала свой путь с материалов, отправленных другом. Это были ссылки на популярные видео вроде: «обучение созданию и продвижению сайтов с нуля», которых, как выяснилось нескончаемое множество в интернете, в свободном доступе. Поскольку все они говорят об одном и придумать, что-то новое сложно, то выбор пал на подачу вещающего.

HTML Code

С первых уроков всё было понятно и легко. Несмотря на то, что я условный «гуманитарий», в HTML и базовом CSS, действительно нет ничего сложного и воспринимается эта новая тема быстро и легко. Я повторяла за автором и всё получалось. Эйфория сопровождала меня эти дни, и я уже начинала мысленный подсчет скорых, предстоящих денег за оплату моей работы.

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

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

Визитка была свёрстана, но что с этим делать дальше, было совершенно не понятно. Обратившись за вопросом к другу, я услышала пачку новых терминов вроде: препроцессоры, SCSS, SASS, скрипты, JavaScript, JQuery, Gulp. С этого момента начались сложности, с которыми, как оказалось сталкиваются большинство начинающих. Я начала поглощать информацию по всем вышеперечисленным технологиям и многое из этого просто не понимала, и до конца не понимаю, даже спустя время.

Решив вернуться к моменту, когда всё было ясно, я решила взяться за практику вёрстки ещё одного сайта. Нашла в интернете классное, кликбэйтное название о вёрстке интернет-магазина с нуля. Подход к вёрстке оказался сложным и не понятным. БЭМ, SASS, Gulp, JS. Применяя всё это не понимая, как это работает и для чего я всё это написала, завело меня в тупик. Мне показалось, что потрачено так много времени, а результат сильно отличается от ожидаемого. В отчаянии, что ничего не понимаю я забросила разработку на несколько недель.

Code CSS

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

Спустя пару недель экспериментов, "обучалок" и "мотивашек", я пришла к выводу, что мне необходимо сформировать портфолио, для выхода на фриланс. И это будет, по сути, мой первый полноценный, самостоятельный проект. Почему в будущем времени? Потому, что на описываемом этапе я нахожусь прямо сейчас. Я пишу сайт-портфолио, на котором размещу другие свои наработки. Уже почти определилась с доменным именем (да, девочки такие – не решительные =) ), сверстала большую часть задуманного макета. Продолжаю изучать недостающие знания в применяемых технологиях, и обо всём этом я расскажу в следующих своих статьях.

Лиллу Яненко