Полезно? Содержание: 00:00 - Вступление 00:42 - Определить структуру 04:33 - Определить контейнер 11:16 - Определить меню, выпадающие меню и элементы 15:53 - Определить ссылки 19:29 - Определить полноэкранные элементы 22:31 - Определить слайдеры 26:07 - Определить табы 27:56 - Определить спойлеры 29:44 - Определить элементы форм 32:59 - Определить прочие элементы 🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle

@user-ri1ry7sx6p

4 жыл бұрын

Очень полезно, ты как всегда вовремя)

@cerporan2323

4 жыл бұрын

За содержание с временными метками к своим видео ты достоин отдельного места в раю

@lera6580

4 жыл бұрын

Полезно =) послушала удовольствием хоть и не новичок

@jackpeterson541

4 жыл бұрын

Можно макеты, пожалуйста хотелось бы практиковать ))

@mew6085

3 жыл бұрын

ОЧЕНЬ

Я один ещё ни разу не видел негативного комментария у Жеки?А это потому,что автор реально молодец и делает всё с душой и на совесть.Побольше бы таких,Молодец с большой буквы)

@annagrigorewa

4 жыл бұрын

Дизы только ставят молча...Просто знают, что если напишут негативный коммент, то мы просто порвём))))

@FreelancerLifeStyle

4 жыл бұрын

Спасибо! Стараюсь!

@kostyalopuh955

4 жыл бұрын

Анна Григорьева да я думаю,что если они поставят диз,Жека научит нас по ип вычислять,мы всё равно найдем их xD

@deniskotov

4 жыл бұрын

@@kostyalopuh955 Ахахаха)))) Точно)) А вот и идейка для рубрики "Как это сделать")))

Евгений, хотелось бы увидеть видео по верстке форм. С различным расположением полей, стилизацией и тп. На мой взгляд, было бы тоже интересно. Спасибо.

@user-ri1ry7sx6p

4 жыл бұрын

И отправкой форм на почту ещё бы

@codedreams3209

4 жыл бұрын

Я бы предпочёл выполнение элементов форм каталога товаров, какие подходы, что лучше использовать для разработки jQuery-ui, другие jQuery плагины, или уже на фреймворке делать реакт/вью?

Вся фишка в том, что Вы делаете РЕАЛЬНО насущные видео. Просто огромное человеческое спасибо!!!

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

Я человек простой! Вижу новый видос фрилансера по жизни , ставлю лайк не гляда ибо 100% видосик топ как и весь его канал!

@FreelancerLifeStyle

4 жыл бұрын

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

Женя, да ты еще и эстет! Первые секунды видео - просто красота!

@FreelancerLifeStyle

4 жыл бұрын

Люблю красоту) Спасибо!

Круто! Мало кому приходило в голову сделать такое видео. Чтение макета - важнейшая вещь для начинающих. И кстати, хотелось бы более подробного разбора верстки очень нестандартных дизайнов. Что делать фоном, что картинкой, что поцепить абсолютом, а что fixed. Как это будет функционировать на мобилках и т.п.

@FreelancerLifeStyle

4 жыл бұрын

Спасибо! Подробно уже на верстках макетов покажу

@Alexey_Gri

4 жыл бұрын

Присоединяюсь к комменту, тоже интересуют эти моменты...

Как всегда супер. Было бы не плохо теперь урок по макету с тату салоном, там много интересного и сложного, по крайней мере для меня. Типа марафон по верстке такого сайта

@kotlancer

4 жыл бұрын

Полностью поддерживаю!

@user-zy8zr9mz9l

4 жыл бұрын

@@kotlancer я тоже-будет полезно новичкам

@FreelancerLifeStyle

4 жыл бұрын

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

@melissasofie7681

4 жыл бұрын

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

@massqeen5496

4 жыл бұрын

@@FreelancerLifeStyle да, макет крайне интересный, мастер-класс просим))

Ты очень помогаешь начинающим людям которые постигают front end. А когда увидел, что из Ужгорода то вообще стал самым моим любимым ютубером. Привет Лоцику))

@FreelancerLifeStyle

4 жыл бұрын

Спасибо! Я рад! Привет передал)

@uribemak5534

4 жыл бұрын

@@FreelancerLifeStyle я тоже родом из УнгварВароша) Сейчас учусь на front-end_едера. Но твои уроки мне во многом помогли определиться в направлении моей деятельности. Спасибо тебе большое, за такую благородную миссию.

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

Выпуск - огонь вообще) А еще, давненько стримов по верстке не было)) было бы круто как раз заверстать подобный интернет магазин))

@FreelancerLifeStyle

4 жыл бұрын

Спасибо, будет!

@maybelater9915

4 жыл бұрын

@@FreelancerLifeStyle лично я, жду с нетерпением))

@isok.atyrau

4 жыл бұрын

@@FreelancerLifeStyle спасибо за хороший контент, с нетерпением жду вашего стрима))))

О да это же сборник моих ошибок, я просто не понимал, где что и как должно работать. Я уверен, что это видео будет очень полезно для всех начинающих. Как всегда супер! Спасибо!

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

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

@FreelancerLifeStyle

4 жыл бұрын

Спасибо!

Самый лучший канал про верстку!

@FreelancerLifeStyle

4 жыл бұрын

Спасибо!

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

@FreelancerLifeStyle

4 жыл бұрын

Спасибо! Я уже планирую верстку

Круто! Хочется почаще верстку каких-то непростых элементов видеть, например как вертикальное меню на одном из этих сайтов с колбасой вроде)) И вообще верстку целых макетов для продвинутых.

@FreelancerLifeStyle

4 жыл бұрын

понял, будет

Ну не в лесу конечно ))))))))) Тут я в голос начал смеяться!! Чувак ,очень круто подаешь материал, знания + опыт + чувство юмора !Однозначно лайк и подписка со всех своих аккаунтов!

@FreelancerLifeStyle

3 жыл бұрын

Спасибо!

@Snegurjan

3 жыл бұрын

Фрилансер по жизни - IT и фриланс Это тебе спасибо.Я не знаю представляешь ли ты сколько судеб ты изменил,скольким людям ты помог !?Говорят: «Если ты приносишь пользую людям,то ты хороший человек»Так вот,ты супер -человек!!!!!💪🏻💪🏻💪🏻

Евгений, очень содержательно. Спасибо за видео. Здоровья и Хорошего Настроения.

@FreelancerLifeStyle

4 жыл бұрын

Спасибо, взаимно!

За шутку про "Адидас" однозначно лайк!))

Спасибо, было полезно. Правда хочется видеть побольше видосов про создание отдельных элементов интерфейса.

@FreelancerLifeStyle

4 жыл бұрын

Всмысле верстку? Да такие видео уже запланированы

Жека, я тебя поздравляю с 50к подписчиками!!!! Мне очень нравится, что ты делишься своим драгоценным опытом. Продолжай в том же духе :) И главное помни... Живи, а работай в свободное время ;)

@FreelancerLifeStyle

4 жыл бұрын

Спасибо!!!

Контент пушка)) Спасибо Жеке за его труды!!!

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

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

@FreelancerLifeStyle

4 жыл бұрын

Супер, я рад!

Хорошая, а главное - правильная фраза в конце!

Не в тему видео, но все же. Евгений, поздравляю с 50к подписчиков! Это же целая половина от сотни тысяч, прям как небольшой городок. Так держать! Спасибо за то, что ты для нас делаешь. Желаю тебе не сбавлять обороты, ещё больше преданных фанатов и продолжать быть Робином Гудом от мира Фронт-Энда.

@FreelancerLifeStyle

4 жыл бұрын

Супер! Спасибо!!!

Ребята! Жеке можно ставить не один лайк, а много! Ставьте дополнительные лайки на комментарии других подписчиков!

Первые секунды видео - красота. Женя, ты эстет! Ты лучший! Информация ролика очень полезная. Спасибо! А вот это розовое цветущее чудо, в ролике за тобой, как зовется? А будут видео по формам? По отправке их, с написанием js- и php- кодов.

@FreelancerLifeStyle

4 жыл бұрын

Дерево Сакура. Ролики будут

Более подробных объяснений я ещё не видел этой планете нужно больше таких людей 😎

Это очень полезно и будущему тестировщику веба. Четко знать расположение и категории элементов при написании автотестов на том же селениуме.

@FreelancerLifeStyle

4 жыл бұрын

Отлично, я рад!

Отличный видос 🔥 Посмотрел все на одном дыхании , оч полезно ❤️🔥

@FreelancerLifeStyle

4 жыл бұрын

Супер, я рад!

Евгений, отличное видео! Хотел спросить, а можно видео как вы верстаете сайт художественных татуировок из видео, там очень много моментов которые не понятно как верстать. Такое видео было бы очень кстати)

@FreelancerLifeStyle

4 жыл бұрын

Как будет возможность сделаю

@yankuandykov4392

4 жыл бұрын

@@FreelancerLifeStyle Спасибо большое за ваш труд)

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

@FreelancerLifeStyle

3 жыл бұрын

Я рад что полезно!

Пришел научиться читать, научился, только макет...

@FreelancerLifeStyle

4 жыл бұрын

Хех, это отличный навык)

Ну просто лучший) Жека а можно показать как делать эту анимацию картинки во время скролла как в этом видео на сайте мебеля?)) Мне очень хочется узнать как такое делать.

@stra1f595

4 жыл бұрын

Мне тоже!!!

@FreelancerLifeStyle

4 жыл бұрын

ну как-то покажу, это не так просто)

@arikgevorgyan809

4 жыл бұрын

Знаю, поэтому и попросил)))😄

Очень полезно, спасибо ☺️👍 Хотелось бы мастер-класс по верстке интернет магазина☺️

@FreelancerLifeStyle

4 жыл бұрын

Как будет время сделаю

Спасибо большое, что делитесь этими знаниями!!!

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

@FreelancerLifeStyle

3 жыл бұрын

Спасибо!

Как всегда четко и информативно, спасибо:)

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

Сними пожалуйста видео про как зделать разные виды слайдера?

@FreelancerLifeStyle

4 жыл бұрын

Есть большой выпуск про slick, будут и про другие kzread.info/dash/bejne/pIyCyKafodezY7A.html

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

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

Как всегда МЕГАПОЛЕЗНО! :-) Вот ты показывал сайт Wooder. Хорошо бы снять видео, как верстать подобный нестандартный проект!

Ждём видос про велотему) Твои велосипеды, про одежду, которую используешь и т.д.)))

@user-ri1ry7sx6p

4 жыл бұрын

Я бы с удовольствием посмотрел красоты где Жека катает.

@user-us5uf9tt8i

4 жыл бұрын

не в тему

Евгений, спасибо за видео.

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

Чисто в самом начале видоса поймал интерес и на одном дыхании)

@FreelancerLifeStyle

3 жыл бұрын

Я рад!

Я всё больше думаю поступить на учёбу к этому преподавателю)👍 Жека начал смотреть твои бесплатные уроки, и я скажу сдвиг есть в знаниях вёрстки 👍👍👍 очень понятно объясняешь!👍👍👍

@FreelancerLifeStyle

2 жыл бұрын

Я рад!

Контент бомба очень много нового узнал. Жека как всегда красавчик!

@FreelancerLifeStyle

4 жыл бұрын

Спасибо!

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

Большое спасибо за отличное видео. Смотрю с удовольствием, процесс обучения построен достаточно грамотно и слушать вас очень интересно.

@FreelancerLifeStyle

4 жыл бұрын

Я рад!

Спасибо тебе огромное! Твои знания и опыт, которые ты передаешь нам, бесценны

Жень, ты просто 1-й))Победа-это быть первым после тебя)

Я работаю на UTeste и это видео было очень полезным.

@FreelancerLifeStyle

3 жыл бұрын

Я рад!

Очень интересный и информативный сайт с реальными демонстративными примерами из жизни и реальной работы, мне как новичку этот сайт оказался как кладезь фундаментальных знаний с многими ответами на те вопросы которые возникают у новичка в этом нелегком но интересном деле вплоть до разговоров того как и о чем разговаривать с заказчиком. Сейчас начинаю проходить обучение HTML, SCC и JS обучения. На мой взгляд сайт очень полезный и информативный!!!

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

Это просто супер полезный ролик! Низкий поклон!

@FreelancerLifeStyle

3 жыл бұрын

Пожалуйста! Рад что полезно!

Нравится твой канал! Буду изучать дальше)

Спасибо за обучение!

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

Полезно, не то слово. Ещё один отличный видос в коллекцию курса по вёрстке. Опять половина вопросов на созвон вычёркивается))) Ну что ж, больше времени поговорить "за жизнь".

@FreelancerLifeStyle

4 жыл бұрын

Отлично! Я всегда рад)

Дякую!) Інформативно 👍 Хотілось би ще побачити відео з версткою схожих сайтів ,якщо б була така можливість

@FreelancerLifeStyle

4 жыл бұрын

Будь ласка!

татуировки - класс)) и видео то же, очень информативно, спасибо!!

Отличный урок. Спасибо!

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

Здорово объясняешь!

@FreelancerLifeStyle

4 жыл бұрын

Спасибо!

Отлично. Побольше технических видео для не технических спецов в ИТ!

Большое спасибо за видео! Евгений, можете подсказать, что за расширение в mozilla firefox вы использовали для таких скриншотов? (если я правильно определил браузер, конечно):)

@FreelancerLifeStyle

4 жыл бұрын

программа app.prntscr.com/ru/index.html

Жека в у розового дерева, Жека в лесу, Жека у компьютера! Супер! Лайк!

@FreelancerLifeStyle

4 жыл бұрын

Спасибо!

Очень информативное и полезное видео, спасибо! 😉

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

Спасибо за видео, было интересно. Смотрела на скорости 1,25

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

Круто-полезно, спасибо!

Да, было бы круто, посмотреть на мастер класс верстки, сайта тату салона)!!! Огонь, спасибо за твои труды!!!

Спасибо! Очень полезно!

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

Евгений,видос огонь,посмотрел на этом дыхании. Можешь рассказать о своём режиме дня?

@FreelancerLifeStyle

4 жыл бұрын

Тут есть часть kzread.info/dash/bejne/aJeD1Jazc8_IpdI.html

Такой говор смотрел бы и смотрел) очень интересно рассказываете)

Очень полезное видео.спасибо.записывай видео почаще!

Все просто и доходчиво, отличное видео)

@FreelancerLifeStyle

4 жыл бұрын

Спасибо!

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

@FreelancerLifeStyle

4 жыл бұрын

Все будет

Женя, очень полезно!!! Крутая информация! Я учусь на платных курсах, но там такого не дают, к сожалению. Спасибо огромное!!!

Учусь верстке, чтобы не было одного кнопочного телефона на всю жизнь. Жека, спасибо!

@FreelancerLifeStyle

4 жыл бұрын

Хех) Пожалуйста!

Это просто бомба лайк.

@FreelancerLifeStyle

4 жыл бұрын

Супер!

Здравствуй Жека! скажи пожалуйста что ты думаешь про React? и будут ли видео по JS?

@FreelancerLifeStyle

4 жыл бұрын

любой инструмент хорош по назначению. JS в планах есть

Жека привет, хотел спросить, как реализована анимация блока в макете 'Мебельный дом'? js или это плагин какой-то?

Жека, спасибо большое за видео! Я тут делаю заказ и хотел бы спросить, как реализовал слайдер на 10:20, с помощью какой библиотеки? Просто в заказе очень похожий слайдер :)

@FreelancerLifeStyle

4 жыл бұрын

Вот kzread.info/dash/bejne/pIyCyKafodezY7A.html

@timofey2672

4 жыл бұрын

@@FreelancerLifeStyle, блин, черт побери, спасибо большое, я вроде смотрел видео про слик, а забыл про эту функцию, спасибо!

Женя, скажите пожалуйста, чему Вы отдаете предпочтение, верстке макета и встраивание его в Wordpress, или же плагину Elementor, на первый взгляд, вопрос риторический (конечно своя тема, где можно все гибко настроить) просто мнение мастера интересно. Благодарю

@FreelancerLifeStyle

4 жыл бұрын

Заказы беру только на верстку, без дальнейшей интеграции куда либо

Отлично, очень полезно

@FreelancerLifeStyle

4 жыл бұрын

Супер! Я рад!

Спасибо за видос, Жень) А сколько часов ты тратишь на создание такого интернет-магазина как в этом видео (Casual Deluxe)?

@FreelancerLifeStyle

4 жыл бұрын

Сложно сказать, обычно работаю да несколькими проектами. Думаю до недели по несколько часов в день

Жень, можно запилить видео по более детальным формам, то есть их стилизации и правильно настроенным метолом отправки, чтоб все работало. Что-то вроде поиска по сайту, отправка письма о регистрации и все в таком духе. Видео получилось огненным, спасибо за уроки, с меня подписка на патроне как только будет монета!

@FreelancerLifeStyle

4 жыл бұрын

Что-то придумаю

Мать моя женщина, какие сложные макеты, я даже не представляю как их верстать!

Похвалой прям засыпают по достоинству - лучший из лучших! 🤘 Но есть детский вопрос - посоветуй сайтики, где брать макеты для практики? Постоянно криво-косые попадаются на просторах интернета.

@FreelancerLifeStyle

4 жыл бұрын

Спасибо! Ну тут есть psd-html-css.ru/shablony/psd-shablony-saytov Еще на патреоне я выкладываю

Спасибо 👍

@FreelancerLifeStyle

4 жыл бұрын

Пожалуйста!

Жека красава 😎 все расскажет все покажет 😎😎😎

Жека привет, а какой модели у тебя велосипед ?

Евгений, здравствуйте! Видео как всегда ТОП!!! Поясните пожалуйста. В задачи фронтэнд разработчика входит только верстка (подгон html под макет)? кто потом будет страницы сайта между собой связывать? т.е. актуализировать ссылки отправки форм, ссылки между страницами и тп. этот момент не совсем понятен мне. И еще, в конце видео вы показываете как выглядит навигация между страницами (в которой отражено общее количество страниц). Как это общее количество страниц должен верстальщик представить (вычислить)? он же реально не знает сколько контента потом на сайт закинут.

Лайк, круто!) и аудитория у Жеки крутая!))) всем добра))

@FreelancerLifeStyle

4 жыл бұрын

Спасибо!

Спасибо за видео, пойду учить html, мотивирует норм видос

Классно! Возможно вопрос уже задавали, Жека а будут стримы по верстке сложных макетов? Например таких, как в этом видео? Думаю многим будет интересно.

@FreelancerLifeStyle

4 жыл бұрын

Да, будут

Жек, вопрос , Casual Delux и KroyYork видятся мне достаточно сложными ввиду большого количества интерактивных элементов - табы, слайдеры в разных модификациях, стилизация элементов форм, фильтр товаров и т.п. Во сколько по стоимости ты оценил (оцениваешь) верстку макета подобной сложности? Сколько часов такие проекты занимают у тебя, как у верстальщика с набитой рукой и отлаженным "производственным" процессом?

@FreelancerLifeStyle

4 жыл бұрын

Магазины около 800$ неспеша - до 10-12 дней.

@tseryakov

4 жыл бұрын

@@FreelancerLifeStyle Спасибо!

Круто) а давно это такие отрезки с названиями прямо на строке прогресса видео появились? У тебя первого такое заметил)

@FreelancerLifeStyle

4 жыл бұрын

Недавно

Жень, а как быть с широкоформатными мониторами? Если монитор как твоих 2 и там растянет картинку или контент на всю ширину это будет жесть какая-то)))) И кстати действительно ли на мониторах с разрешением 2к - 4к контент в основном отображается как 1920*1080, на 4к это зум х2, на 2к зум 1.5х. Хотелось бы знать как оптимизировать изображения под такие мониторы.

От души братишка дорогой!

@FreelancerLifeStyle

3 жыл бұрын

Пожалуйста!

Жека, ты лучший, спасибо большое за твою работу!

Привет, недавно начал смотреть тебя. У меня вопрос по этой работе andrikanich.guru/freelance/2017/hranipex/. Ты убрал какие то моменты на этом примере по уменьшению веса сайта или не используешь например отложенную загрузку тяжелых элементов? Потому как 10Мб для загрузки мне кажется тяжеловато. Если используешь lazy load, то хотелось бы видео о правильном использовании не только для картинок но и для остального контента. PS/\Спасибо за уроки!

@FreelancerLifeStyle

4 жыл бұрын

Ой, это старая работа совсем без оптимизации (почему уже не помню). Конечно нужно делать и lazy load и прочее. Как-то сделаю видео про оптимизацию

@andreitrue

4 жыл бұрын

@@FreelancerLifeStyle Если чем то смогу помочь для ускорения выхода этого видео, буду рад. Обращайся, желаю участвовать в развитии канала и сферы IT вобщем.

*Спасибо за видом жека, а я всё игру свою пишу*

@FreelancerLifeStyle

4 жыл бұрын

Отлично!