FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика

  Рет қаралды 511,556

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

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

4 жыл бұрын

Продолжаем учить верстку на флексах и пришло время практического занятия. Я сверстаю небольшой макет демонстрируя возможности модуля flexbox применяя его в разный ситуациях. Flexbox - это целый модуль, содержащий в себе набор свойств и их значений как для родителя flex-контейнера так и для его дочерних элементов flex-элементов. Основным преимуществом гибкой FLEX разметки является возможность изменять ширину/высоту пространство вокруг и порядок flex-элементов, для того чтобы наилучшим образом заполнить доступное пространство flex-контейнера.
🔴 Файлы урока: fls.guru/files/tutorials/flex...
🔴 Макет fls.guru/files/tutorials/flex...
🔴 Шпаргалка по Flexbox: fls.guru/flexbox.html
🔴 Весь плейлист по FlexBox: • FLEXBOX. Учимся верста...
Дополнительно, игра flexboxfroggy:
flexboxfroggy.com/
Методология БЭМ за 17 минут:
• Методология БЭМ за 17 ...
Sublime Text 3 настройка установка плагины:
• Sublime Text 3 настрой...
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©

Пікірлер: 3 000
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Ценю твой ЛАЙК и КОММЕНТ! Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle Telegram чат по верстке: t.me/flschat (teleg.run/flschat) Instagram: instagram.com/freelancer.lifestyle/ Facebook: facebook.com/freelancerlifestyle/
@_SoNicos
@_SoNicos 4 жыл бұрын
Женя, просьба. Во время вёрстки ты создаёшь много (на взгляд дилетанта) блоков: wrapper -> content -> hi -> container -> hi__row -> hi__body -> и только здесь первый флекс-элемент. Можешь как-то складно объяснить, почему их так много? Например, почему нельзя "остановиться" на блоке "container", присвоить ему дисплей: флекс, и в нём сформировать уже два элемента. Почему так много? Уверен, это правильно, но хотелось бы уложить в голове, чтобы не тупо списывать с экрана, а с пониманием создавать их? Буду благодарен.
@_SoNicos
@_SoNicos 4 жыл бұрын
Всё. Разобрался сам ))
@NoName-lt5fu
@NoName-lt5fu 3 жыл бұрын
Нужна помощь! Всю голову сломал. flex: 1 1 auto; не применяется к .content. Другие свойства применяются а это нет. В остальном коде все верно
@alexandreev2752
@alexandreev2752 3 жыл бұрын
@@NoName-lt5fu Аналогично, я сам не понимаю, почему футер не отодвигается вниз. Делаю все как в видео, два раза пересматривал и внимательно искал проблему, но все делаю верно. Пробовал даже через длинную запись, но все равно не пашет. Есть те, у кого такая же проблема? Можете помочь, пожалуйста? Буду благодарен!
@over1679
@over1679 3 жыл бұрын
Обещал не выкладывать код урока, а в итоге выложил) привычка?
@Code.bless_you
@Code.bless_you 4 жыл бұрын
Этот невероятно харизматичный рыжий бородач просто покоряет сердца IT-новичков))
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
хех) Спасибо
@luxarmiger5729
@luxarmiger5729 3 жыл бұрын
Несомненно. Харизма налицо. Хотелось бы быть с ним знакомым в реальной жизни.
@Code.bless_you
@Code.bless_you 3 жыл бұрын
@@luxarmiger5729 я недавно прочёл один комент под его видео. Там человек очень чётко выразил мысль. "посмотрел видео - будто с другом поговорил"
@user-qv5kl3jo6j
@user-qv5kl3jo6j 3 жыл бұрын
И не только сердца
@user-fs9th3sr9g
@user-fs9th3sr9g 3 жыл бұрын
Истину глаголишь
@Polite_person_
@Polite_person_ 4 жыл бұрын
Я начал изучать фронтенд "через задницу", быстро изучил основы html и css и полез в JS и провалился в нем на 7 месяцев. Изучил основы, паттерны, некоторые библиотеки включая React и понял что все это не имеет смысла, пока я не научусь правильно верстать и твой курс просто спасение, все очень доступно и ёмко . А какая подача..... Наверное это покажется странным, но в твоих видео есть особая атмосфера уюта, как будто в суровую зиму я сижу в уютном срубе перед камином с глинтвейном укрывшись пушистым пледом =) Огромное спасибо за всевозможные шпоры. Многое из это курса уже было знакомо , но я все равно начал смотреть с самого начала и в каждом видео есть какие-то полезные мелочи и чем дальше я продвигался по курсу, тем больше находил недостающих пазлов которых оказалось приличное количество. Большое Спасибо за очень годный контент.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое! Очень ценю!
@denyliu
@denyliu 4 жыл бұрын
прям моя история
@qAntBcn
@qAntBcn 4 жыл бұрын
Ты не прав, верстальшик это отдельная профессия, основ html и css более чем достаточно, тк обычно верстка уже есть, а програмировать изучать придется все время... с версткой в разы проще, глянул вот такой видось и поправил верстку если приходится что то делать самому. Научится быть хорошим верстальщиком не сложно, в разы сложнее научится програмировать, тем более на javascript. Так что освоив слишком хорошо css тебе будет сложно переступить через порог комфорта, тк на css у тебя будет все получатся легко... а в програмировании совсем другие скилы решают.
@igorchudin2541
@igorchudin2541 4 жыл бұрын
@@FreelancerLifeStyle Вам спасибо - выручаете очень!
@user-px9ok2jz6u
@user-px9ok2jz6u 4 жыл бұрын
@@qAntBcn ну это наверно зависит от того, с какой целью JS изучается (могу быть не прав), та и в общем выйти из зоны комфорта сложно, но нужно)
@darveterdarveter4511
@darveterdarveter4511 2 жыл бұрын
Вот смотришь чьи то уроки и буквально стараешься удерживать своё внимание и концентрацию. Постоянно хочется нажать на паузу и куда нибудь свалить, пойти пожрать, попить чаю и т. д. У вас же есть особый талант, захватить внимание слушателя и увлечь его в процесс.
@abos4633
@abos4633 Жыл бұрын
не поспорю именно так
@user-zip356
@user-zip356 2 жыл бұрын
чувак ты просто гений!!!! даже игру подложил.. столько пользы приносишь людям, желаю чтобы тебе эти поступки возвращались с троицей
@ffedchik
@ffedchik 4 жыл бұрын
"Ситуация у нас значительно усложняется и, собственно, нам ничего не остается делать, как это дело сверстать" (c) Жека
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Ахах)) Прикольно))
@ffedchik
@ffedchik 4 жыл бұрын
@@FreelancerLifeStyle Действительно, удачный экспромт вышел :)
@johnnyrocketkite4738
@johnnyrocketkite4738 4 жыл бұрын
"Ситуация у нас значительно усложняется и, собственно, нам ничего не остается делать, как это дело сверстать..." - сказал Жека, когда его окружили бандиты с ножами))
@dianadallaitalia
@dianadallaitalia 4 жыл бұрын
Всё сверстаем!!!
@BohdanVR666
@BohdanVR666 4 жыл бұрын
@@johnnyrocketkite4738 сверстать бандитов пополам)
@user-xr7pl9hg7g
@user-xr7pl9hg7g 4 жыл бұрын
ААААА!!!! ОГОНЬ!!! Это просто БОМБА!!! Все блин, вечером сижу и практикую, аки зубрилка-очкарик-отличник! Самый кайф, что есть макет. А если, при попытке сверстать самостоятельно, будет затык, то можно подсмотреть данный видосик еще раз (жаль, что лайк повторно нельзя поставить) - это просто кайф! ЖЕКА - ТЫ ЛУЧШИЙ УЧИТЕЛЬ!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое! Стараюсь👍
@user-um5vx4ez1p
@user-um5vx4ez1p 4 жыл бұрын
Согласен. Я тоже в восторге. А ты не проверял верстку в IE? У меня в IE не корректно отражается блок columns. Ширины не хватает, чтобы поместились 2 колонки, хотя сверстано все по Жекиному уроку....
@pervevgeniy
@pervevgeniy 4 жыл бұрын
@@user-um5vx4ez1p Жека же в видео об этом говорил, что это лечится но лишь отчасти. Мне вот все интересно, IE какого хрена "динозавр" настолько проблематичен? Это же Microsoft, в чем проблема сделать пригодный для жизни браузер...первым делом при установке винды, устанавливается другой браузер.
@ntbgaming5630
@ntbgaming5630 4 жыл бұрын
@@pervevgeniy Они же заменили его на Edge )) Вместо того, чтобы лечить старый сделали новый))
@user-sm4is8sx9p
@user-sm4is8sx9p 2 жыл бұрын
Начал смотреть твои видео и обучаться верстке уже во время войны, и я не один такой, в это тяжелое время твои видео помогают людям, которые потеряли работу, обучится новой профессии. Спасибо! Через год-два жди отчет о первых плодах подвальных фрилансеров!:)
@user-qi4jl5zu1v
@user-qi4jl5zu1v Жыл бұрын
Как успехи спустя месяц?
@yonameinoname2021
@yonameinoname2021 Жыл бұрын
Это правда.
@user-ru2hw9vv5h
@user-ru2hw9vv5h Жыл бұрын
Podderjivayu. Ya toje na4al mesyats nazad!
@bebroy254
@bebroy254 Жыл бұрын
как успехи?
@Gamer-bg7rb
@Gamer-bg7rb Жыл бұрын
@@bebroy254 я начал год назад, сейчас живу на Кипре, жена модель, особняк 4 этажа. Надеюсь, замотивировал вас
@Marzazim
@Marzazim 2 жыл бұрын
Всё так сложно...Но одновременно и выглядит так легко, когда верстает Жека) Наверное эта домашка займёт у меня не один вечер..) Спасибо за труд, спасибо за помощь новичкам !!! 👏👏👏 Отдельное спасибо за ссылку на игру с лягушками! :D
@gpt_v22
@gpt_v22 3 жыл бұрын
0:46 hi block 3:15 footer 4:30 стили footer и hi block 13:07 what block 14:53 стили what block 18:17 columns block 21:20 стили columns block 26:38 vertical block 30:50 стили vertical block
@andrewkhar4615
@andrewkhar4615 2 жыл бұрын
Вот молодец!
@AlinaEmv
@AlinaEmv 2 жыл бұрын
Мозг кипит и работает, но только потому, что не возможно остановиться смотреть и учиться. Каждый раз по пазлику собираешь знания, которые уже начинают выстраиваться в какую-то понятную картинку. Спасибо огромное! Респект и уважение!
@user-rv1gn7qn3s
@user-rv1gn7qn3s 2 жыл бұрын
Жека спасибо. 2022 год почти, а курсы твои все ещё лучшее что есть!
@andeveloper
@andeveloper Жыл бұрын
Август 2022 - все еще актуально и лучше нет не где ! Спасибо, Жека !
@user-eg6kp3ko8l
@user-eg6kp3ko8l Жыл бұрын
+август 2022 - отдельное спасибо за шпаргалку!!!!
@Roky2k2009
@Roky2k2009 Жыл бұрын
Уж 2023 год почти, а курс всё еще в топе!!! Спасибо Женя!
@denzor8
@denzor8 Жыл бұрын
@@Roky2k2009 да кстати
@alexeyuchaev936
@alexeyuchaev936 Жыл бұрын
март 2023, сижу в Нью-Йорке в шелторе - 4-х звездочный отель в 10 минутах от тайм сквер, кормят, поят денег на детей дают. Учусь))) Приезжайте! ♡♡♡
@awesome5708
@awesome5708 2 жыл бұрын
Не понимаю тех людей, которые ставят дизлайк на такого позитивного человека, который несет знания для их же) Спасибо Евгений)
@user-wm4bw1rq4g
@user-wm4bw1rq4g Жыл бұрын
это завистники)
@dovuret2191
@dovuret2191 Жыл бұрын
@@user-wm4bw1rq4g нет... это те кто посмотрели за 2 недели и пошли устраиваться на работу с зарплатой 100500милионов долларов. НО ИХНЕЕ ОЖИДАНИЕ ОБЛАМАЛИСЬ.
@user-rt9jf4jc1e
@user-rt9jf4jc1e 4 жыл бұрын
Да прибудет с тобой сила!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! 💪
@yerassylkelsingazin2408
@yerassylkelsingazin2408 4 жыл бұрын
Время 4 часа утра, а я верстаю на флексах и не хочу останавливаться. Вот это я понимаю топовый контент) С меня однозначно лайк + подписка!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Супер, спасибо!
@luxarmiger5729
@luxarmiger5729 3 жыл бұрын
А я в час ночи встаю, чтобы заниматься, изучать и жить, а работаю в свободное время (днем).
@veronikawpda7870
@veronikawpda7870 Жыл бұрын
на дворе 2023, а канала лучше все еще нет. Спасибо тебе, что создаешь такой крутой контент, даришь мотивацию и помогаешь не заблудиться в дебрях фронтенда. Cмотрю твои видеоуроки почти каждый день и каждый день благодаря тебе развиваюсь. Твой труд бесценен. С нетерпением жду осенний курс по верстке!!!
@dnevnikdevstvennika_
@dnevnikdevstvennika_ 11 ай бұрын
у меня не плохой
@viya98
@viya98 10 ай бұрын
Великолепный выпуск, актуально даже спустя 4 года, огромное спасибо за ваш труд😊
@user-dh7dp1zc3n
@user-dh7dp1zc3n 9 ай бұрын
​@@da-cg1rwпривет, я сейчас его верстаю, что-то не понятно?)
@zzzzzzzvvvvvvvv
@zzzzzzzvvvvvvvv 4 ай бұрын
Макет не работает. Где его взял?
@user-ix2ic4te6h
@user-ix2ic4te6h 3 ай бұрын
@@zzzzzzzvvvvvvvv работает макет
@user-ey3bj5zm5z
@user-ey3bj5zm5z 3 жыл бұрын
много , Флексы это круто, главное в не запутаться теперь
@Dim_on67
@Dim_on67 3 жыл бұрын
Дело не во флексах, это методалогия Бэм требует такой структуры
@lukasmog777
@lukasmog777 4 жыл бұрын
это бомба,а не уроки!максимально все разжевано. После таких уроков действительно хочется садиться и писать код.Спасибо тебе!!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Я рад! Пожалуйста!
@bohdandaskaluk647
@bohdandaskaluk647 2 жыл бұрын
Привіт сен-сей Женя) скажу так купив курс на сайті не буду рекламувати на якому думаю сам догадуєшся) начав дивитися і вобщє нудно ну ніяко( і тут нечайно попав на одне із твоїх відео , подивився його і поняв що викинув гроші в повітря. Коротко кажучи дякуючи тобі і твоїй ювелірній роботі вже знаю на багато краще. ДЯКУЮ тобі за це! щоб ти і твоя сімя були здорові і щясливі!!!! мирного тобі неба над головою і Слава Україні!!
@justfisher2920
@justfisher2920 2 жыл бұрын
Спасибо Жека, у тебя классный подход к контенту, ты по истине талантливый человек, всё очень доступно и понятно объясняешь, дай бог тебе здоровья и твоим близким, на твоих роликах освоил почти все основы html и css, полноценно верстаю уверенно макеты набивая руку и постепенно перехожу на JS, зная как это работает из внутри легче осваивается каждая ступень программирования, не важно какой мы национальности и на каком языке говорим по мне хоть на английском или на китайском, в любом случае талантливых людей не выбирают по цвету волос и глаз. А ты именно тот персонаж, кто достоин огромного внимания и аудитории, "Обучайся, развивайся, и помни - живи, а работай в свободное время!" всегда проговариваю у себя в голове этот девиз. Жму руку!
@dopahhhi3596
@dopahhhi3596 4 жыл бұрын
"Можно приступать к флексу.." ©
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Нужно
@user-hm7xf9hj6q
@user-hm7xf9hj6q 4 жыл бұрын
отличная шпаргалка, ни дать, ни взять :) И как всегда отличный урок. Ура! Flex-ы прошли, верстать стало еще интереснее, уже не пугают сложные шаблоны. Спасибо, Жень)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Ахах, пожалуйста!
@SrAmigo-qp9uf
@SrAmigo-qp9uf 2 жыл бұрын
Всё класс, писал код с тобой, больше 400 строк, запутался 10 раз, распутался примерно столько же )) Пока что сложно не запутаться и всё понять, но надеюсь со временем всё дойдет. Спасибо за уроки!
@lmurlemurych4908
@lmurlemurych4908 9 ай бұрын
Уже 2023 год, но видео по вёрстке до сих пор такие актуальные и интересные. Такая крутая подача материала и ещё с таким позитивным и заряжающим настроением, просто класс!) Хочется слушать и слушать и обучаться всему) Огромное спасибо за эти обучающие видео!!!
@alexeybelous938
@alexeybelous938 3 жыл бұрын
Я чувствую как становлюсь умнее, знания буквально в моей крови, спасибо вам Евгений за такой чудесный курс👍
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Я рад! Пожалуйста!
@mykolanychyporuk9530
@mykolanychyporuk9530 Жыл бұрын
ну шо, и как?
@kosflight
@kosflight 4 жыл бұрын
Жека, как и все твои уроки это оазис среди большой кучи информации. Спасибо большое за урок!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Я рад!
@ksuit_ru_girl6660
@ksuit_ru_girl6660 2 жыл бұрын
вот почему все то, что я не понимаю из других видео, у тебя становится сразу ясно?)))просто гениальная подача
@jannyWelter
@jannyWelter 2 жыл бұрын
боже, дивлюсь твої відео і постійно надихаюсь. Видно що рука набита годинами практики і мені теж треба лише практикуватись і дивитись твої відео щоб навчитись так само. Помітила, що після того як вже чомусь навчилась, поробила домашки та просто сама поверстала, відео сприймається зовсім по іншому (особливо коли передивляєшся через якийсь час) - Ти вже розумієш де б це я могла використати, щоб я зробила по іншому. Це я до того що будь які твої відео корисні на всіх етапах. Так я і нагадую собі що забула, і препеосмислюю свої роботи. згадую як при перших відосах думала: що? куди то все сувати? нічого не запам'ятовувалось тому що сприймала це все як просто набір слів. Але чим більше дивилась і чим більше намагалась практикуватись тим краще і краще. Окремо хочу подякувати про середній час відео. Дуже допомагає мотивувати себе: просто меленьке відео і все, але дивишся одне, а потім така ,ну ще одне, таке ж коротке. І не помітив як вже знаєш так багато того що можна використати
@FreelancerLifeStyle
@FreelancerLifeStyle 2 жыл бұрын
Я радий що корисно!
@iliaturchin133
@iliaturchin133 4 жыл бұрын
Жека, спасибо тебе большое за такую колосальную работу, очень эффективные и полезные уроки. У меня есть просьба и думаю многие поддержат - сделай урок по структуре HTML страницы, ты используешь много оберток, я не видел тэгов section итд, очень интересно понять логику по которой ты строишь блоки и обертки, кажется это будет очень полезное видео. Спасибо!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Отдельный урок о семантике будет позже. По структуре что-то придумаю
@bukanaka
@bukanaka 3 жыл бұрын
Полностью поддерживаю! Было бы очень полезно!
@mishkaus1799
@mishkaus1799 2 жыл бұрын
@@FreelancerLifeStyle видео называется «Методология БЭМ»?
@dionis6805
@dionis6805 2 жыл бұрын
@@mishkaus1799 такой же вопрос
@euejcgjaiehdjwus6886
@euejcgjaiehdjwus6886 Жыл бұрын
блин, так и не сделал
@nikolay7618
@nikolay7618 4 жыл бұрын
Четко,понятно,емко.с первого раза не одолеть, но нет сомнений что посидев несколько часов сверстаю такой же макет.Как можно обьяснить достаточно сложную вещь таким понятным языком для меня загадка.Отличный практический урок!!!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Супер! Я рад что полезно!
@ivangusev8752
@ivangusev8752 Жыл бұрын
Спасибо большое Евгений, за ваш контент, мы с женой учимся на фронтенд разработчиков и ваши видео очень помогают нам! Здоровья и благополучия вам и вашей семье!!!
@user-vl3fc1pv3c
@user-vl3fc1pv3c 2 жыл бұрын
Дуже Дякую Вам за Чудовий Відеоурок від Справжнього Професіонала..... Респект Величезний!!!
@evgeniya_paltusova
@evgeniya_paltusova 4 жыл бұрын
Лучшие уроки по верстке, такого не дают на платных курсах. Спасибо за старание, Женя ) Это очень помогает новичкам )
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое! Рад слышать!
@user-mc6us6ln3z
@user-mc6us6ln3z 4 жыл бұрын
Я понимаю что html и css не сложно выучить, и собственно выбрал твой канал для этой цели. Но как ты это легко делаешь, меня прял разрывает. Очень хочу так же легко и быстро верстать!!!!! ОГРОМНОЕ СПАСИБО ЗА ТВОИ УРОКИ!!!!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста!
@qAntBcn
@qAntBcn 4 жыл бұрын
На видео уроках все всё быстро делают ) тк рядом открыт готовый код на втором мониторе, где все ошибки уже учтены. То же касается и програмирования, в реале же иной раз тупишь над банальными вещами ) люди не роботы. Но что бы стать как Жека, нужно всего то 12 лет верстать сайты )
@and_Fenix
@and_Fenix 2 жыл бұрын
37:37 просто в голос)) я понимаю как это все тяжело, но вот такие моменты...они бесценны, спасибо, Евгений. Оплату первого своего заказа на фрилансе однозначно переведу вам, такой труд рано или поздно должен вознаграждаться!
@Aletous
@Aletous 2 жыл бұрын
Прикольні уроки, дуже доступно пояснюєте, але поки в методології БЕМ путаюся, дякую за вашу роботу!
@user-sm3nf3dt9f
@user-sm3nf3dt9f 3 жыл бұрын
Евгений ты делаешь огромный вклад в развитие IT сферы, больше чем многие копании и всё наше правительство вместе взятые. Спасибо !!!
@user-kh4qs1ps4d
@user-kh4qs1ps4d 3 жыл бұрын
И никто в количестве дивов открывающих и закрывающих не запутался?) У меня желание самому лечь в див и закрыться...)
@vmekza
@vmekza 3 жыл бұрын
Да, есть такое😂😂😂
@andreiBylkin
@andreiBylkin 3 жыл бұрын
да, именно так, с головой залезть и руками глаза прикрыть )))) это же безумие какое-то )))
@user-lb4xg6jf6j
@user-lb4xg6jf6j 3 жыл бұрын
тоже самое я из за такого количества совсем запутался((
@vb8723
@vb8723 3 жыл бұрын
@@user-lb4xg6jf6j ? просто нужно разобрать для чего каждый див нужен. Я разобрался, записал и так намного легче. Но каждый раз думаю, что можно их написать меньше. Но лучше делать так как дает Жека, все разложено по полочкам и аккуратно сложено
@user-lb4xg6jf6j
@user-lb4xg6jf6j 3 жыл бұрын
@@vb8723 и я уже разобрался)
@Ohhhnailsss
@Ohhhnailsss 8 ай бұрын
Нашла Вас в августе 2023,смотрю с большим удовольствием: все очень доступно и понятно объясняется, грамотная речь. Спасибо вам большое!
@user-nh3gn8tx5o
@user-nh3gn8tx5o Жыл бұрын
Шпаргалка огонь! Спасибо большое! и ЗА разбор верстки! Просто глядя как Вы работаете можно много научиться
@valentyndubin5441
@valentyndubin5441 4 жыл бұрын
Продал бы душу за такой мануал, когда их учил😂!) Очень годно вышло👍👍👍👍. За фишку с отрицательным отступом контейнера, большое спасибо!) Как всегла лайк👍)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
😅Ахах, да уж, есть такое) Фишка с отступами реально выручает! 🤘
@efremandre
@efremandre 3 жыл бұрын
@@FreelancerLifeStyle а как лечить в ie 11? Отрицательный паддинг там не работает, из-за этого врап переносит каждый блок на новую строку, а не оставляет по два. ((
@ssidorchik
@ssidorchik 3 жыл бұрын
эта фишка придумана давным давно, бутстраповская сетка на таких отступах и существует
@_ArMoRi
@_ArMoRi 3 жыл бұрын
@@efremandre солидарен, как раз прохожу. Не вкурил этот момент
@indexscript2518
@indexscript2518 4 жыл бұрын
Ты прям вдохновляешь честное слово! Respect за такой high level!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@selleniya999
@selleniya999 3 жыл бұрын
Знаешь, мне иногда лень учиться, так я прихожу сюда набраться позитива. Ага. Твоих вибраций.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Рад!)
@trace4526
@trace4526 Жыл бұрын
Дуже дякую Вам за контент. Ваші слова та уроки надихають! Все так розбірливо та зрозуміло. Дякую Вам за можливості розвиватись!)
@user-qw5ee8qr2q
@user-qw5ee8qr2q 4 жыл бұрын
Спасибо большое вам за всё, что вы делаете! Ваши уроки просто огонь!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое! 👍
@jNilsOnn
@jNilsOnn 3 жыл бұрын
Жека, респект тебе! Очень добротный контент. Отдельное спасибо за шпаргалки и файлы к урокам. Делаешь с душой!
@ViktoriiaFesyk
@ViktoriiaFesyk Жыл бұрын
Перед тим, як я знайшла цей канал, передивилась десятки каналів та відео. І хочу сказати, що не бачила крутішої людини, яка б так доступно пояснювала. Дякую Женя за твою роботу, ти допомагаєш і надихаєш😊🔝
@artyfire3842
@artyfire3842 Жыл бұрын
Благодарю Вас за прекрасную работу, за ответственность и творческий подход к любой сложной задаче. Спасибо вам за старательность, любовь и преданность делу, честный и эффективный труд. Желаю, чтобы вы и дальше работали с энтузиазмом, пусть каждый день приносит вам успех и радость.
@yuliaradevich4703
@yuliaradevich4703 4 жыл бұрын
Когда контент настолько годный, что заходишь с телефона поставить лайк, тк на компе не авторизован) Ты очень крут, спасибо за твои видео!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Я рад!
@user-dc9tf7cw6s
@user-dc9tf7cw6s 2 жыл бұрын
Спасибо, Жека, это контент который мы заслуживаем! Начал обучаться по твоим урокам и это лучшее мое решение в 2022 году. Большое спасибо!
@user-hq3xu2sh2t
@user-hq3xu2sh2t Жыл бұрын
и как успехи?
@evgenfleysher
@evgenfleysher Жыл бұрын
Смотрю твои уроки почти конце 2022 года. Я думаю ты уже набрал аудиторию и кучу лайков, но всё ровно спасибо тебе за твоё время и знания.
@viktorbilichenko143
@viktorbilichenko143 Жыл бұрын
шпоргалка топчик, завжди є куди підглянути), та завжди корисно. Дякую за Вашу роботу!!!!
@user-se9tz2bv2v
@user-se9tz2bv2v 2 жыл бұрын
Супер-полезная и ценная информация!! Спасибо за уроки! Очень рада, что нашла такой замечательный канал. Очень понятное объяснение даже для новичков. Отдельное спасибо за шпаргалки!!
@user-gy9fs2yq8n
@user-gy9fs2yq8n Жыл бұрын
Я проходила несколько разных курсов по верстке, но никак не могла понять, как пользоваться свойством flex: 1 1 auto, и всегда его боялась.... и только сейчас, посмотрев Ваш плейлист по флексам, я наконец осознала, что к чему. Спасибо большое за такие понятные уроки, я больше не боюсь))
@user-zw7pq2pf5k
@user-zw7pq2pf5k 2 жыл бұрын
Дуже дякую за домашнє завдання. На перший погляд воно є складне. Але, щоб зрозуміти флекси, саме то, що треба!
@TheDaemonL
@TheDaemonL 2 жыл бұрын
Пол года назад закончил учить верстку и продолжал работать на основной работе. Вот недавно решил сменить ее и с первого же собеседование устроился верстальщиком, но знания уже очень смутные, многое забылось. Твой плейлист - лучшее что есть на ютубе, чтобы освежить воспоминания. Огромное тебе спасибо!
@user-jj6le5rf1k
@user-jj6le5rf1k 4 жыл бұрын
Тооооп, Жека, твои видео самые лучшие не останавливайся, как минимум я в тебя верю!!!!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо)
@RaeN107
@RaeN107 4 жыл бұрын
Очень наглядно и понятно рассказано про флексы - учиться по твоим урокам одно удовольствие!!!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Я рад!
@cryptoneophyte
@cryptoneophyte Жыл бұрын
Твои видео на века! Еще много лет пройдет, а люди будут учиться по твоим курсам! Дякую!
@user-hv5pf8hh3f
@user-hv5pf8hh3f 2 жыл бұрын
Спасибо огроменное! Брала платный курс, который меня запутал) У тебя все просто, понятно, структурировано и без воды. Становится по местам. ОГРОМНОЕ ЧЕЛОВЕЧЕСКОЕ СПАСИБО!
@user-bw8eh1dm9t
@user-bw8eh1dm9t 4 жыл бұрын
Женя, видос как всегда на уровне. Спасибо за структурированную, полезную каждый день инфу!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! 👍💪
@russiatraveladvisor1168
@russiatraveladvisor1168 4 жыл бұрын
Нереальное огромное большущее спасибо! Полностью сверстала макет от начала до конца, видео расставило почти все по полочкам, очень помогли Ваши советы видео про БЭМ технологию, а так же плагины. На говно-курсах от SkillBox даже и близко о таких крутых вещах не рассказывают. Просто бомба! Как стану полноценным фронтендером, буду помнить кто дал толчок к движению! Огромнейшего Вам счастья за столь крутой канал и работу!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста! Я рад что полезно!
@portrail1854
@portrail1854 3 жыл бұрын
Avgusta, как успехи? мм
@user-xk8oh1ux1r
@user-xk8oh1ux1r 3 жыл бұрын
Как твои успехи?
@user-lb4xg6jf6j
@user-lb4xg6jf6j 3 жыл бұрын
пожалуй и я спрошу) как успехи?)
@konstantino7016
@konstantino7016 3 жыл бұрын
Огромная благодарность за шпаргалку, макет и урок! Женя - ты лучший среди IT-блогеров!!!
@user-wm6lx6xc6p
@user-wm6lx6xc6p 2 жыл бұрын
Жэка, отличный контент! Твои видеоуроки "вдохнули" жизнь в мое обучение. Учусь на Веб-разработчика в одной известной онлайн школе уже достаточно долго, материал подают хорошо, но из-за бытовой жизни и проблем, как то снизился интерес к учебе и все сильно застряло, а после твоих видосов как-то позитивом зарядился и снова желание учится "разгорелось"! Спасибо!
@sorokanews5019
@sorokanews5019 3 жыл бұрын
Евгений, спасибо за грамотную и позитивную подачу материала! Жги дальше! )
@axendrrumen2563
@axendrrumen2563 3 жыл бұрын
Спасибо большое! Благодря тому, что ты делаешь я становлюсь лучше!!!
@mikamoromi
@mikamoromi 2 жыл бұрын
Огромное тебе спасибо за проделанную работу! Это по истине колоссальный труд, который достоин большого количества лайков!
@malcomwaltermaccoinnich3418
@malcomwaltermaccoinnich3418 2 жыл бұрын
все уроки просматриваю, хочу сказать спасибо за огромную и безвозмездную работу от тебя! лучших обучалок пока еще не встречал.
@sol4818
@sol4818 3 жыл бұрын
Благодарю! Материал, подача - все супер!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Спасибо! Я рад!
@vohidka
@vohidka 3 жыл бұрын
Как всегда на высоте, посмотрел на одном дыхании! Пойду перекурю и вперед пытаться повторять)
@user-tb6qo4cu3g
@user-tb6qo4cu3g 2 жыл бұрын
ВАУ! У Ваc все так легко і просто виходить, а головне так швидко. Я дивилась відео в повному захваті і мрію теж це все "як сємки щолкати". Відео подивилась, буду повторювати!!!! Дякую вам за мега корисні відосікі!
@RomanKrets
@RomanKrets 2 жыл бұрын
я это сделал! наконец-то сверстал макет, и даже что-то получилось Жэка, спасибо за твой труд!
@loralinda4398
@loralinda4398 4 жыл бұрын
Гениально, как всегда. Хочу у тебя учиться. Ведь учиться нужно у лучших. Вот закончу свое обучение и пойду к тебе, если возьмешь.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Буду рад помочь!
@catvideo166
@catvideo166 4 жыл бұрын
Супер-мега крутой выпуск! Флексы сейчас очень популярны и актуальны. Так что, стоит с ними хорошенько разобраться... Спасибо, Евгений!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста!
@Mayhem888
@Mayhem888 Жыл бұрын
Женя, за шпаргалки отдельное спасибо! Это просто супер!
@user-tg9mc8bf1s
@user-tg9mc8bf1s 2 жыл бұрын
Спасибо, огромнейшее! Евгений, Вы единственный человек кто смог мне объяснить что такое flex. Как им правильно пользоваться и где можно применять. Аж легче на душе стало. Как гора с плеч. Не люблю, когда что то не понятно. Очень нравится подача материала, четко без "воды", все по существу. И главное Ваши показы кода. Я хоть теперь стала понимать что верстать можно и нужно не боясь. Еще раз, большое спасибо!
@daukakalilaev5950
@daukakalilaev5950 4 жыл бұрын
Просто бомба!) Спасибо за такие уроки :) Вы отличный учитель!!!
@user-uc9od3ns1m
@user-uc9od3ns1m 2 жыл бұрын
Пересматриваю 4-й раз весь курс, и каждый раз нахожу что то для себя новое, фронт не лезет никак(после бек-енда учить фронт кажется труднее(( ), но сейчас благодаря твоим усилиям, я его всё таки выучу, спасибо огромное за твои труды)
@andrew-1
@andrew-1 2 жыл бұрын
Привет. Ты сначала выучил бэк-енд и перешел на фронт?
@user-uc9od3ns1m
@user-uc9od3ns1m 2 жыл бұрын
@@andrew-1 не, хотел фул стеком стать, было интересно))
@user-sd4ls1oq1q
@user-sd4ls1oq1q 2 жыл бұрын
Если быть честным, то информация полученная здесь мне очень сильно помогла. Если бы не Женя со своими понятными объяснениями, сидел бы я еще наверное на HTML и вникал кто такое теги:-) Огромное спасибо тебе! Продолжай!
@user-lp4gf9do5g
@user-lp4gf9do5g 2 жыл бұрын
Вы просто невероятны!! Это какой-то вынос мозга) начал изучать верстку, хочу стать front end разработчиком. Ваши курсы невероятно помогают!!!! Спасибо за Ваш труд!!!!
@bagafree
@bagafree 4 жыл бұрын
Спасибо тебе большое друг, очень помогаешь своим контентом, скорейших успехов тебе в развитии!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Рад что полезно!
@ghouldeadinside12posnoroll32
@ghouldeadinside12posnoroll32 4 жыл бұрын
Спасибо большое!! Наконец разобрался с флексами на все сто!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Я рад!
@user-bi6xu7ct8z
@user-bi6xu7ct8z 10 ай бұрын
Дякую за цікаве і корисне відео!!! Бажаю наснаги і терпіння!
@Natalia-ph
@Natalia-ph 2 жыл бұрын
Шпаргалка и весь курс супер!!! Все доступно, позитивно и информативно ))) Спасибо
@alexitskovich
@alexitskovich 4 жыл бұрын
Супер ! Спасибо, все четко понятно.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Рад что полезно!
@user-qp3sm1gl1w
@user-qp3sm1gl1w 4 жыл бұрын
Отличный видос, несколько полезных приемов для себя усвоил, естественно лайк!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Рад что полезно!
@IDB--Group
@IDB--Group 2 жыл бұрын
Большое спасибо за шпаргалки!
@volodymyrserhiienko401
@volodymyrserhiienko401 Жыл бұрын
Женя - Бог викладання. Був би в мене такий викладач у школі, а ще й після в універі - я б тоді ніколи не подумав, що в айтішці складно взагалі. Дякую!!!
@Chih-op7pt
@Chih-op7pt 4 жыл бұрын
Супер уроки для начинающих практиков! Понятно всё, что происходит на видео!) Было бы отлично понаблюдать уроки в таком же формате по JavaScript =)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Все будет!
@emmaragnar621
@emmaragnar621 3 жыл бұрын
Евгений , спасибо огромное! Не впервые это говорю, и еще не раз повторю - вы учитель от бога! так просто и доступно еще никто не объяснял))
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста! Я рад что полезно!
@user-gq4op1uu5p
@user-gq4op1uu5p 2 жыл бұрын
👍Супер объяснение, видно мастера. Спасибо за уроки.
@user-cy4os1vl5h
@user-cy4os1vl5h 2 жыл бұрын
Я ваши видео смотрю от корки до корки. Мне, как человеку только начинающему свой самурайский путь в этой сфере, очень помогают ваши материалы. Спасибо большое за такой титанический труд!
@bublik8961
@bublik8961 4 жыл бұрын
Спасибо! Просмотр видео очень помог структурировать знания.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста!
@alexxham5055
@alexxham5055 4 жыл бұрын
Видно автор старается. Многое знаю, но все равно нахожу интересные решения. Спасибо за контент
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста!
@smaginshef7410
@smaginshef7410 5 ай бұрын
Большое спасибо. В трудную минуту всегда прихожу к вам. Желаю удачи, успехов и процветания.
@tatianatatiana8824
@tatianatatiana8824 3 жыл бұрын
Очень крутые уроки! Спасибо! Сначала смотришь и думаешь как же я смогу это сделать, а потом вместе с твоими супер точными и понятными объяснениями все становится на свои места! И у тебя уже сверстан твой макет и ты доволен такой, ураа + немножко больше знаний и практики в копилочку)) Большая благодарность! Продолжай дальше :))
@lomkuvaldych
@lomkuvaldych 4 жыл бұрын
Гениально, профессор !
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! 😊🤓
@paljm345
@paljm345 3 жыл бұрын
Жеееесть, див в диве и дивом погоняет))))) Да, первое время надо будет ВСЕ комментировать))
@user-bp6nq1tc4v
@user-bp6nq1tc4v 2 жыл бұрын
Это же ШЕДЕВР!!!!!!
@FreelancerLifeStyle
@FreelancerLifeStyle 2 жыл бұрын
Рад что полезно!
Responsive web design in 37 minutes + layout. You don’t need Bootstrap!
36:44
Фрілансер по життю
Рет қаралды 1 МЛН
FOOTBALL WITH PLAY BUTTONS ▶️ #roadto100m
00:29
Celine Dept
Рет қаралды 76 МЛН
Кәріс өшін алды...| Synyptas 3 | 10 серия
24:51
How I prepare to meet the brothers Mbappé.. 🙈 @KylianMbappe
00:17
Celine Dept
Рет қаралды 57 МЛН
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,4 МЛН
Как создать выпадающее меню в React JS за 5 минут | React Dropdown Menu
5:12
Типичный Веб Разработчик
Рет қаралды 7 М.
CSS Grid Layout. Свойства определения сетки grid-template и другие
22:41
FOOTBALL WITH PLAY BUTTONS ▶️ #roadto100m
00:29
Celine Dept
Рет қаралды 76 МЛН