Марафон по верстке сайта для новичков. День 1

Все исходники, инструкция и информация в телеграм канале.
Ссылка на телеграм канал:
bit.ly/marafon-from0to1
Ссылка на телеграм канал с впн:
t.me/from0to1com
Ссылка на макет: bit.ly/2MRz4Cj
Участники марафона получат:
1️⃣ Самое понятное объяснение всех основ и тонкостей при верстке сайтов
2️⃣ навык верстать подобные проекты
3️⃣ ответы на все вопросы в прямом эфире
4️⃣ основы работы с Photoshop для верстальщика
5️⃣ заряд мотивации не сдаваться, идти дальше и развиваться
🎁БОНУС: Расскажу какими минимальными знаниями должен владеть верстальщик, чтобы устроиться на работу в современную web студию.”

[@user-by8iq5xk7o]

Один из самых лучших каналов по верстке на ютубе. Чувак, продолжай, ты очень крутой!

[@vadymprokopchuk]

благодарю, очень приятно

[@user-pn6ow4tv3t]

Привет, тебе где-то можно задать вопрос?

[@alekse7433]

Подписываюсь под выше сказанным! Всё Супер!

[@ZhdanofVR]

Спасибо тебе за твой труд! Несколько дней просмотра твоих видео дали мне больше чем несколько месяцев самостоятельного изучения!

[@vadymprokopchuk]

круто, спасибо

[@kiberAdmin]

Реально не удаляй только сегодня нашел тебя! Большое спасибо за интересный и информативный видос!!!!

[@youchinafriend]

Смотрю марафон через год, спасибо что не закрыл)) 😇

[@tanadudoladova7704]

А я еще через год )

[@youchinafriend]

@@tanadudoladova7704 я забросил))

[@q3dm6]

А я еще через 3 месяца =)

[@Sigmiss]

4 года уже

[@youchinafriend]

@@Sigmiss 2 года)

[@Mykhailo_Vdovychenko]

Настолько доступные и понятные уроки, что можно детям в школе на уроках информатики включать.

[@Mykhailo_Vdovychenko]

Божественно! СПАСИБО, Вадим за твои труды! Счастья и успехов тебе, твоей семье, твоим родным и близким! Успехов и вдохновения в дальнейших трудах! =)

[@user-cy6vu7gv8x]

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

[@sergeysokolov4270]

Спасибо тебе за уроки и стримы, очень понравилась подача материала, шутки, позитив, в общем лайк-подписка, продолжай так-же!!!

[@user-ol1db2kn3x]

Большое, спасибо за видосики, просто, понятно, и доступно.

[@user-vo4mv6en5j]

Очень круто, доступно и понятно! Буду второй марафон с 9ого тоже проходить!

[@ukra777]

Спасибо большое дружище! Продолжай и дальше снимать видосы с чуть более сложными макетами. Это для новичка очень важно. Еще раз спасибо.

[@n1_manfufik.]

_.

[@user-Arvard]

марафон бомба, объяснения шикарные, всё понятно и доступно. автору действительно бы памятник ставить за такую работу

[@user-ni5yt8mg6n]

привет, слушай, у тебя остались все проекты, которые Вадим верстал на стримах и выкладывал в записях? можешь скинуть мне архив с папками картинок? просто нет возможности вырезать картинки из макетов=(

[@slavikbabita3573]

@@user-ni5yt8mg6n я могу

[@slavikbabita3573]

@@user-ni5yt8mg6n или скачай фотошоп а?или возьми рандомниэ фото из интернета)

[@dmitiyblonskiy9182]

Чувак ты Божественный=)! Классно все доносишь в не принужденной атмосфере, спасибо тебе за твой труд.

[@Olga-gb8vz]

Спасибо большое за это классное видео!!!

[@user-ov5tt6sc2f]

Спасибо вам большое. Даже материал который я знал вы объяснили лучше чем остальные.

[@Mykhailo_Vdovychenko]

Отдельное спасибо, что не закрыл данную запись спустя неделю, так как я вот лишь сейчас до нее добрался. Хотя и не первый уже твой урок-марафон делаю, но всеравно узнаю что-то новое, интересное! Очень нравится так работать! Верстка - это кайф =)

[@snowman9745]

он ее не закрыл спустя два года)

[@user-qf3lf5ox9j]

ЧУУВАК ТЫ КРУТ, САМЫЙ ЛУЧШИЙ УЧИТЕЛЬ КОТОРОГО Я ВИДЕЛ, СПАСИБО ТЕБЕ ОГРОМЕННОЕ ЗА ТВОЙ ТРУД.

[@rezible5985]

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

[@nuriddintashpulatov4233]

Клааааасс! Спасибо большое за такой классный контент, и спасибо большое что оставили видео! Так всё разжевать, терпеливо объяснять, и в итоге сделать нормальный сайт - многого стоит. Топчик

[@realtalk3736]

Жаль не застал в лайве эту вечеринку... мое почтение!! Спасибо тебе!

[@wildtube108]

Здравствуйте! Прекрасная подача материала. Все очень понятно доходит, до меня,)) Спасибо😉👍

[@alex_borisovic]

Это просто ништячок, самое лучшее что я видел, спасибо за ваш труд.

[@gunter6816]

Огромное спасибо по вашим видео я чувствую что улучшаю знания в верстке СПАСИБО!!!!

[@user-rh8xy8jv5b]

Спасибо за видео, удачи!!!

[@TamaraNikolaevna]

Большое спасибо за урок!!! Буду записываться на ближайший курс

[@jackvalentine7872]

Не удаляйте, вы что, ни в кокоем случае

[@marynayakymyuk4354]

Дуже багато корисної інформації!!!Дякую тобі ВЕЛИЧЕЗНЕ,що робиш такі відео😇 Прям тотальний ментальний апгрейд!!!! Подобається твоя манера зйомки)така дружня атмосфера🤩

[@I__SV__I]

Лайк, подписка, колокольчик. Та всё что угодно, не удаляйте только.

[@orazaliorazali1000]

Добрый день, уважаемый Вадим! Ваши уроки мне очень помогают, благодарю Вас!

[@vadymprokopchuk]

круто, я на верном пути

[@paulparker3664]

Ууу, спасибо, круто

[@user-dz6vp3yo7h]

боооооооооожеееее, какой же ты классный

[@lanam1182]

єто мой крааш)))

[@user-hv3ty3bp7d]

от души в душу огромное спасибооооо))))) огонь

[@user-zw2fu5iu1f]

Cпасибо за стрим . Отлично для новичков!

[@user-im6qm7xg7c]

Много полезного и нужного в работе. Спасибо

[@user-mh2cp2bu3q]

Спасибо большое

[@FEASG]

Привет, отличное видео)

[@flaimsik]

спасибо,учусь верстать по твоим видео

[@user-to3yy7jy5e]

хороший видео обзор и очень интересный

[@vadymprokopchuk]

благодарю

[@user-dw4ru1tk9f]

Прошу оставить еще на неделю

[@lidm3695]

вы классный чувак !!!!!!! спасибо

[@user-to2se9fl9s]

Супер!!! Продолжай... от меня подписка и лайк!!!

[@spr1ng586]

Классная вечеринка, автору спасибо, лучше для новичков не найдёшь

[@vadymprokopchuk]

благодарю

[@user-zb5ci4vd1s]

невероятно все понятно просто супер

[@isiddiif3641]

Спасибо!

[@user-qw7fw8vv8p]

дай Бог тебе здоровья!

[@atiktotakoia6553]

круто!!!

[@user-lq7bk1kh9g]

привет из 2023, лайк подписка, крутой канал, от души за формат, начинаю набирать опыт верстки 🤓🤓

[@assetdev1859]

огромное спасибо

[@KIMI-lz5ym]

Классно!

[@user-xd4mv4mk4c]

откуда к тебе приклеилось ключевое слово "вечеринка"?))

[@IvanPozitiviti]

круть)) мой лайк стал ровно 1500)))

[@sergik55]

начало 1:00 ответы на вопросы 3:05:00

[@Yan-gm1fs]

Что бы выравнивать код быстрее, можно просто скачать плагин toggle format on save(vs code)

[@roflostrike-csgofunnymomen1355]

кого ты учишь Вася

[@catboykami5449]

Большое спасибо

[@catboykami5449]

Как раз хотел найти)

[@Yan-gm1fs]

@@roflostrike-csgofunnymomen1355 я никого не учу, а просто посоветовал плагин

[@score_87]

очень крутой по верстке

[@xOceanSpirit]

2:11:17 Внезапно, трактор прекрасно работает и с сасс, нужно только настроить его.

[@user-ci4lt4jz5n]

*Можно марафон по верстке сайта НЕ для новичков, а то весь ютуб забит видосами для новичков* *Хочется вечеринку по круче))* а уроки конечно ТОП

[@lanam1182]

а Вадимка то женат. крааш мой:)

[@lanam1182]

супер

[@melissasofie7681]

я только приступила, не удаляй плиз.

[@lacookie_thenemesis]

Новый челик залетел на вечеринку)

[@vegetack547]

Только нашёл это видео но почему то не могу зайти на телеграмм канал где находятся Все исходники, инструкция и информация что делать ребят помогите пожалуйста

[@Seve10N]

.top там не color , а background-image ))) там фон-картинка , а не цвет , я еле заметил) не суть, так просто заметил)

[@toron_1988]

оу вечеринка!

[@user-xe4be7iq1q]

1:35:15.1:45:10,1:59:50 ,2:23:23,2:27:30,2:40:55 3:00:30,3:33:10,2:17:10,1:47:00,2:26:50

[@ilnarkarim8523]

Надеюсь у тебя всё терпимо. 2022

[@user-ts2of8oj6d]

Привет, такой вопрос, стоит идти в Харьков на вышку на программиста? А какое у тебя образование?

[@user-xv5bt2fy2z]

часть 1 kzbin.info/www/bejne/jKOkl6WwZaqYa8U часть 2 kzbin.info/www/bejne/aprbfqCkodSfeKc часть 3 kzbin.info/www/bejne/Z5qwiZWgaat0Y80

[@demnakapanadze8590]

Не удаляйте

[@dmitriykurtsev2427]

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

[@vadymprokopchuk]

id можно использовать только один раз, на практике это не удобно, но бывают случаи и для id

[@dmitriykurtsev2427]

@@vadymprokopchuk спасибо

[@vegetack547]

@@vadymprokopchuk Только нашёл это видео но почему то не могу зайти на телеграмм канал где находятся Все исходники, инструкция и информация что делать подскажите пожалуйста

[@Programmer777]

Сейчас можно хорошо зарабатывать на верстке? И сколько если не секрет?

[@viktorvasilevich3844]

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

[@redabeg]

Скачал normalize, и что-то он не работает. У меню появились маркеры. Путь прописан корректно.

[@vadymprokopchuk]

точно не помню, но у меня вроде резет там, или у вас ul не в теге nav

[@blackblack4689]

определённый багаж знаний 2:04

[@user-to5fg5hq9r]

Как можно попасть к тебе на обучение и сколько это сейчас стоит? ответь пожалуйста

[@vadymprokopchuk]

Напиши мне в телеграм, @silver8light

[@user-sl8kc2gi8g]

Есть вопрос! Верстать умею. Учился с нуля 10 месяцев. Юзаю html5, css3, js и jquery (на уровне базовом уровне), gulp, scss, bootstrap, git. Разместил резюме на hh - даже на собеседование не зовут. Почему так? Грешу на то, что в резюме указал свое первое место работы, раньше поваром работал 4 года либо проектов мало, у меня всего 2 проекта в портфолио. Дайте совет, чтоб лучше стать?

[@annakorotkikh5301]

Нужно самому откликаться на вакансии, а не ждать когда позовут.

[@victorsokoluik4573]

Можно посмотреть портфолио?

[@user-sl8kc2gi8g]

@@annakorotkikh5301 я исключительно сам и откликаюсь. пока что на моем счету штук 20 отказов и еще столько же просмотров. Я не отчаиваюсь, просто хотел совета, может, что-то не делаю для получения работы.

[@user-sl8kc2gi8g]

​@@victorsokoluik4573 да, вот линки worldwarmworm.github.io/test worldwarmworm.github.io/lawfirm линк на резюме novosibirsk.hh.ru/resume/cdabaddfff02d007d80039ed1f6e6f71477946

[@everlastiez]

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

[@bony_hope1313]

Ребят, откуда можно скачать бесплатный фотошоп, а то я скачать фотошоп css6 , а оттуда нельзя экспортировать

[@ramenboy8527]

Можно через кадрировать - найди видео от Типичный верстальщик где вёрстка для новичков и там есть как вырезать без экспорта

[@lanam1182]

почему видео не удалили тогда?

[@user-gt2rz8qc3j]

2:34:35 У меня нет прозрачного фона, что делать?

[@user-mk3qg3zt2z]

@СпС Здравствуйте! Очень советую Вам обратится именно на neoseo.com.ua . Уверена, что ничего лучшего Вы не найдете! Они помогут с любым вопросом!

[@user-io4ri9rp1t]

Не могу скачать макет, ссылки не работают. Что делать? Плиииз хелп

[@Nurtastube]

Ссылка рабочий. Просто у тебя должен быть google аккаунт.

[@catherinetemnicova8750]

а где найти этот архив?

[@viktorkool2010]

а если тебе за сорок - возьмет ли тебя вебстудия верстальщиком помоему там до 30 особенно верстальщики будешь как последний экземпляр мамонтов

[@viktorkool2010]

@KrAG работаешь верстальщиком ?

[@fly_away_haha]

вкладка висела в браузере с момента выхода. не откладывал на завтра! нет!

[@user-desiatkin]

как скачать исходники, ссылки не грузятся

[@vadymprokopchuk]

напишите в чат, вам там помогут

[@lassic5244]

section top 1: 41:06

[@soolberns4891]

2:03:10

[@user-Arvard]

дико удивляюсь тем людям, которые заходят на марафон, как-будто вообще ничего не зная.... вы собрались пилить свой проект, уже прям пилите, и не знаете, что такое паддинг или как подключается css ?.... зачем этими лишними вопросами отрывать автора от объяснения.... это такой пришёл на урок в 7ой класс на информатику и спрашиваешь:"а зачем писать плюс при сложении ?"

[@rabid_bear]

выздоравливай

[@_eren_2463]

люди ищут марафон, курсы чтобы обучаться с НУЛЯ на подобных видосах

[@user-Arvard]

@@_eren_2463 когда обучаться с нуля, это ясно, я про те случаи, когда человек вообще ничего не зная, как ты выражаешься "С НУЛЯ" уже кричит, что он делает сайт, но при этом не знает ничего!... развелось "фуллстакеров", аж бесит, все в фуллстак лезут, не понимая, что нормальных высот в фуллстаке достичь можно только лет через 10 ежедневно практикуясь во всём, что входит в фуллстак... спросить любого фуллстака, который 10-15 лет в этом крутится и он тебе ответит, что и он даааалекоооо не всё знает в своём фуллстаке (ну если нормальный и не ЧСВшник) суть моего комментария была в том, что стоит СНАЧАЛА смотреть марафоны и параллельно КАЖДОЕ используемое свойство находить хотя бы на webref.ru, а ПОТОМ уже говорить, что ты сам делаешь сайт... я Вадиму до конца жизни благодарен буду, я начал нормально что-то понимать , когда после пройденого курса от WebForMyself я посмотрел первый марафон Вадима на 7 часов полной вёрстки сайта... эти 7 часов растянулись на увлекательную неделю, но я был в восторге, когда доделал до конца. а потом понеслись остальные его марафоны.

[@anonim00723]

не могу скачать psd макет с Телги можете скинуть

[@vadymprokopchuk]

прикрепил

[@anonim00723]

@@vadymprokopchuk спасибо

[@bohdan3125]

2:01:00

[@user-ty3yq3dr3y]

Всем здрасьте !!.. Помогите с исходниками.. ( ибо телеграмм не доступен.. - скачать не знаю где..).., и будет вам и вашим близким огромное счастье... ( вообще всем будет все !!...).. :-)

[@vadymprokopchuk]

в телеграм не можете перейти по ссылке с vpn?

[@user-ty3yq3dr3y]

@@vadymprokopchuk Увы и ах... не могу пройти по ссылкам... и установить его тоже не пускает...

[@vadymprokopchuk]

@@user-ty3yq3dr3y напишите мне в вк vk.com/vadimprokopchuk я там сброшу

[@vvsl3882]

Попробуй в телеграм через оперу зайти, там vpn сразу включен

[@user-ty3yq3dr3y]

@@vvsl3882 Вопрос решился другим путем... Сибки за участие..

[@rodeo6958]

Половины видео нет Закиньте стили

[@vadymprokopchuk]

все есть

[@rodeo6958]

@@vadymprokopchuk Спасибо!

[@deswar9430]

1:27:34

[@nikeponomarev9403]

у меня видео на 6 часов растянулось

[@user-ke3cp6et2l]

как же херово на линупсе без фотошопа

[@softplay7318]

Wine в помощь

[@dmitripolevoi4473]

Чувак вечеринка лишка хопа-хопа зачем эти слова?

[@GDiak]

Так прикольней :)

[@llkkhhh22]

а что видео не удаляешь ?

[@furiogiunta2424]

The acrid tuesday puzzlingly stamp because ukraine symptomatically remain via a awake warm. drunk, scattered wrinkle

[@official_royce]

много воды ужас

[@Clifford33]

Так много воды...

[@DmitriiBozan]

если я дам свой телеграм, то можешь прислать етот сайт?

[@mclotos]

jquery в 2к19?! Серьёзно?! Она и раньше-то считалась отстоем, из-за своей кучи плагинов, потому что на нормальном js то же самое можно было сделать в 10-15 строк. Случай из реальной практики. Искал как-то слайдер картинок, чтобы при наведении мыши ставился на паузу и показывал описание слайда, у меня уже была реализована версия такого слайдера без JS, но css тогда не везде работал адекватно и пришлось искать js-решение. в итоге нашел на jquery, там была собственно сама jquery, 4 плагина и самописная функция автора слайдера. Выпилил из функции все зависимости с jquery и получил 10 строк кода, которые делали то же самое. Внимание вопрос, зачем там jquery? А сейчас так вообще он на фиг не нужен - react, angular, vue и еще куча крутых фреймворков.

[@vadymprokopchuk]

значит в марафоне для новичков, которые делают свои первые шаги в html, нужно было зафигачить слайдер на react ?) "Серьёзно?!" =))

[@mclotos]

@@vadymprokopchuk нет. Надо было сразу написать компонентное PWA и это не сарказм. Это как 4 года изучать ASM, вместо С. Вроде бы и нужно, но практического смысла в этом ровно 0. Зачем знать сейчас jquery если есть vue? Зачем учить html если есть pug/jade? Ну и так далее. Хотя может я просто придираюсь ))) А может забабахаем совместное видео? Так просто have fun. Я покажу как выглядит реальный мир программирования ))

[@grantruss5238]

Зачем вообще себе усложнять жизнь на vue для таких простых уроков ?

[@mclotos]

@@grantruss5238 затем же, зачем сейчас в ВУЗах стали преподавать C вместо pascal. Vue в разы проще чем jQuery хотя бы потому что Vue не придумал собственного языка, а использует нативный ES

[@grantruss5238]

Хорошо, я захожу на google и подключаю оттуда библиотеку jQuery - профит Захожу на сайт vue - копирую файл для подключения, а он не работает Без webpack или gulp vue вообще мало эффективна, а это опять таки накладно в плане затраченного времени для таких простых уроков