Верстка HTML/CSS/JS с нуля, стрим день 1, для новичков +

Подписаться 84 тыс.

Просмотров 53 тыс.

50% 1

Все исходники, инструкция и информация в телеграм канале.
Ссылка на телеграм канал:
bit.ly/marafon-from0to1
Макет:
drive.google.com/file/d/1RpQH...
Ссылка на телеграм канал с впн:
bit.ly/vpn-marafon
Чат верстальщиков:
t.me/chat_from_0_to_1
Написать мне в ВК:
vadimprokopchuk
Написать мне в телеграм:
t.me/silver8light
Ссылка с vpn для телеграм:
teleg.one/silver8light
Отзывы о которых говорю на стриме:
topic-104892258_40476405

Опубликовано:

3 мар 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 116

@whatsunderisabove 4 года назад

Обретаем профессию благодаря таким роликам.

@pavelsedoplatov 4 года назад

Блин Вадим, как ты из видео к видео, не устаешь повторять одно и тоже? Кремень просто! Лайкос однозначно!

@vladmaster46 4 года назад

Как всегда на высоте Лучший

@vadymprokopchuk 4 года назад

благодарю

@lostmymind7892 4 года назад

Вы шикарный препод, спасибо за то, что ведете такой канал)

@vadymprokopchuk 4 года назад

спасибо

@user-vh1ls4bs3t 5 месяцев назад

😅

@user-ww7tz7wy8e 3 года назад

"Земля она какая, квадратная, ну и поэтому,сейчас так знаете,все плоско". Фонд золотых цитат уже можно открывать :)

@toliktserunyan4169 3 года назад

Следя только за тобой можно уже на второй неделе найти работу, Спасибо тебе Вадим

@fromvytvytska 4 года назад

Очень все понятненько! 💓

@nikolajlazar6020 3 года назад

Начал смотреть Твои видяхи, все четко и понятно. Методология огонь, хоть только начал, но все понятно. Спасибо за Твои труды!!!! Ты делаешь мир лучше!!! Крепко жму правую!!!

@igr3943 4 года назад

Топовый контент. Взахлёб слушаю материал!

@user-tf7ut3hv7q 4 года назад

Чётко всё объясняешь,смотришь и кайфуешь Спасибо!!!!!

@sergik55 4 года назад

Верстка 2:00 Ответы на вопросы про курс и прочие вопросы 2:18:00

@user-up6xd8cv4x 4 года назад

спасибо! очень много нового из твоих видео узнаю

@user-kc8ft5tz8l 4 года назад

Вадим, ты круче самых крутых яиц - как чел, и как препод. Как препод ты еще и жутко заразный. По твоей вине я буквально подсел на вёрстку!!! Только про таких как ты и можно говорить ЧЕЛОВЕК С ХАРИЗМОЙ. Спасибо и не теряй естества и задора! :-)

@vadymprokopchuk 4 года назад

Благодарю

@user-oh5wh7qm6m 3 года назад

Вадим! Большое спасибо за годный контент!

@gerasymenko1 Год назад

не понимаю людей которые не умеют использовать figma и беруться верстать. Сделал header проэкта tesla (день 1), получилось всё чётко!Вадиму респект, знал бы о таком гуру, не пошел бы учиться в Mate Academy!

@sauronin2058 4 года назад

Как всегда топ!!!

@ericbelecov3115 3 года назад

Большое спасибо, вот это настоящее обучение!

@user-pm9iw6yf5w 3 года назад

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

@user-my5nw2kg6l 4 года назад

Очень крутые видео, спасибо большое)

@toron_1988 4 года назад

Вадим сморю твои видео и складывается впечатление что я тебя уже знаю 100/500 времени, такой захожу на очередной видос и хочется написать, Еггеей привет Вадос че как?) рад видеть))

@forwok8454 4 года назад

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

@user-tb2iq1sl6b 4 года назад

Спасибо! Отличный марафон)

@user-ld3pj5qn3c 4 года назад

Реально крутые стрим-проекты Одни только положительные эмоции

@thetigerplay571 4 года назад

Красава. Ты вумный, как утка.... Респект и уважуха!!!

@user-gy5kw5bf4q 4 года назад

Спасибо за твои видео.Ты бесценен!

@vadymprokopchuk 4 года назад

спасибо

@user-vs6bg3xn5s 3 года назад

Юмор, подача, харизма все высший класс, обычно засыпаю на таких длинных стримах, но это просто опьянение бро

@vadymprokopchuk 3 года назад

Аслан Косшанов спасибо!

@user-ss4ht2el7n 4 года назад

это классно это фантастика))

@igorzukov3655 3 года назад

Спасибо тебе за твои видео ти мне очень помог

@vitaliidrapaliuk5652 4 года назад

Ещё раз спасибо за такой крутой марафон, можешь сказать, есть ли какой то стадарт по написанию путей к файлам? ( от корневого елемента или от того куда подключаем)

@pain. 4 года назад

найс)))))Самое сложное в роботе посмотреть на макет. *вырвано с контекста, но я повеселился от части правда))

@timurb119 4 года назад

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

@vadymprokopchuk 4 года назад

Благодарю

@pandanium6979 3 года назад

То чувство когда поставил 1000-ый лайк))

@aleksius7819 4 года назад

как обычно отличный стримчанский, но надо усложнять макетики

@lesyadorosh1805 4 года назад

крутой марафон! спасибо !

@user-bv3sc7yl4i 4 года назад

Давай внедрим такую же штуку - тупо топ Вадимский)

@evgeniymin3295 3 года назад

Респект и уважуха!!!

@Iudjinapple 4 года назад

Сперва лайкосик затем смотрим)

@vadymprokopchuk 4 года назад

Благодарю

@shps.online9830 4 года назад

тооооооп) спасибо)

@vadymprokopchuk 4 года назад

благодарю

@user-gk1su2vw4e 4 года назад

Ты мега крутой!

@Alex.Krayev 4 года назад

Вадим спасибо, жду многостраничник )

@jackson8460 8 месяцев назад

Добрый день, Вадим! Подскажи пожалуйста, почему характеристики в твоем макете отличаются от характеристик моего макета? У меня написано: line-height: normal; А у тебя line-height: 112px; 1:32:57

@artemmedvedev140 4 года назад

38:00 а почему по методологии не назвали header-top__logo и header-top__btn ? Как мы сделали в случае с header-content__title и тд.

@vadymprokopchuk 4 года назад

Потому что я не захотел делать logo и btn элементами, я оставил их блоками.

@real_arra 4 года назад

Ты крутой!

@vadymprokopchuk 4 года назад

спасибо!

@user-xp3rs6ju7f 4 года назад

Добрый день! Я сделал первый экран со слайдером пошагово, как делал Вадим. В итоге первый экран отлично отрывается в Firefox, но в Chrome почему-то картинка разваливается, некорректно работает слайдер, появляется горизонтальная прокрутка. С чем может быть связана такая проблема?

@svetlanachichotkina9419 4 года назад

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

@serg-k 3 года назад

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

@serg-k 3 года назад

у меня autoplay: 300, только так работает на 3000 слишком долго

@user-wu8up2rd6r 3 года назад

Кто в конце стрима спрашивал о рамках вокруг слайдера. нет никакой ошибки, надо привязать нормалайз css

@gregplittjunior8313 4 года назад

Спасибо за видео*а где можно скачать макет с этого видео>?*

@vadymprokopchuk 4 года назад

в телеграм канале, ссылка под видосом

@user-pl6vy4cu8m 3 года назад

1:11:30 После написания .header 100vh весь текст, который был под логотипом, улетел вниз страницы...в чем может быть причина?

@gerasymenko1 Год назад

Сделал AVTR. сделаю и это!))

@vitaliidrapaliuk5652 4 года назад

Здравствуйте, можно ссылку на макет, буду очень благодарен) и спасибо за труд)

@vitaliidrapaliuk5652 4 года назад

@sony 00753 нашёл, спасибо)

@user-ne2kt8lb7g 2 года назад

Доброго времени суток. У меня вопрос. После того как я заканчиваю верстку, экран размера ставлю на 100% так как до этого размер экрана стояло 125%, и вот в некоторых место у меня что-то поменялось, это нормально ? Или я что-то где-то делаю неправильно?

@user-qh2wx4md1u 4 года назад

в каком формате то исходники в тг?)

@vadymprokopchuk 4 года назад

.fig

@b1ue8 4 года назад

Здарова!!!! Классный марафон! А где скачать шаблон?

@vadymprokopchuk 4 года назад

Привет, переходи в телеграм и отмотай выше, там будет, и я еще сегодня под видос прикреплю

@b1ue8 4 года назад

@@vadymprokopchuk Спасибо👍👍

@mikhailbakhtin3916 4 года назад

Дошел до прокрутки слайдов. Один в один сделал три раза переписал несколько раз код. Не прокручиваются слайды, вертикально на странице висят и все.(

@Misterschmit 4 года назад

я заменил файл slick.min.js на slick.js . И еще подключил Тогда все заработало. Почему так - не знаю .

@Aleksei_Zukovski 3 года назад

@@Misterschmit я тоже попробовал также прописать, но как-то все исчезла

@user-hs6lg3uq9c 4 года назад

у каждого свои тараканы ,маршрут их неизвестен и сами тараканы в шоке)))

@Bars_Sl 4 года назад

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

@user-hs6lg3uq9c 4 года назад

ууу какой таракашка))

@sashaBejenari 4 года назад

Topcik

@vanoard2091 2 года назад

не работает слайдер, все перепроверил 100 раз, в чем может быть проблема?

@orange3684 Год назад

Когда я уже начал делать слайды, у меня картинка уменьшилась что делать?

@user-cy7ox9du2h 4 года назад

Вадим, спасибо огромное! Ребята, кто писал, что файл с марафоном поломан (в частности Yura Obolonski в чате писал), вы что не знайте, что в такой ситуации делать? Берём делаем в настройках файлов и папок/вид "отображать расширения файлов", далее к нашему файлу, который был непонятного формата, дописываем в конце расширение fig--т.е. файл фигмы и в проге через импорт его открываем

@MelkoR4111 3 года назад

подскажите пож-та, как сделать так, чтобы у меня эти красные линии тоже были? уже какой раз вижу у Вадима их, а у меня нет..тыкал на все подряд, не пойму как включить.

@johnnybek_silverhandovich Год назад

shift+R

@shadkonstantin 4 года назад

почему не во всех проектах используется gulp?

@vadymprokopchuk 4 года назад

это стрим для новичков

@MDanshin Год назад

Для себя 1:16:15 - margin

@user-ci5ix4hq1n 4 года назад

Как получить макет?

@toliktserunyan4169 3 года назад

3:33:20 ЖИЗААА :D :D :D

@ivanlol460 3 года назад

Как ускорить если вы используете плагины,подключать их через bower, нормальный вариант?)

@vadymprokopchuk 3 года назад

IvanLoL да, хороший

@ivanlol460 3 года назад

@@vadymprokopchuk посмотрел несколько версток, респект,продолжай в том же духе:)

@Yui-lb5xt 2 месяца назад

Здравствуйте. Не работает слайдер, все перепроверила, в чем может быть проблема?

@mirzabekorazbaev5534 2 месяца назад

Где находится файл жаваскрипта проверьте это и проверьте подключение

@markgrenader7464 4 года назад

я опоздал на стрим. как и где скачать макет?

@vadymprokopchuk 4 года назад

телеграм канал, ссылка в описании

@markgrenader7464 4 года назад

@@vadymprokopchuk Спасибо!!!

@user-wz9qr6ki9v 3 года назад

почему в хедаре : z-index 5?почему именно 5?

@vadymprokopchuk 3 года назад

не важно, можно и 10 от фанаря

@user-jz6oy4fd8z 4 года назад

Не могу найти макет( на телеграмм канале он или удален либо я туплю(

@user-jz6oy4fd8z 4 года назад

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

@muborizDev 4 года назад

Где макет можно найти ?

@vadymprokopchuk 4 года назад

в телеграм канале под видосом

@user-xe4be7iq1q 7 месяцев назад

43:30 1:29:50 1:44:50 ахахаха 1:52:30 1:53:45 2:01:20 2:10:24 2:14:20 2:17:10 2:34:20 2:35:55 2:57:50 2:14:30

@life_is_cool3601 3 года назад

Почему не width 100%? на 2:17:00

@user-xe4be7iq1q 7 месяцев назад

2:14:12 зачем z-index 5 ,если и 1 работает

@user-nw5br5jg9k 4 года назад

не могу скачать макет из телеги

@vadymprokopchuk 4 года назад

залью скоро видос под макетом

@pospos439 4 года назад

у кого не появляется картинка на сайте проверьте тег style. столкнулся с этим - написал stile..

@Tapi1945 3 года назад

style братан и тоже не появляются (

@vladholoborodko1144 3 года назад

@@Tapi1945 +

@vladholoborodko1144 3 года назад

@@Tapi1945 решил проблему

@Yaleks91 4 года назад

Говорят монетизация продвигает видос, ведь ютуб получает с рекламодателей, потому при прочих равных видос с монетизацией сильнее продвигается. Инфа не сотка)

@vadymprokopchuk 4 года назад

Demi Deus тоже переживал, по последним данным это не влияет