Как стать верстальщиком. 5 ключевых действий!

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

// Ссылки =================

// О проекте =================

Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.

// Соц. сети =================

#верстка #верстальщик

[BrainsCloud]

Привет. Давно не выходил на связь. Как ты? Поговорим?)

[abulkanovmadi]

Изучаю css с нуля на основе ваших видео все понятно и доступно, хотелось бы выразить вам благодарность за то что делаете качественные обучающие видео👍

[donmillion]

Вот это годно. А то многие рассказывают какие они ахмурительные верстальщики, но не рассказывают как к этому пришли, откуда заказы, связи и т.д.

[BiGSplush]

Преамбула: Я люблю прогать, не люблю верстать. Я освоил JS раньше верстки, писал анимации и тестил фреймворки. Мне больше нравилось писать автоматизацию к gulp чем пользоваться ей. Однако я осознал что без верстки фронтендером не стать и вот к чему я пришел.
Мой роадмап:
0)Мы учим Git. Вот так сразу, в конце скажу почему.
1) 3 макета на голом htm/css. Без выпендрежа и препроцессоров, пушим в гит. Даже при учете того что я или ты их знаем.
2) 3 макета на htm/sass/gulp (только для автоматизации page reload и sass), пушим в гит. Без фанатизма, верстаем лендосы, не многостранички.
3) 3 макета pug/sass/gulp (просто добавляем автоматизацию на pug и все), пушим в гит
3.5) Делаем 2 макета по тойже схеме, но с разбиением проекта на "куски". А именно создаем компоненты, и пришеваем их в одном файле. На деле получаем компонентную верстку, пушим в гит.
4) 3 макета, делаем упор на прокачку gulp. Накидываем обработок на pipe sass чтобы на выходе мы имели красивый css и на pug, накидываем линтеры, ищем и учимся пользоваться дополнительными инструментами, пушим в гит.
5) 3 макета, еще больше усиливаем gulp, делаем несколько тасков, один для работы, второй для релиза на прод (незабываем про картинки и графику, все должно быть оптимизировано и готово к условной сдаче в прод), пушим в гит.
6)Делаем все тоже самое но не с лэндингом а с многостраничкой, 2 макета ок, пушим в гит.

7)Делаем 3 макета на бутстрапе с применением всех уже известных нам инструментов, пушим в гит.
8)3 макета с тем же арсеналом но + БЭМ (или иная методология), пушим в гит.
YOU WON! (этап 1) Мы уже сильный начинающий верстальщик с багажем инструментов с которыми мы умеем работать. Настало время JS'а.

9)Пробегаемся по Jquery, без глубокого задротства, он все же уже не так актуален, чисто чтобы знать с чем имеем дела когда будем ковырять легаси херню на галере.
10)Идем на learn.javascript.ru и фигачим 2 блока. Основы и работу с DOM. Все с примерами и решением задач, не халтурим!
11)пишем 3 проекта (да да уже не сраных макета, а проЭкта!) с применением JS (именно чистый JS, это важно!, пушим в гит.
12)Пишем 5 проектов с применением Vue.js (Он прост и супер классный). Поверьте фронтенд для вас откроется заново, стоит только начать юзать эту волшебную штуку. ПУШИМВГИТ!

Итог: Почему постоянно пушимвгит? Смотри, ты приходишь на собес и молча открываешь свой репозиторий, и уже твой будущий начальник начинает офигевать от того какую работу ты проделал! Почему гит нужно учить сначала, перед всем остальным? Твой роадмап развития будет отражен не только на словах но и на деле, умный тимлид глядя на твою динамику развития будет в восторге от такого подарка, ведь по нему можно будет воочию увидеть как ты прогрессируешь и как быстро это происходит. Следовательно, ему нет причин тебя не нанимать. Он будет уверен в том что ты обучишься той технологии, которую он использует на проде, и будет знать сколько у тебя это займет времени. Так что тебе не надо знать всего! Но надо уметь доказать свою обучаемость и серьезность намерений. ИМХО!

[obtsmfo]

Мне 29 родители всю жизнь приучали работать руками ну я естественно поддавался воспитанию и вот школа потом техникум (пришлось бросить и идти работать на то время отца уже не было в живых)
И вот работа - мне 17 лет
Первым местом был пункт приёма металлолома потом цех по изготовлению шлакоблоков
Тогда я не понимал как убиваю свое здоровье на тяжёлой работе и мне казалось я всё делаю правильно как учили....
Потом вахта на север
3 месяца
Кинули с деньгами домой добирались сами кто как
И вот служба в армии
С 9 классами не захотели оставлять на контракт
Вернулся на гражданку
Перебирал работы в год по одной
За работу руками ведь платить не особо хотят
Придумал работать на ЧПУ и работал, на токарке, на плазме, на лазере....
Уже тогда в 25 здоровье было не то
Последней каплей был цех по производству металлоконструкций где дышать не видно было...
Были накопления сел за ноут и начал уроки по вёрстке...
Верстал изучал по 16 часов
Вспоминал цеха и Верстал ещё упорнее
Это мой первый сайт
unikom2001.ru
Буду рад советам по нему
И помните что невозможного нет
Всем успехов

[annasmaglo]

Спасибо за снятие розовых очков и задание верного вектора движения.

[ladyafize]

Вы- мастер своего дела !
С нетерпением жду ваши видео с вёрсткой сайтов ! ❤️

[olgaorlova]

Изучаю верстку с нуля по вашим видео, все понятно и доступно, все получается. Главное, вдохновляете на дальнейшую работу, даже когда оочень трудно. Спасибо!

[zsoibzt]

большое спасибо за Ваши видео! одни из лучших в ру сегменте !

[antonlashuk]

Самый топовый канал по front-end разработке

[TheRengesha]

На данный момент это лучший канал из тех что меня интересуют. Большое спасибо тебе Дима!
Кстати прикольно что в описании к видео комментарии такие же как в Css))

[rafael]

Огромное тебе спасибо! Очень многое понял! Не смотря на пока маленькую аудиторию ты являешься одним из самых лучших учителей в снг комьюнити точно! Еще раз спасибо за твой огромный и невероятный

[lokomotor]

Смотрю пятое видео подряд не отлипая, очень приятно изложенный контент.
Надеюсь смогу использовать полученные знания на практике.

[mushvigtenants]

Спасибо тебе, ты служишь неким мотиватором для меня, твои курсы очень понятны , такие люди редкость какая то )))

[bjlqfdl]

Просто один из лучших мотиваторов для начинающих!! Все четко и понятно. Спасибо тебе большое!

[oleksandrnediev]

Я в общем-то только начинаю, поэтому очень нравится, когда вы объясняете различные моменты, помогает, спасибо))

[rusrus]

Видео понравилось, верные размышления на мой взгляд, удачи каналу и ждем новых видосов)

[кактус-садовник]

15:56, ну за первый мат, который я услышал от тебя, стоит поставить лайк😃

[kostyalymar]

Крутой канал, разумные вещи глаголишь)
спасибо за понимание, благодаря твоим урокам, учусь!!!

[andreymtrx]

Смотрю твои уроки по верстке, разбираю некоторые моменты - все понятно, как только начинаю сам что-то верстать все криво и не так как надо)