Как стать верстальщиком. 5 ключевых действий!
Вставка
- Опубліковано 19 чер 2019
- В этом видео поговорим о том, как стать верстальщиком. Сколько времени нужно для того, чтобы изучить верстку сайтов? Поговорим про фриланс, работу в офисе и в целом про отношение к работе.
// Ссылки =================
Основы HTML и CSS для начинающих: brainscloud.ru/landing/html-css
artwork by @visualdon - / visualdon
// О проекте =================
Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
// Соц. сети =================
Мой ВК - odimaz
Группа BC - brainscloud
Мой Instagram: / dmitryvalak
#верстка #верстальщик
Привет. Давно не выходил на связь. Как ты? Поговорим?)
Если я создам сайт, для интернет магазина, я могу назвать себя веб разработчиком ?
Или я Верстальщик ?
@@anonymoususer6103 смотря на чем создадите
@@BrainsCloud
Обычная верстка, + "js" для функционала.
+ создать базу данных на php. (Для занесения товаров) + натянуть верстку на cms. + купить хостинг и домен ))
Я не знаю кто я, но мне кажется это чуть больше чем верстальщик.
Именно так, чуть больше чем верстальщик )
Дмитрий
Привет
Хочу спросить
Web-разработчик делится на (верстальщика и серверного программисата так?).
Я могу быть верстальщиком и серверным программистом?(учитывая то ,что я знаю языки программирования для верстки и для серверного программирования)
Изучаю css с нуля на основе ваших видео все понятно и доступно, хотелось бы выразить вам благодарность за то что делаете качественные обучающие видео👍
ДО ЧЕГО ДОУЧИЛСЯ БРО? ГОД ПРОШЕЛ ПОДЕЛИСЬ
@@Dedinside05 Я на своём опыте скажу, прошло пол года и знаю css на 70%
@@Dedinside05 Надо просто посмотреть 1 ролик с нуля верстку, потом ебашить бесплатные макеты. А опыт сам будет набираться, главное начать
@@den4icle417 харош, удачи тебе друг
@@den4icle417 по каким видео обучался?
Вы- мастер своего дела !
С нетерпением жду ваши видео с вёрсткой сайтов ! ❤️
Спасибо за снятие розовых очков и задание верного вектора движения.
большое спасибо за Ваши видео! одни из лучших в ру сегменте !
Изучаю верстку с нуля по вашим видео, все понятно и доступно,все получается. Главное,вдохновляете на дальнейшую работу,даже когда оочень трудно. Спасибо!
Вот это годно. А то многие рассказывают какие они ахмурительные верстальщики, но не рассказывают как к этому пришли, откуда заказы, связи и т.д.
Огромное тебе спасибо! Очень многое понял! Не смотря на пока маленькую аудиторию ты являешься одним из самых лучших учителей в снг комьюнити точно! Еще раз спасибо за твой огромный и невероятный труд!!!!!!!!
благодарю!
Спасибо тебе , ты служишь неким мотиватором для меня , твои курсы очень понятны , такие люди редкость какая то )))
На данный момент это лучший канал из тех что меня интересуют. Большое спасибо тебе Дима!
Кстати прикольно что в описании к видео комментарии такие же как в Css))
Преамбула: Я люблю прогать, не люблю верстать. Я освоил 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 (Он прост и супер классный). Поверьте фронтенд для вас откроется заново, стоит только начать юзать эту волшебную штуку. ПУШИМВГИТ!
Итог: Почему постоянно пушимвгит? Смотри, ты приходишь на собес и молча открываешь свой репозиторий, и уже твой будущий начальник начинает офигевать от того какую работу ты проделал! Почему гит нужно учить сначала, перед всем остальным? Твой роадмап развития будет отражен не только на словах но и на деле, умный тимлид глядя на твою динамику развития будет в восторге от такого подарка, ведь по нему можно будет воочию увидеть как ты прогрессируешь и как быстро это происходит. Следовательно, ему нет причин тебя не нанимать. Он будет уверен в том что ты обучишься той технологии, которую он использует на проде, и будет знать сколько у тебя это займет времени. Так что тебе не надо знать всего! Но надо уметь доказать свою обучаемость и серьезность намерений. ИМХО!
А сколько зп?
кто такой пушим в гит?
А если ты не прогрессируешь, а очень долго тупишь и повис в какой-нибудь дедсадовской песочнице, ахаха. Вот мне что-то нехочется выставлять свой позор на всеобщее обозрение)
Просто один из лучших мотиваторов для начинающих!! Все четко и понятно. Спасибо тебе большое!
Смотрю пятое видео подряд не отлипая, очень приятно изложенный контент.
Надеюсь смогу использовать полученные знания на практике.
Самый топовый канал по front-end разработке
Я в общем-то только начинаю, поэтому очень нравится, когда вы объясняете различные моменты, помогает, спасибо))
Как результаты? Какие советы можешь да ь
Спасибо Дмитрий , познавательно
Спасибо за ролик было очень интересно!
Толково как всегда.
Спасибо.
Видео понравилось, верные размышления на мой взгляд, удачи каналу и ждем новых видосов)
Очень хорошо. Желаю роста твоему каналу.
Крутой канал,разумные вещи глаголишь)
спасибо за понимание,благодаря твоим урокам ,учусь!!!
Спасибо! Такие советы хорошо "ставят голову на место".
Спасибо тебе за материал! Подписка однозначно
Очень познавательно, спасибо Дмитрий
Огромно спасибо. Как раз сейчас пытаюсь освоить вёрстку и фронтэнд. Очень зашёл цикл макета с подробными объяснениями.
Привет! Как успехи?)
Мне 29 родители всю жизнь приучали работать руками ну я естественно поддавался воспитанию и вот школа потом техникум (пришлось бросить и идти работать на то время отца уже не было в живых)
И вот работа - мне 17 лет
Первым местом был пункт приёма металлолома потом цех по изготовлению шлакоблоков
Тогда я не понимал как убиваю свое здоровье на тяжёлой работе и мне казалось я всё делаю правильно как учили....
Потом вахта на север
3 месяца
Кинули с деньгами домой добирались сами кто как
И вот служба в армии
С 9 классами не захотели оставлять на контракт
Вернулся на гражданку
Перебирал работы в год по одной
За работу руками ведь платить не особо хотят
Придумал работать на ЧПУ и работал, на токарке, на плазме, на лазере....
Уже тогда в 25 здоровье было не то
Последней каплей был цех по производству металлоконструкций где дышать не видно было...
Были накопления сел за ноут и начал уроки по вёрстке...
Верстал изучал по 16 часов
Вспоминал цеха и Верстал ещё упорнее
Это мой первый сайт
unikom2001.ru
Буду рад советам по нему
И помните что невозможного нет
Всем успехов
ну неплохо, если это первая, вторая вёрстка. А так сайт выглядит как для 2021 очень застарелым, посмотрите видео уроки про дизайн, либо подищите готовые решения и просто модернизируйте их под своё ремесло.
Красавчик, успехов тебе уважаемый... Восстанавливай здоровье на норм работе!!!
а почему медведь не подписан? это в тз не было?
Подскажи чего добился за эти 4 месяца
Посмотрел на твой сайт и будто проникся твоим упорством и ненавистью к работе руками. Ты сделал правильный выбор, успехов.
Огромноое спасибо за прекрасную подачу материала
15:56, ну за первый мат, который я услышал от тебя, стоит поставить лайк😃
Тоже это заметил😄
Отличное видео!!!Спасибо огромное
вот за стрим очень интересно стало!
Адекватно и честно. Спасибо.
спасибо. приятно вас слушать. все по делу и точно. поняла для себя про фриланс.
Спасибо, без воды!!!
Просто слушать тебя ето кайф.А тут еще и полезная информация...
Смотрю твои уроки по верстке, разбираю некоторые моменты - все понятно, как только начинаю сам что-то верстать все криво и не так как надо)
Всегда так, я лично почитал пару уроков типа веб реф и просто тыкался в проблему, а после искал решение
Хорошее видео получилось, спасибо!
Благодарю , хорошая инфа !
Вот это топовый контент. Подписался! Говоришь прям как с моего языка:)
Где вы были раньше?! Пока слушал и с каналом ознакомился и лайкнул и подписался!
Добро пожаловать!
Рад слышать, братик)
Как всегда топ 😎
Полностью согласен с тем что услышал.
Жду каждый видос 😂💪
Специальный чай прикупил бомбастый, чисто под твои уроки. Вижу урок, завариваю, открываю Atom и вперёд)
Так что не тяни с уроками, хоть по мелочи но выкладывай как время появилось.
Такой подачи как у тебя нет ни у кого 100%.
Есть люди которые показывают грамотные вещи конечно, но очень тяжёлые на слух + качество не айс, да и торопятся вечно.
С тобой другое дело, видно что очень серьезно подошёл к урокам. Саунд серьезный, картинка + спокойная дикция и хороший тембр ( ну с последним тебе просто от природы повезло 😂😂😂)
Так что буду ждать, спасибо за уроки.
Газуй уверенно 💪💣😎🙌
Спасибо бро )
Большое спасибо за информацию.
Спасибо за видео, очень понятно и последовательно объяснили что и почему делаем.
Хорошее видео. Новичку конечно трудно определиться в пути развития. Такие видео снимают большую часть вопросов и неопределенности. Я более отчетливо наметил свой путь - спасибо за советы.
Хоть вы рассказали о нелегком пути так сказать становления верстальщика, но ваши слова звучат очень мотивирующе. Формат видео - супер!!
а какой легкий?
Настоящий мастер, вечный ученик))) идеальная фраза для программирования)))
Мастер Йи одобряет)))))))))
Спасибо за ролик , топовая подача
Спасибо за информацию))
Закончил прохождение курса по быстрой и комфортной верстке кода. Уж очень понравилось, да и информация подана очень классно как мне кажется. Сразу виден опыт и многие годы работы практики у Дмитрия. Кстати,если вдруг прочтете мой комментарий,расскажите вкратце как набирались опыта, с чего начинали и как прогрессировали лично вы. Всё очень круто,спасибо!
Основной опыт получал на работе, менял их когда понимал что на этом месте расти больше некуда
крууутяяяяк с утра заходил на твой канал было 90к сейчас 90,1 радует это,жаль до нг не успели ток
Мотивирует) спасибо!!!!!
Спасибо большое за информацию
Просто спасибо тебе)
Крутое аудио .Буду смотреть стримы
Ваш голос меня успокаивает...
Меня тоже кстати
+1
Эмм люди вообще-то тут АйТи учит😂
Иди психологом просто будешь получать за сон :)А пока клиент спит делаешь сайт другому клиенту.У тебя голос стимулятор сна.
Это да очень приятный голос
Вы супер! Занимаюсь сейчас на курсе Stepik. С помощью Ваших видео пытаюсь сделать первое задние. Большое спасибо за подробные объяснения)))
Попробуйте бесплатные тренажёры в htmlacademy(ознакомление с html/css) и на hekslet для самого начала хорошая теория и сразу по ней практика. Сама по ним начинала
@@maribakhlina6311 И как у Вас успехи в этом деле? Сам только вкатываюсь, очень много информации.
Спасибо мне зашло все верно и по делу
Бро, ты лучший ;)
Спасибо за мотивацию
Интересно, спасибо! Мотивирующе. Только в какие это годы брали со знаниями от Е. Попова! Сейчас джуном, с современными знаниями HTML5-CSS3 и знаниями препроцессоров и автоматизации... И то фиг устроишься!
Лучший автор ✊❤️❤️❤️
Согласен! Сам вовремя опомнился и начал практиковаться...
благодарю!
Просто, коротко, полезно.
Привет из Украины)
Спасибо за видео!
Учусь по Вашим урокам, и действительно, все получается, если практиковаться.
Удачи Вам!
ждем новых видео 👍
Хороший подкаст
Спасибо!
Послезавтра экзамен по компьютерной графике, как же я наслаждался, смотря на игры (это ведь игры?), которые проигрывались в процессе видео. Только, пытаясь создать подобное, понял, как много математики там используется.
А по видео, очень интересно рассказываешь, приятно слушать.
Это не игры, просто видео-нарезки :) в описании есть ссылочка на данные работы
чисто пишу потому что благодарен тебе )
Дима, привет!!! Давай практику, давай сверстаем еще какой нибудь сайт, а лучше всего с разными сценариями flex, float, bootstrap, grid и т.д.
И пожалуйста, не спешите
да, отличные советы, по существу, без иллюзий вроде: "я в первый месяц фриланса зарабатывал 100500 долларов не выходя из комнаты" и т.д.
Отличная информация ! Задался целью ! через год буду в кремнёвой долине работать!
буду ждать фотографий от туда )
Там свои джуны на работу не могут устроиться )))
Best [̲̅Y̲̅σ̲̅υ̲̅т̲̅υ̲̅b̲̅є̲̅r] ясно , Грина есть уже хорошо ) осталось научиться !
@@user-py7on3qt8h А в итоге стал дальнобойщиком хахахахаха
Дмитрий интересно узнать, будете ли вы делать разборы по J's, так же все подробно объясняя? Спасибо заранее за ответ
все может быть
Спасибошки!
Проходил мимо, не смог сдержаться и натаймлайнил, прстити! 😸 🐾
2:44 🕙Сколько времени нужно для того, чтобы изучить верстку сайтов?
7:02 🕙Поговорим про фриланс, работу в офисе и в целом про отношение к работе.
Ради этого канала купил Ютуб премиум, та информация, которою не нужно перебивать рекламой)))
BrainsCloud Возможно ли устроиться на работу только программистом JavaScript зная Фреймворк React например или другие фрэмворки, потому что не особо бывает желание верстать?
Спасибо за видео! Такой вопрос возник, а что нужно знать, чтобы взяли на работу с зарплатой 30-40к?
Сложно сказать. Зависит от города и компании. Например у нас в Риге, куда-нибудь взяли бы на такую зп с хорошими знаниями html, css, умением работать с js/jquery, чтобы человек мог верстать адаптивные сайты для клиентов, с нуля используя разные скрипты и умением написать самостоятельно табы/аккордеоны/модалки и тд.
просто лучший
Спасибо.
Когда снова верстать будем?
Давай уже скорей..
Дмитрий привет! Спасибоа за видео! А почему ты говоришь в рублях когда ты сам с Риги?
Подписка!
Спасибо за ценный совет, а то от объема инфо на ютубе голова пухнет.
Спасибо
Спс грамотный подход. Я думаю все же надо пройти твои платные курсы но будет ли в них какая то помощь (связь) с тобой или наставником если вдруг возник вопрос?!
А чо, у него есть курсы?
Помогите, пожалуйста. После обновления драйверов видеокарты синий экран. безопасный режим не включается, командную строку тоже. что делать? Как сберечь Файли?
Посмотрел видео в апреле этого года, сегодня я уже могу сверстать средний макет и изучаю js react итд
Хорошо опыту набираться в верстке не в веб-студии а в IT-компании, там где нужно верстать сложные веб-интерфейсы а не просто сайты для клиентов
вопрос, где тогда найти работу чтобы просто учиться во время основной работы?
Как видео называются, которые вы использовали?
Скажите пожалуйста, как вы относитесь к продаже шаблонов?Я имею ввиду реализацию WordPress шаблонов на популярных сервисах. Реально ли заняться этим начинающему разработчику (html, css, js - в процессе обучения) и не слишком разочаровываться в выхлопе? +есть товарищ - начинающий, не без таланта дизайнер.
Тема интересная, но сложная. Если говорить про themeforest и продавать там шаблоны, то там можно хорошо зарабатывать, но и работать по началу нужно будет очень много. Когда начнет получатся, поймете "кухню" приготовления шаблонов, там очень любят трендовый дизайн, то уже станет легче, но все равно, работать надо. Пробуйте
Просто комент, мне нравится.
Good!
Здравствуйте я по поводу курсов, при покупке курсов останется ли доступ к ним в дальнейшем ?
Здравствуйте, да, доступ вы не потеряете
Ты красавец!
Есть начинающие возрастные верстальщики или фронтендеры в возрасте 45+лет, им очень сложно трудоустроиться в офис, поэтому остается единственная возможность для возрастных начинающих - фриланс. Хочется услышать Ваши рекомендация для возрастных начинающих верстальщиков с дальнейшим обучением на фронтенд. Я считаю, что нынче без Js сложно найти работу даже
на фрилансе, и в офис без знания Js и одного из фреймворков не берут, смотрела фриланс заказы на иностранных биржах для фрилансеров, заказы были с js.
а чем плох апворк? работать за баксы, есть не дорогие заказы но в переводе на рубли получается очень не плохо
Дим, привет! Такой вопрос- у тебя на сайте продается курс верстки, он давно разработан, актуален в настоящее время?
Этот frontend.brainscloud.ru/ ? В конце апреля этого года, актуален )
спасибо
Соглашусь полностью на счёт фриланса. Себе все ноги обломал на первых порах. В том плане, что отбилось желание заниматься этой сферой...и я внутренне закрылся от этой деятельности. Информация блочилась, и это печаль. 4 года отходняк.
Хотя недавно работал в фирме, где меня взяли практически только со знаниями HTML,CSS, JS полу-юниор, PHP полу-юниор. И там был я один разработчик (Fullstack). Это был незабываемый опыт. ставка 50 кесов в мес. Начинающая фирма в сфере веб-студии.
Вывозил по-большей части клиентов на том, что сам ставил сайты...(это были только CMS-ки с шаблонами готовыми). Ставил их на Linux. Настраивал LEMP, безопасность, сертики бесплатно варил...сервер обслуживал. Ну и так на самом сайте что-то вставлял, видоизменял.
Из всего этого, понял... Офис - это очень хорошо! На первых порах. Как вы Дмитрий правильно сказали. А там, клиенты набрались...опыт...доверие...и можно уходить на аля-удалёнку.
А дальше, можно двинуться в сторону зарубежного фриланса. Подчёркиваю: зарубежного! Там клиентов уйма, ну и понятно...деньги там нормальные крутятся. В зарубежке геморой конечно с договором будет. Но он ЖЕЛАТЕЛЬНО должен быть. Потому что кидал там хватает. Не стоит так доверчиво относиться.
А уже из этого фронта, когда нагулялся, наработался...скучать будете по офису. С этим опытом можно устроиться в офис какой-нибудь зарубежной компании. Это будет ещё больше достаток.
Примерная карьерная лестница с моего птичьего полёта...как вижу.
Как думаешь сначало изучать bootstrap и wordpress или jquery посмотрел heahunter вовсех WordPress и Bootstrap
@@user-ms8qx5fu8b сначала wordpress/bootstrap.
Сахарный язык лучше пока не трогать. Потом вместо JQuery, на мой счёт, советовал бы чистый JS.
А что если у тебя норм с английским и сразу пойдёшь на международный фриланс?
@@user-ey4xw7pk9h надо пробовать. Только на апворк насколько помню - требуют портфолио и всевозможный опыт.