Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

  Рет қаралды 630,677

Фрілансер по життю

Фрілансер по життю

Күн бұрын

Пікірлер: 784
@martinyis6453
@martinyis6453 2 жыл бұрын
34:25 wrapper Структура шапки 52:47 Хедер выравнивание 55:57 Прилипание 1:05:08 Ломание пунктов 1:06:07 Адаптив Шапки 1:07:58
@Sweet_and_joy
@Sweet_and_joy 2 жыл бұрын
Анализ первого блока 1:13:17 Прибиваем footer к низу 1:16:32 Структура HTML первого блока 1:18:57 Вёрстка в CSS класса ibg 1:26:15 Вёрстка в CSS первого блока 1:27:00 Адаптив первого блока 1:40:35 Структура HTML второго блока 1:48:30 Вёрстка в CSS второго блока 1:54:58 Адаптив второго блока 2:11:30 Анализ третьего блока 2:21:44 Структура HTML третьего блока 2:22:39 Вёрстка в CSS третьего блока 2:28:28 Адаптив третьего блока 2:44:29 Анализ четвёртого блока 2:49:05 Структура HTML четвёртого блока 2:50:46 Вёрстка в CSS четвёртого блока 2:55:17 Адаптив четвёртого блока 3:06:25
@grindrust6127
@grindrust6127 Жыл бұрын
у меня выравнивание не так работает хз почему так, по сути сделал . в . как на стриме но не вышло, оно все в левом углу
@al_pav8521
@al_pav8521 2 жыл бұрын
Посмотрел 30 минут видео, не смог удержаться, чтобы не написать слова благодарности. Женя спасибо. Очень классный формат. Ты затрагиваешь очень много вопросов, которые возникают у новичков, но ответов на них почти нигде нет. Для профи это не вопросы, а смех один. Но на то мы и новички чтобы разбираться и учиться. Низкий поклон Тебе.
@MarynaMala
@MarynaMala 3 жыл бұрын
"Не нужно грузить новичков всякой фигней, вместо того, чтобы человек учился верстать." Очень точное выражение, отображающее, к сожалению, бОльшую часть платных онлайн-курсов. Из этого канала я поняла гораздо больше, чем за 4 месяца обучения на платных курсах. Спасибо огромное за такую доступную и понятную подачу материала, это бесценно!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста!
@АннаРоманюк-с1в
@АннаРоманюк-с1в Жыл бұрын
@@FreelancerLifeStyle я не лівша,але страждаю за тебе 😃
@annkurynova2321
@annkurynova2321 Жыл бұрын
Вот лопата, покажите как копать, не нужно рассказывать как добывают железо 👍
@tonyg9548
@tonyg9548 3 жыл бұрын
Благодарю за доступное образование, ты делаешь действительно один из лучших контентов по этой тематике.
@Ярослав123-я2я
@Ярослав123-я2я 3 жыл бұрын
Отдельная благодарность за простой макет и подробные объяснения. Пробовал смотреть сложную верстку, но все эти препроцессоры, миксины, сборщики + миллион файлов в папке реально трудно усвоить на лету. Хочется как-то поэтапно развиваться и переходить к усложнению когда уже к этому готов. Спасибо Женя. Побольше простой вёрстки, но со своими фишечками. Лайк с 3-х аккаунтов))
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста!
@ЗлобстерикЗлобстера
@ЗлобстерикЗлобстера 3 жыл бұрын
@@FreelancerLifeStyle Спасибо!
@bessonniy9208
@bessonniy9208 3 жыл бұрын
Один из самых полезных каналов для обучения вёрстке! 80% знаний в этой сфере у меня почерпнуто именно отсюда. Спасибо!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста!
@evg_ep
@evg_ep 3 жыл бұрын
Женя, ты лучший преподаватель по верстке на просторах интернета. Твой канал - это такая крутизна. Я всю жизнь занимался бэк-ендом, фронт был для меня что-то чуждое. Благодаря твоему каналу я открыл для себя прелесть фронта, теперь заниматься версткой - это что то вроде хобби, интересно и увлекательно. Очень много подчерпнул из уроков, но такие повторяющие стримы очень нужны, чтобы еще раз пройти то, что ты освоил. Спасибо огромное.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста!
@bessyaka.production
@bessyaka.production Жыл бұрын
Самый толковый и подробный урок для новичков! Огромное спасибо! Четко, понятно и с юмором! Буду смотреть все!
@ИванМолотов-в1л
@ИванМолотов-в1л 3 жыл бұрын
Отличное видео , очень доступно . Проделав все с Женей от начала и до конца многие вещи встают на места. Без сомнений каждый обучающийся хотел бы больше таких уроков
@ivantymchenko6599
@ivantymchenko6599 3 жыл бұрын
ОГРОМНЫЙ РЕСПЕКТ!!!!! Смотрю видео, пишу конспекты, верстаю, донастраиваю vs code +плагины которых нет, а здесь нужны были, в общем день пролетел незаметно, очень круто!
@ПавелХарин-я4р
@ПавелХарин-я4р 3 жыл бұрын
С какой же радостью я снова учусь в свои 56! Спасибо Евгений!
@yume071
@yume071 3 жыл бұрын
я думал я один тут такой )))
@iurabogomazov7653
@iurabogomazov7653 3 жыл бұрын
Мне 50. С ув. Юрий
@antonsukhanov4651
@antonsukhanov4651 3 жыл бұрын
Мне 55, начинаю менять профессию. Спасибо за курсы, Женя!
@helmut_elder
@helmut_elder 3 жыл бұрын
52
@enterkvas
@enterkvas 3 жыл бұрын
Привет от учащегося ровесника: 1966. Лишь бы не стать "вечным студентом" в плохом смысле этого словосочетания
@nataliarivas7979
@nataliarivas7979 3 жыл бұрын
Жека, большое спасибо за этот стрим. Это именно то, что нужно тем, кто только изучил ваши уроки по html и css, и кому еще пока рано делать сложные штуки, и тем более рано браться за js.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста!
@ЗлобстерикЗлобстера
@ЗлобстерикЗлобстера 3 жыл бұрын
@@FreelancerLifeStyle Спасибо!
@ЭленЛуг
@ЭленЛуг 3 жыл бұрын
Спасибо за верстку "для самых маленьких". Все было полезно и интересно. Жду вторую часть. Такие стримы очень нужны.
@konstantino7016
@konstantino7016 3 жыл бұрын
2:05:56 Женя, ты как преподаватель силён! Учиться у тебя просто здорово!!! Твой подход в обучении вдохновляет и вызывает желание продолжать учиться. Поэтому продолжай гнуть свою линию!
@КостяТрубин-д5х
@КостяТрубин-д5х 3 жыл бұрын
Да, я сам рад, что нашел этот канал. Это несколько шире, чем просто вёрстка. Здесь также присутствует философская лирика.
@alisabolgar4926
@alisabolgar4926 3 жыл бұрын
Жека, я просто получаю колоссальное моральное удовольствие от твоего мастерства. Я перфекционист, и мне все хочется с самого начала делать хорошо. А у тебя верстка всегда идеальная. Учусь с огромным удовольствием, спасибо!
@enterkvas
@enterkvas 3 жыл бұрын
Привет от коллеги-перфекциониста😂
@OleksiiLehostaiev-d6q
@OleksiiLehostaiev-d6q 2 жыл бұрын
Евгений, спасибо вам за ваш опыт предоставленный в таком удобном формате, спасибо большое за то что вы делаете, по больше вам терпения вдохновения продолжать заниматься подобными вещами. За пол года самообучения вы лучший на кого я наткнулся на просторах ютуба из всех кто делает подобный контент. Еще раз огромное вам спасибо.
@Runawaypub
@Runawaypub 2 жыл бұрын
А почему сначала учились в саблайме, а сейчас делаем в вскод? Ответьте пожалуйста
@ЮрийЗоткин-ф1п
@ЮрийЗоткин-ф1п 3 жыл бұрын
Не сохранить стрим нужно приравнивать к преступлению или наказывать приседаниями). Спасибо за работу.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Ахах
@ЛиляРябова-р6ь
@ЛиляРябова-р6ь 3 жыл бұрын
Если все такие умные, а верстка для начинающих, почему тогда я не понимаю, может мне нужны курсы ДО?
@artyomvoytenko1237
@artyomvoytenko1237 3 жыл бұрын
@@ЛиляРябова-р6ь посмотри базовый курс по верстке на этому канале, станет все понятнее, потом вернись к этому видео
@ЮрийЗоткин-ф1п
@ЮрийЗоткин-ф1п 3 жыл бұрын
@@ЛиляРябова-р6ь потому что это урок по практике. видимо теорию вы пропустили. Начните с плейлиста базового курса html и CSS
@Alexdem-q6d
@Alexdem-q6d 3 жыл бұрын
@@ЛиляРябова-р6ь это урок по верстке для людей, которые обладают минимальным набором знаний в области HTML и CSS, а не для человека, который вообще ничего не знает
@КонстантинТрифонов-и5ъ
@КонстантинТрифонов-и5ъ 3 жыл бұрын
Объяснение космос. Доходчиво настолько, насколько это вообще возможно. По порядку и без воды. С огромной благодарностью!
@TrashTOXICwho
@TrashTOXICwho 3 жыл бұрын
Евгений, материал просто пушка, спасибо за невероятно полезные уроки и мастер-классы, долгих лет жизни
@VIJana79
@VIJana79 3 жыл бұрын
Хочу ещё добавить, что по такому видео я узнала массу нюансов. Когда учишь тот или иной навык, дают много несомненно полезной теории, вроде всё понятно и даже понятно, как его применять в приведённых примерах. Но, когда тебе показывают применение этого навыка непосредственно в вёрстке макета, это уже совершенно другой уровень образования. Когда тебе показывают, как при помощи одного штриха можно просто решить неприятную проблему - это совершенно другой уровень. Поэтому многие считают твой канал очень информативным и полезным для себя. Для получения практического опыта и закрепления теории, твой канал один из самых лучших. Отдельный плюс за подачу материала и подробное объяснение каждой манипуляции. Выяснить почему сделать лучше так, а не по-другому - это тоже важный элемент в понимании и образовании. Ну и просто красивый, приятный мужчина, которого интересно слушать.
@СергейСуворов-ч7ъ
@СергейСуворов-ч7ъ 3 жыл бұрын
Спасибо за науку ! Очень нравится подача, приятно слушать, внимательность к деталям, понимание необходимости повторения казалось бы очевидных вещей, для людей которые уже изучали теорию, но недавно приступили к практике, объяснения множества тонкостей и нюансов Отдельная благодарность за выложенный код урока
@azatsaparbekov7441
@azatsaparbekov7441 2 жыл бұрын
Сергей, а где ссылка на код урока? завершенный
@daryaneznanova9964
@daryaneznanova9964 2 жыл бұрын
Я недооценивала важность таких видео, думала, что ничего нового не подчерпну, но блин, как же я ошибалась. Верстала однажды макет, где header также надвисал над следующим блоком с фоновым изображением. Сколько же нервов я убила на то, чтобы это адекватно сверстать, а всё оказалось в разы проще. Спасибо 👍
@user-obuser88
@user-obuser88 Жыл бұрын
Уникальный контент! Потрясающе простая и веселая подача материала! Огромная благодарность Вам, Евгений за бесплатное обучение!
@alexpro7033
@alexpro7033 4 ай бұрын
Дякую, доже гарний урок. Чекаю (та думаю, ще багато хто) на нові відео!
@МаринаГайбович-л9д
@МаринаГайбович-л9д 2 жыл бұрын
Огромное спасибо!!! Я ваша преданная поклонница-когда нашла ваш канал просто обалдела!!!
@mykhailo_shokun
@mykhailo_shokun 3 жыл бұрын
Спасибо Жень, что помогаешь разобраться начинающим как я, очень все подробно, я как раз перехожу на Gulp и SASS. Как по мне, этот урок как раз то, что надо, чтобы перейти от чистого CSS на препроцессор. Здоровья тебе и такого же запала на всю жизнь!!!
@lglebk1449
@lglebk1449 2 жыл бұрын
Приветствую! Я посмотрел это видео дважды, чтобы на его основе сделать свой первый сайт, но понял, что упускаю кучу важных деталей. Поэтому сейчас я полностью повторяю верстку за тобой ( и все равно умудряюсь ошибаться по невнимательности). Я поражаюсь тому, как ты классно все проговариваешь! Очень часто моя рука тянется поставить лайк твоему видео, а лайк уже поставлен. Жаль, что нельзя поставить их еще. Большое тебе спасибо за контент!
@shevafootbal
@shevafootbal 3 жыл бұрын
Спасибо за колоссальный труд и за выделенное время для всех нас. Этот стрим прямо вообще ТОП для начинающих ! Огромное человеческое СПАСИБО !
@ИльнурШакиров-и7м
@ИльнурШакиров-и7м 3 жыл бұрын
Хороший стрим для начинающих верстальщиков Топчик! Когда знаешь частями как что работает но компоновать воедино еще нужно учиться и учиться)
@АлексейОлейник-у7в
@АлексейОлейник-у7в 2 жыл бұрын
Спасибо за проделанную работу. Три часа как на одном дыхании пролетели! Представляю, какой колоссальный труд тебе предстояло выполнить! Продолжу дальше учиться по твоим стримам и другим видео. Твой материал отлично дополняет изучение по учебникам. Спасибо, будь здоров и счастлив!
@egoregor3024
@egoregor3024 2 жыл бұрын
привет, я, как и ты, недавно пробовал верстать за ним у тебя не возникло проблемы с картинкой в шапке, где "мужчина пальцем в компьютер показывает"? у меня из-за класса _ibg{position: relative} картинка 855x0, если убрать его то все работает нормально, по крайней мере на том моменте, где я забуксовал - 1 - 26 -00 примерно Прости, что докопался, но вдруг ты знаешь причину:)
@АлексейОлейник-у7в
@АлексейОлейник-у7в 2 жыл бұрын
@@egoregor3024 Привет!) Я этот момент с техническим классом _ibg разбирал с более опытным программистом. Тут в принципе все понятно становится, если разобраться. Картинка фонового изображения вложена в этот технический класс _ibg для того, чтобы она лежала в блоке с абсолютным позиционированием и примыкала к нему с координатами top: 0:; left: 0;. А блок с элементом изображения в свою очередь будет идти в общем потоке. И для него уже будут создаваться правила для позиционирования относительно всего контента. Я тебе скину правила к этому блоку. Попробуй вставить их и проверь, все ли работает. Может где-то ошибся в CSS или вложенность HTML проверь. ._ibg{ position: relative; } ._ibg img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
@egoregor3024
@egoregor3024 2 жыл бұрын
@@АлексейОлейник-у7в дружище, спасибо тебе начал проверять вложенность и заметил, что класс назвал "main-block-image", а в css "main-block__image "..... классика на самом деле, одна опечатка стоила такого количества нервов и тильта, что простейшее делать не могу еще раз спасибо:)
@Lok1goD
@Lok1goD 3 жыл бұрын
Женя! От души, каждый твой стрим пересматриваю по несколько раз, верстаю прям за тобой! Отлично объясняешь, всё чётко понятно. Спасибо тебе огромное! Продолжай!)
@VIJana79
@VIJana79 3 жыл бұрын
Как приятно слушать профессиональную речь. Уши мои радуются.
@tuyanatsydenova5047
@tuyanatsydenova5047 3 жыл бұрын
Женечка, как же классно все выстроено в систему. Как раз этого видения не хватало для полного понимания. Бесконечная благодарность💞💞💞💞
@Gazon1155
@Gazon1155 3 жыл бұрын
12:48 Для чего нужен (можно добавить для body overflow-x: hidded; и не париться с оболочкой) 15:00 Почему подключается в body, разве не в head? В чем разница? 36:16 Плагин Font Fascia, чтобы можно было видеть какие используются шрифты в макете
@ВладимирСтавинчук
@ВладимирСтавинчук 3 жыл бұрын
15:00 Почему подключается в body, разве не в head? В чем разница? 1) Чтобы, не тратя время на загрузку скрипта, страница уже показывалась, а скрипт подгружался, когда пользователь уже смотрит сайт. Если выполнение скрипта не требуется до или во время загрузки страницы. 2) Если скрипт обрабатывает HTML, а он еще не загружен на странице, то скрипт не сработает.
@TravelNobel
@TravelNobel Жыл бұрын
Лучший разбор простой верстки который я видел! Абсолютно все просто и понятно объяснил
@redribbon5203
@redribbon5203 2 жыл бұрын
Очень рада, что нашла ваш стрим по верстке. Доступно, как раз для новичка как я. Спасибо большое! Действительно очень помогли. ✨
@KatyKnits
@KatyKnits Жыл бұрын
Спасибо большое, Евгений, за Ваши уроки! Отличная, позитивная подача материала, все четко и по делу! Мне 47 и я учусь у Вас верстать. На 2:07:24 для модифицированного зеленого блока не сработал margin, заданный через *:not(:last-child). Прописала .item-service_green *:not(:last-child){ margin: 0px 0px 10px 0px; } и текст выровнялся во всех колонках идеально.
@MaximPistun
@MaximPistun 3 жыл бұрын
Спасибо огромное за вашу работу , все как будто в голове становится на свои места. С нетерпением ждем еще подобные стримы
@gost-to2810
@gost-to2810 2 жыл бұрын
Женя, спасибо тебе большое за контент!!!! Прошёл платный курс на одном известном учебном портале, и скажу, что ты даёшь очень много!! Структурированные знания!! Я Скачиваю макет и верстаю вместе с тобой! Дякую велике тобi !!
@ДашаКороткевич
@ДашаКороткевич Жыл бұрын
пишу комментарий для продвижения твоего канала!!! Давно смотрю :) многому научилась, спасибо)
@КристинаЗубкова-ч2е
@КристинаЗубкова-ч2е 3 жыл бұрын
Отличный стрим для новичка!!!!!! Обучаюсь у вас по бесплатному курсу и этот стрим именно то , что было нужно в качестве отличной практики на самом начальном этапе 👍👍👍👍
@enterkvas
@enterkvas 3 жыл бұрын
Огромное спасибо Вам, Евгений! Законспектил 1-ю часть на листочках, выделил текстовыделителем. Надеюсь, буду по шаблону применять эти фичи при верстке будущих и ПЕРЕверстке текущего макетов. Надеюсь также законспектить с той же целью и 2-ю часть. Успехов!
@alexandrko-v1m
@alexandrko-v1m 3 жыл бұрын
Спасибо за интересный и полезный стрим, с нетерпением ждем продолжения
@СергейГоршков-з5ф
@СергейГоршков-з5ф 2 жыл бұрын
Спасибо, очень не хватало подобных видео новичку!
@alien2364
@alien2364 3 жыл бұрын
Огромная благодарность за такие стримы, Вы делясь своим опытом сокращаете срок обучения. P. S Мои нервные клетки аплодируют стоя)
@Диана-с3ф2ъ
@Диана-с3ф2ъ 2 жыл бұрын
Дуже Вам вдячна за такі відео! Допомагає зрозуміти процес в цілому та розвивати правильне мислення та аналізувати макет.
@FreelancerLifeStyle
@FreelancerLifeStyle 2 жыл бұрын
Будь ласка
@Morokh
@Morokh 3 жыл бұрын
ОГРОМЕННЫЙ лайк замечательному программисту, который не просто показывает всем бесплатно то, чему в образовательных учреждениях (в том числе он-лайн) учат ЗА ДЕНЬГИ, но и разжёвывает информацию для лучшего усваивания! Спасибо тебе!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста!
@Alexey_Gri
@Alexey_Gri 3 жыл бұрын
Да во многих местах не очень то и разжовывает...
@nigarrzayeva9053
@nigarrzayeva9053 3 жыл бұрын
Спасибо большое за стрим! Буду благодарна если как можно чаще будут такие стримы для новичков🙏
@ЯнШ-й5ф
@ЯнШ-й5ф 3 жыл бұрын
Евгений, спасибо большое тебе за такие стримы и понятное объяснение материала , что к чему 🤝🔥
@2difficult2do
@2difficult2do 3 жыл бұрын
Спасибо огромное за практически полезную обучающую информацию! Лайк! Дякую також за приємне спілкування і цікавих особистостей, яких Ви запрошували на інтерв'ю...
@shukonfadah5725
@shukonfadah5725 2 жыл бұрын
все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём желаю мира и спокойствия вашей стране и семье
@Hosterip
@Hosterip 2 жыл бұрын
это мой первый сайт по макету, и действительно здорово получается, я научился работать с фигмой и большая благодарность за труд автору
@martinenkoalex7837
@martinenkoalex7837 2 жыл бұрын
Жека! Спасибо за все что ты делаешь, очень приятно учиться у такого человека. Всего тебе самого-самого лучшего!
@ЗуеваАнастасия-х8ч
@ЗуеваАнастасия-х8ч 3 жыл бұрын
Ооооу маааай, огромное спасибо!!!! У вас действительно очень полезный, простой, а главное, бесплатный контент!!!! Обожаю ваши видео😍😍😍😍
@ОленаНехрищинюк
@ОленаНехрищинюк 2 жыл бұрын
Спасибо. Только с вами и учусь с нуля. Пока все последовательно. Очень нравится
@АлександрСаулов-й4р
@АлександрСаулов-й4р 3 жыл бұрын
Очень понравилось, большое спасибо за то, что ты делаешь! Такие штуки очень нужны, особенно для новичков.
@ramzanviskhanov5566
@ramzanviskhanov5566 3 жыл бұрын
Огромное спасибо за такой контент автору!!! Единственный своего рода контент, где автор максимально четко доводит свои мысли и знания до новичков!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста! Я рад что полезно!
@ЗлобстерикЗлобстера
@ЗлобстерикЗлобстера 3 жыл бұрын
@@FreelancerLifeStyle Спасибо!
@Ferisol
@Ferisol Жыл бұрын
Всё на высоте огромное вам спасибо и тем кто донатит Да есть моменты тянучки но так это и понятно все люди разные кто-то усвоит с двух слов а кто-то из кучи сопутствующих слов храни бог всех хороших людей и удачи вам всем
@razl0m425
@razl0m425 3 жыл бұрын
Очень классный стрим, смотрю уже в записи. То как ты делаешь верстку, аж глаза загораются самому бежать и делать. Спасибо большое, продолжай пожалуйста стримы такого типа
@wvvwersus
@wvvwersus 11 ай бұрын
Это отличный разбор! Огромное за него спасибо! И макет с этими нависающими блоками хорошо выбран! Так и запонимается потихоньку, там такое было, там такое и уже больше всяких деталей потом самостоятельно знаешь как повторять
@ЮлияКузьменко-и2н
@ЮлияКузьменко-и2н 3 жыл бұрын
Спасибо большое, крутой стрим! Посмотрела все бесплатные уроки по HTML и CSS, и это мотивирует когда слушаешь мастер-класс и понимаешь то очем говоришь и как делаешь)) + к уверенности)
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Я рад!
@user-iv6fk1ot2z
@user-iv6fk1ot2z 3 жыл бұрын
@@FreelancerLifeStyle Евгений , сколько стоят ваши частные уроки или за сколько вы сможете сделать из меня фронтендера???)
@Motivation_landi
@Motivation_landi 3 жыл бұрын
@@user-iv6fk1ot2z и так делает из тебя фронтендера
@farhodizuribek9006
@farhodizuribek9006 2 жыл бұрын
@@user-iv6fk1ot2z приветствую , ссылка на макет не работает😔
@Joostboll
@Joostboll 3 жыл бұрын
Просто лучший бесплатный и супер полезный, параллельно качественный контент ) Респект автору
@Rybi_
@Rybi_ 3 жыл бұрын
Спасибо за стрим! Очень полезно! Бодрость всю вёрстку как на одной ноте! Спасибо, что делитесь🤗
@Dempfil
@Dempfil 3 жыл бұрын
3 часа держать концентрацию, устать но добить! Прям Жирный лайк! Сразу всё раскладывается по полочкам: ААААА - дык вон оно как!!!!(эт лично у меня).
@АлександрАфанасьев-к7н
@АлександрАфанасьев-к7н 3 жыл бұрын
Это именно тот стрим в котором я все понимал. Было интересно. Спасибо
@constantine1st265
@constantine1st265 3 жыл бұрын
Спасибо! Это большая работа, еще и в реальном времени! Отличная возможность практиковать верстку для начинающих. Если получится не спешить сильно и не бояться повторять простые вещи, хотя бы в данной рубрике - будет еще круче!
@olegryazanov5926
@olegryazanov5926 2 жыл бұрын
Це просто супер! Дуже крутий майстер-клас. Саме те, що потрібно початківцю :)
@RomanKrets
@RomanKrets 2 жыл бұрын
Жэка, огромная благодарность тебе! Долго собирался с мыслями и знаниями для того, чтобы начать верстать. С этим стримом в первый раз верстал макет, и достаточно неплохо получается, я считаю. Какие-то блоки макета делаю вперед тебя, потом сравниваю, исправляю, иногда даже и НЕ исправляю. Смотрю на то, что получается, и доволен собой, появляется какая-та уверенность чтоли.. Круто! спасибо 100500 раз!
@katiapervak
@katiapervak 2 жыл бұрын
Огромное спасибо за такого рода МК! Зачастую очень сложно, даже зная все теги и их css свойства, просто начать верстать. Мало кто дает основы подхода к верстке и еще меньше тех, кто учит делать сайт удобным, максимально адаптивным и "с запасом прочности" на случай изменения объема контента в блоке и т.п. Респектище тебе!
@АндрейБаринов-м1ы
@АндрейБаринов-м1ы 3 жыл бұрын
Спасибо за стрим, просто куча полезной инфы, жду нового выпуска.
@Hevils
@Hevils 3 жыл бұрын
Как раз тот материал, который я ждал, лайкосик
@ИринаШириевская
@ИринаШириевская 3 жыл бұрын
спасибо за полезный стрим!! Как всегда браво, Женя! Доступно и теперь я знаю и умею верстать легко карточки
@andriy1229
@andriy1229 3 жыл бұрын
Женя большое спасибо за очень полезный материал! Я повторил весь урок и сейчас буду браться за следующую часть! Очень, очень годная информация. Особенно про выравнивание карточек и подробное объяснение о схеме организации самого проекта и кода!
@rentao1000
@rentao1000 3 жыл бұрын
Просто пушка!!! Узнал новое. Осталось разобраться с тем, что не понял. Ты супер крутой
@aleksandrsvolkovs8685
@aleksandrsvolkovs8685 Жыл бұрын
Женя спасибо большое за твои старания! У тебя талант обучать и ты очень красиво и правильно выразился на 2:03:53 минуте.
@InnaKasyan-f8h
@InnaKasyan-f8h 3 жыл бұрын
Спасибо за доступный и качественный разбор материала. Все изложено максимально доходчиво и как всегда в позитивной манере.
@123443147
@123443147 2 жыл бұрын
И буквально с первых же минут второй части я получил ответ))) В любом случае большое спасибо за то что ты делаешь!
@КираСтародубова-л2с
@КираСтародубова-л2с 3 жыл бұрын
Спасибо за стрим, после ряда бесплатных курсов этот стрим очень сильно помог упорядочить систему знаний в голове, да и указал на пробелы в механике работы отдельных атрибутов (местами с отступами помучился немного из-за ошибок в структуре html)
@JuJu-jv6oy
@JuJu-jv6oy 3 жыл бұрын
подскажите пожалуйста бесплатные курсы где проходили?
@BlazerXXI
@BlazerXXI 2 жыл бұрын
Отличние у тебя видео и стримы, Жека! Спасибо тебе большое, как же хорошо можно с тобой развивать и учиться, очень много полезного узнал с твоих стримов\видео, твои рекомендации и уроки это просто класс!!!)) Спасибо тебе за всё, как начну работать в этой сфере - точно тебя на патроне отблагодарю)
@rkua9594
@rkua9594 Жыл бұрын
Дуже Дякую вам за такий Мастер Клас!😉Це дуже корисно я рахую, і більшість ваших фанатів, студентів, підписників точно з цим погодяться!!!👌Не звертайте сильно увагу на негативні коментарі, більшість з них просто взагалі рукалице🤦‍♂всім не догодиш! Не всі просто розуміють, що це не легка робота, донести максимально якісно до всих корисну інформацію! Диванні ПРОФІ вони такі😁Умнічать і возмущаться це не мішки тягати🙃Рахую вас одним з Найкращих Майстрів по Версткі на Ютубчику😎👍💪Дуже Крута подача матеріалу🤟Добре що ви звертаєте увагу навіть на самі дрібні деталі в Версткі, і показуєте це на практиці, як на мене це взагалі Космос, не всі викладачі приділяють цьому увагу, і починають летіти кудись під 200 щоб показати як швидко вони верстають, а для новачка як на мене це не дуже корисно, краще якісно і в міру швидко👀Тому вам великий РЕСПЕКТ😉Я ваш фанат ви крутий викладач, і у вас дуже якісний контент😎🤘💪
@mishapokrivchak649
@mishapokrivchak649 Жыл бұрын
дякую за такий контент, супер подача матеріала, доступно зрозуміло. Не погано б було ще написати проект на Реакті, і взагалі зняти ролик про те які сайти за допомогою якої технології (html/css, html/css/js, webpack, react) писати, де вже йде перелом від html/css/js на react.
@True_Ulatim
@True_Ulatim 2 жыл бұрын
Я ооооочень рад, что набрел на твой канал. То что ты делаешь это пушка. Наверное ты будешь первым кого я поддержу на патреоне.
@FreelancerLifeStyle
@FreelancerLifeStyle 2 жыл бұрын
Дякую!
@ЕвгенийВовк-ы7ь
@ЕвгенийВовк-ы7ь Жыл бұрын
Жека, огромное спасибо тебе! Твоя вёрстка - это реально творчество, причём позитивное :) И всегда можно что-то новое для себя подчеркнуть. 🙏😊
@smoorph
@smoorph 3 жыл бұрын
спасибо огромное за вклад который вы делаете для нас, с удовольствием с братиком смотрим и верстаем)
@alexaxel9343
@alexaxel9343 3 жыл бұрын
Присоединяюсь к вышесказанному!!! Мы тоже с братом смотрим, учимся, обсуждаем и делаем вёрстку...
@winter9674
@winter9674 3 жыл бұрын
Огромное спасибо! Отличный стрим, все четко и по делу. Могу только похлопать 👏👏👏 Так легко сложную информацию мало кто реподносит . Топ!
@minerinlove9338
@minerinlove9338 3 жыл бұрын
Тоже тольку учусь и прохожу платный курс. Спасибо огромное за этот выпуск, в котором: тонкости, внимание к деталям, настрой, психология, м многое другое! Контен очень познавательный, полезный и обучающий. Спасибо еще раз Вам Евгений. Всех благ!
@КирилБорисович
@КирилБорисович 2 жыл бұрын
привет.Помог платний курс для продвижении в ІТ? Чего достигли за єто время
@kenzie-
@kenzie- 3 жыл бұрын
Спасибо! Благодаря тебе я смог начать писать адаптив для своих сайтов и в целом я начал разбираться в этом. Ты действительно мне помог.
@xavierross2843
@xavierross2843 3 жыл бұрын
Отличный стрим, ждем продолжения! Полезно и поучительно.
@аленаракович-р9с
@аленаракович-р9с 2 жыл бұрын
из тебя энергия просто прёт)))ты классный)) не поддавайся политике и расширяй горизонты))
@konstantino7016
@konstantino7016 3 жыл бұрын
Искренние поздравления с 200-ми тысячами подписчиков! И пожелания скорейшего миллиона и золотой кнопки!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Спасибо!
@elenakrasnopolskaya6185
@elenakrasnopolskaya6185 2 жыл бұрын
Очень полезный контент для новичков. Просто, интересно и понятно! Спасибо вам большое
@yutbchannel
@yutbchannel 3 жыл бұрын
Женя, спасибо тебе большое!!!!поняла все то, что ты показал, а раньше я даже бы и близко не смогла внять этому. обожаю смотреть тебя, ты очень и очень классный, оставайся всегда таким!!!!
@ruslan4048
@ruslan4048 2 жыл бұрын
Спасибо тебе громадное, добрый человек!
@РостиславЖуравлев-и6к
@РостиславЖуравлев-и6к 3 жыл бұрын
Большое спасибо за такой полезный урок! Ведь такой контент мало где можно найти, особенно для новичков.👍
@ИльяКабанов-с1ч
@ИльяКабанов-с1ч 2 жыл бұрын
Жека, здравствуй!! Прекрасный стрим для новичка! Превосходное качество в результате -я в восторге! Спасибо большое! С уважением и наилучшими пожеланиями ТЕБЕ!!!
@sagdieff
@sagdieff 3 жыл бұрын
Женя, большое спасибо за мастер-класс по верстке от профи!
@МаксБалахнін
@МаксБалахнін Жыл бұрын
Ти красавчик, дякую тобі)) стільки якісного і безкоштовного контенту 👍
@dmfrancuzov6435
@dmfrancuzov6435 2 жыл бұрын
Жень, спасибо болшое за работу!!! И канал и материалы действительно высшего качества! Еще раз спасибо!
@МаксимАртемьев-з2д
@МаксимАртемьев-з2д 3 жыл бұрын
КАК всегда ЗДОРОВО!!!!!!!!!
@КириллЛитяк
@КириллЛитяк 2 жыл бұрын
Очень, очень-очень полезное видео, как закрепление полученных знаний на практике! Спасибо огромное!
To Brawl AND BEYOND!
00:51
Brawl Stars
Рет қаралды 17 МЛН
Каха и дочка
00:28
К-Media
Рет қаралды 3,4 МЛН
We Attempted The Impossible 😱
00:54
Topper Guild
Рет қаралды 56 МЛН
Try this prank with your friends 😂 @karina-kola
00:18
Andrey Grechka
Рет қаралды 9 МЛН
Адаптивная верстка сайта на HTML CSS
2:00:35
ВебКадеми | Юрий Ключевский
Рет қаралды 125 М.
Верстка главного экрана часть 1
18:42
Верстка сайта для новичков. Подробное объяснения. Часть 1. Подготовка и верстка шапки на HTML и CSS.
1:23:19
[2023] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета
1:06:37
Объяснение Вёрстки Простого Сайта HTML+CSS
53:56
Сергей Дмитриевский
Рет қаралды 167 М.
Responsive web design in 37 minutes + layout. You don’t need Bootstrap!
36:44
Фрілансер по життю
Рет қаралды 1 МЛН
To Brawl AND BEYOND!
00:51
Brawl Stars
Рет қаралды 17 МЛН