Верстка HTML/CSS/JS с нуля, стрим день 1, для новичков +
Рет қаралды 53,185
4 жыл бұрынВсе исходники, инструкция и информация в телеграм канале.
Ссылка на телеграм канал:
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
@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 тоже переживал, по последним данным это не влияет
@altron1986 4 жыл бұрын
HTML чем-то похоже на матрёшку.
@user-xe4be7iq1q Жыл бұрын
01:22:52 откуда height 2px
@DmitriiBozan Жыл бұрын
если я дам свой телеграм, то можешь прислать етот сайт?
НОВОСТНИЧОК
Рет қаралды 16 МЛН
От 0 до 1
Рет қаралды 3,4 М.
Pro Web
Рет қаралды 3,4 М.
TheSimplySpace
Рет қаралды 79 М.