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

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 พ.ย. 2019
  • Продолжаем учить верстку на флексах и пришло время практического занятия. Я сверстаю небольшой макет демонстрируя возможности модуля 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
    🤟 Живи, а работай в свободное время! ©

ความคิดเห็น • 3K

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  4 ปีที่แล้ว +194

    Ценю твой ЛАЙК и КОММЕНТ!
    Получить доступ к плюшкам + поддержать канал: 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 ปีที่แล้ว +19

      Женя, просьба. Во время вёрстки ты создаёшь много (на взгляд дилетанта) блоков: wrapper -> content -> hi -> container -> hi__row -> hi__body -> и только здесь первый флекс-элемент. Можешь как-то складно объяснить, почему их так много? Например, почему нельзя "остановиться" на блоке "container", присвоить ему дисплей: флекс, и в нём сформировать уже два элемента. Почему так много? Уверен, это правильно, но хотелось бы уложить в голове, чтобы не тупо списывать с экрана, а с пониманием создавать их? Буду благодарен.

    • @_SoNicos
      @_SoNicos 4 ปีที่แล้ว +4

      Всё. Разобрался сам ))

    • @NoName-lt5fu
      @NoName-lt5fu 3 ปีที่แล้ว +5

      Нужна помощь! Всю голову сломал. flex: 1 1 auto; не применяется к .content. Другие свойства применяются а это нет. В остальном коде все верно

    • @alexandreev2752
      @alexandreev2752 3 ปีที่แล้ว +3

      @@NoName-lt5fu Аналогично, я сам не понимаю, почему футер не отодвигается вниз. Делаю все как в видео, два раза пересматривал и внимательно искал проблему, но все делаю верно. Пробовал даже через длинную запись, но все равно не пашет. Есть те, у кого такая же проблема? Можете помочь, пожалуйста? Буду благодарен!

    • @over1679
      @over1679 3 ปีที่แล้ว +1

      Обещал не выкладывать код урока, а в итоге выложил) привычка?

  • @Code.bless_you
    @Code.bless_you 4 ปีที่แล้ว +283

    Этот невероятно харизматичный рыжий бородач просто покоряет сердца IT-новичков))

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว +16

      хех) Спасибо

    • @luxarmiger5729
      @luxarmiger5729 3 ปีที่แล้ว +3

      Несомненно. Харизма налицо. Хотелось бы быть с ним знакомым в реальной жизни.

    • @Code.bless_you
      @Code.bless_you 3 ปีที่แล้ว +22

      @@luxarmiger5729 я недавно прочёл один комент под его видео. Там человек очень чётко выразил мысль. "посмотрел видео - будто с другом поговорил"

    • @user-qv5kl3jo6j
      @user-qv5kl3jo6j 3 ปีที่แล้ว +2

      И не только сердца

    • @user-fs9th3sr9g
      @user-fs9th3sr9g 3 ปีที่แล้ว +2

      Истину глаголишь

  • @Polite_person_
    @Polite_person_ 4 ปีที่แล้ว +1088

    Я начал изучать фронтенд "через задницу", быстро изучил основы html и css и полез в JS и провалился в нем на 7 месяцев. Изучил основы, паттерны, некоторые библиотеки включая React и понял что все это не имеет смысла, пока я не научусь правильно верстать и твой курс просто спасение, все очень доступно и ёмко . А какая подача..... Наверное это покажется странным, но в твоих видео есть особая атмосфера уюта, как будто в суровую зиму я сижу в уютном срубе перед камином с глинтвейном укрывшись пушистым пледом =) Огромное спасибо за всевозможные шпоры. Многое из это курса уже было знакомо , но я все равно начал смотреть с самого начала и в каждом видео есть какие-то полезные мелочи и чем дальше я продвигался по курсу, тем больше находил недостающих пазлов которых оказалось приличное количество. Большое Спасибо за очень годный контент.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว +57

      Спасибо большое! Очень ценю!

    • @denyliu
      @denyliu 4 ปีที่แล้ว +51

      прям моя история

    • @qAntBcn
      @qAntBcn 4 ปีที่แล้ว +28

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

    • @igorchudin2541
      @igorchudin2541 4 ปีที่แล้ว +5

      @@FreelancerLifeStyle Вам спасибо - выручаете очень!

    • @user-px9ok2jz6u
      @user-px9ok2jz6u 4 ปีที่แล้ว +4

      @@qAntBcn ну это наверно зависит от того, с какой целью JS изучается (могу быть не прав), та и в общем выйти из зоны комфорта сложно, но нужно)

  • @darveterdarveter4511
    @darveterdarveter4511 2 ปีที่แล้ว +97

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

    • @abos4633
      @abos4633 ปีที่แล้ว +3

      не поспорю именно так

  • @user-zip356
    @user-zip356 2 ปีที่แล้ว +27

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

  • @gpt_v22
    @gpt_v22 3 ปีที่แล้ว +128

    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

  • @user-xr7pl9hg7g
    @user-xr7pl9hg7g 4 ปีที่แล้ว +144

    ААААА!!!! ОГОНЬ!!! Это просто БОМБА!!! Все блин, вечером сижу и практикую, аки зубрилка-очкарик-отличник! Самый кайф, что есть макет. А если, при попытке сверстать самостоятельно, будет затык, то можно подсмотреть данный видосик еще раз (жаль, что лайк повторно нельзя поставить) - это просто кайф! ЖЕКА - ТЫ ЛУЧШИЙ УЧИТЕЛЬ!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว +15

      Спасибо большое! Стараюсь👍

    • @user-um5vx4ez1p
      @user-um5vx4ez1p 4 ปีที่แล้ว +2

      Согласен. Я тоже в восторге. А ты не проверял верстку в IE? У меня в IE не корректно отражается блок columns. Ширины не хватает, чтобы поместились 2 колонки, хотя сверстано все по Жекиному уроку....

    • @pervevgeniy
      @pervevgeniy 4 ปีที่แล้ว +5

      @@user-um5vx4ez1p Жека же в видео об этом говорил, что это лечится но лишь отчасти. Мне вот все интересно, IE какого хрена "динозавр" настолько проблематичен? Это же Microsoft, в чем проблема сделать пригодный для жизни браузер...первым делом при установке винды, устанавливается другой браузер.

    • @ntbgaming5630
      @ntbgaming5630 4 ปีที่แล้ว +4

      @@pervevgeniy Они же заменили его на Edge )) Вместо того, чтобы лечить старый сделали новый))

  • @AlinaEmv
    @AlinaEmv 2 ปีที่แล้ว +33

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

  • @Marzazim
    @Marzazim 2 ปีที่แล้ว +31

    Всё так сложно...Но одновременно и выглядит так легко, когда верстает Жека)
    Наверное эта домашка займёт у меня не один вечер..)
    Спасибо за труд, спасибо за помощь новичкам !!! 👏👏👏
    Отдельное спасибо за ссылку на игру с лягушками! :D

  • @ffedchik
    @ffedchik 4 ปีที่แล้ว +257

    "Ситуация у нас значительно усложняется и, собственно, нам ничего не остается делать, как это дело сверстать" (c) Жека

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว +21

      Ахах)) Прикольно))

    • @ffedchik
      @ffedchik 4 ปีที่แล้ว +6

      @@FreelancerLifeStyle Действительно, удачный экспромт вышел :)

    • @johnnyrocketkite4738
      @johnnyrocketkite4738 4 ปีที่แล้ว +8

      "Ситуация у нас значительно усложняется и, собственно, нам ничего не остается делать, как это дело сверстать..." - сказал Жека, когда его окружили бандиты с ножами))

    • @dianadallaitalia
      @dianadallaitalia 4 ปีที่แล้ว +1

      Всё сверстаем!!!

    • @BohdanVR666
      @BohdanVR666 4 ปีที่แล้ว +4

      @@johnnyrocketkite4738 сверстать бандитов пополам)

  • @user-sm4is8sx9p
    @user-sm4is8sx9p 2 ปีที่แล้ว +139

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

    • @user-qi4jl5zu1v
      @user-qi4jl5zu1v ปีที่แล้ว +5

      Как успехи спустя месяц?

    • @yonameinoname2021
      @yonameinoname2021 ปีที่แล้ว

      Это правда.

    • @user-ru2hw9vv5h
      @user-ru2hw9vv5h ปีที่แล้ว

      Podderjivayu. Ya toje na4al mesyats nazad!

    • @bebroy254
      @bebroy254 ปีที่แล้ว

      как успехи?

    • @Gamer-bg7rb
      @Gamer-bg7rb ปีที่แล้ว +13

      @@bebroy254 я начал год назад, сейчас живу на Кипре, жена модель, особняк 4 этажа. Надеюсь, замотивировал вас

  • @user-rv1gn7qn3s
    @user-rv1gn7qn3s 2 ปีที่แล้ว +40

    Жека спасибо. 2022 год почти, а курсы твои все ещё лучшее что есть!

    • @andeveloper
      @andeveloper ปีที่แล้ว +3

      Август 2022 - все еще актуально и лучше нет не где ! Спасибо, Жека !

    • @user-eg6kp3ko8l
      @user-eg6kp3ko8l ปีที่แล้ว +1

      +август 2022 - отдельное спасибо за шпаргалку!!!!

    • @Roky2k2009
      @Roky2k2009 ปีที่แล้ว +2

      Уж 2023 год почти, а курс всё еще в топе!!! Спасибо Женя!

    • @denzor8
      @denzor8 ปีที่แล้ว

      @@Roky2k2009 да кстати

    • @alexeyuchaev936
      @alexeyuchaev936 ปีที่แล้ว +1

      март 2023, сижу в Нью-Йорке в шелторе - 4-х звездочный отель в 10 минутах от тайм сквер, кормят, поят денег на детей дают. Учусь))) Приезжайте! ♡♡♡

  • @evgenfleysher
    @evgenfleysher ปีที่แล้ว

    Смотрю твои уроки почти конце 2022 года. Я думаю ты уже набрал аудиторию и кучу лайков, но всё ровно спасибо тебе за твоё время и знания.

  • @user-rt9jf4jc1e
    @user-rt9jf4jc1e 4 ปีที่แล้ว +48

    Да прибудет с тобой сила!

  • @lukasmog777
    @lukasmog777 4 ปีที่แล้ว +17

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

  • @veronikawpda7870
    @veronikawpda7870 ปีที่แล้ว +1

    на дворе 2023, а канала лучше все еще нет. Спасибо тебе, что создаешь такой крутой контент, даришь мотивацию и помогаешь не заблудиться в дебрях фронтенда. Cмотрю твои видеоуроки почти каждый день и каждый день благодаря тебе развиваюсь. Твой труд бесценен. С нетерпением жду осенний курс по верстке!!!

  • @lmurlemurych4908
    @lmurlemurych4908 9 หลายเดือนก่อน

    Уже 2023 год, но видео по вёрстке до сих пор такие актуальные и интересные. Такая крутая подача материала и ещё с таким позитивным и заряжающим настроением, просто класс!) Хочется слушать и слушать и обучаться всему) Огромное спасибо за эти обучающие видео!!!

  • @user-ey3bj5zm5z
    @user-ey3bj5zm5z 3 ปีที่แล้ว +21

    много , Флексы это круто, главное в не запутаться теперь

    • @Dim_on67
      @Dim_on67 3 ปีที่แล้ว +2

      Дело не во флексах, это методалогия Бэм требует такой структуры

  • @justfisher2920
    @justfisher2920 2 ปีที่แล้ว +7

    Спасибо Жека, у тебя классный подход к контенту, ты по истине талантливый человек, всё очень доступно и понятно объясняешь, дай бог тебе здоровья и твоим близким, на твоих роликах освоил почти все основы html и css, полноценно верстаю уверенно макеты набивая руку и постепенно перехожу на JS, зная как это работает из внутри легче осваивается каждая ступень программирования, не важно какой мы национальности и на каком языке говорим по мне хоть на английском или на китайском, в любом случае талантливых людей не выбирают по цвету волос и глаз. А ты именно тот персонаж, кто достоин огромного внимания и аудитории, "Обучайся, развивайся, и помни - живи, а работай в свободное время!" всегда проговариваю у себя в голове этот девиз. Жму руку!

  • @jNilsOnn
    @jNilsOnn 3 ปีที่แล้ว +4

    Жека, респект тебе! Очень добротный контент. Отдельное спасибо за шпаргалки и файлы к урокам. Делаешь с душой!

  • @SrAmigo-qp9uf
    @SrAmigo-qp9uf 2 ปีที่แล้ว +11

    Всё класс, писал код с тобой, больше 400 строк, запутался 10 раз, распутался примерно столько же )) Пока что сложно не запутаться и всё понять, но надеюсь со временем всё дойдет. Спасибо за уроки!

  • @yerassylkelsingazin2408
    @yerassylkelsingazin2408 4 ปีที่แล้ว +42

    Время 4 часа утра, а я верстаю на флексах и не хочу останавливаться. Вот это я понимаю топовый контент) С меня однозначно лайк + подписка!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว +4

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

    • @luxarmiger5729
      @luxarmiger5729 3 ปีที่แล้ว +8

      А я в час ночи встаю, чтобы заниматься, изучать и жить, а работаю в свободное время (днем).

  • @user-sm3nf3dt9f
    @user-sm3nf3dt9f 3 ปีที่แล้ว +4

    Евгений ты делаешь огромный вклад в развитие IT сферы, больше чем многие копании и всё наше правительство вместе взятые. Спасибо !!!

  • @ivangusev8752
    @ivangusev8752 ปีที่แล้ว +6

    Спасибо большое Евгений, за ваш контент, мы с женой учимся на фронтенд разработчиков и ваши видео очень помогают нам! Здоровья и благополучия вам и вашей семье!!!

  • @viya98
    @viya98 10 หลายเดือนก่อน +6

    Великолепный выпуск, актуально даже спустя 4 года, огромное спасибо за ваш труд😊

    • @user-dh7dp1zc3n
      @user-dh7dp1zc3n 9 หลายเดือนก่อน

      ​@@da-cg1rwпривет, я сейчас его верстаю, что-то не понятно?)

    • @zzzzzzzvvvvvvvv
      @zzzzzzzvvvvvvvv 4 หลายเดือนก่อน

      Макет не работает. Где его взял?

    • @user-ix2ic4te6h
      @user-ix2ic4te6h 3 หลายเดือนก่อน

      @@zzzzzzzvvvvvvvv работает макет

  • @user-gy9fs2yq8n
    @user-gy9fs2yq8n ปีที่แล้ว +12

    Я проходила несколько разных курсов по верстке, но никак не могла понять, как пользоваться свойством flex: 1 1 auto, и всегда его боялась.... и только сейчас, посмотрев Ваш плейлист по флексам, я наконец осознала, что к чему. Спасибо большое за такие понятные уроки, я больше не боюсь))

  • @awesome5708
    @awesome5708 2 ปีที่แล้ว +9

    Не понимаю тех людей, которые ставят дизлайк на такого позитивного человека, который несет знания для их же)
    Спасибо Евгений)

    • @user-wm4bw1rq4g
      @user-wm4bw1rq4g ปีที่แล้ว

      это завистники)

    • @dovuret2191
      @dovuret2191 ปีที่แล้ว

      @@user-wm4bw1rq4g нет... это те кто посмотрели за 2 недели и пошли устраиваться на работу с зарплатой 100500милионов долларов. НО ИХНЕЕ ОЖИДАНИЕ ОБЛАМАЛИСЬ.

  • @user-hv5pf8hh3f
    @user-hv5pf8hh3f 2 ปีที่แล้ว +1

    Спасибо огроменное! Брала платный курс, который меня запутал) У тебя все просто, понятно, структурировано и без воды. Становится по местам. ОГРОМНОЕ ЧЕЛОВЕЧЕСКОЕ СПАСИБО!

  • @alexeybelous938
    @alexeybelous938 3 ปีที่แล้ว +20

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

  • @user-se9tz2bv2v
    @user-se9tz2bv2v 2 ปีที่แล้ว +3

    Супер-полезная и ценная информация!! Спасибо за уроки! Очень рада, что нашла такой замечательный канал. Очень понятное объяснение даже для новичков. Отдельное спасибо за шпаргалки!!

  • @artyfire3842
    @artyfire3842 ปีที่แล้ว

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

  • @konstantino7016
    @konstantino7016 3 ปีที่แล้ว

    Огромная благодарность за шпаргалку, макет и урок! Женя - ты лучший среди IT-блогеров!!!

  • @ksuit_ru_girl6660
    @ksuit_ru_girl6660 2 ปีที่แล้ว +3

    вот почему все то, что я не понимаю из других видео, у тебя становится сразу ясно?)))просто гениальная подача

  • @nikolay7618
    @nikolay7618 4 ปีที่แล้ว +5

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

  • @Ohhhnailsss
    @Ohhhnailsss 8 หลายเดือนก่อน

    Нашла Вас в августе 2023,смотрю с большим удовольствием: все очень доступно и понятно объясняется, грамотная речь. Спасибо вам большое!

  • @malcomwaltermaccoinnich3418
    @malcomwaltermaccoinnich3418 2 ปีที่แล้ว +2

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

  • @user-jj6le5rf1k
    @user-jj6le5rf1k 4 ปีที่แล้ว +7

    Тооооп, Жека, твои видео самые лучшие не останавливайся, как минимум я в тебя верю!!!!

  • @user-dc9tf7cw6s
    @user-dc9tf7cw6s 2 ปีที่แล้ว +12

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

  • @user-gv7km2vz1r
    @user-gv7km2vz1r ปีที่แล้ว

    Большое спасибо, выше всяких похвал. Никогда на сдавайся. Сдавайся с "с".

  • @user-wm6lx6xc6p
    @user-wm6lx6xc6p 2 ปีที่แล้ว

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

  • @evgeniya_paltusova
    @evgeniya_paltusova 4 ปีที่แล้ว +3

    Лучшие уроки по верстке, такого не дают на платных курсах. Спасибо за старание, Женя ) Это очень помогает новичкам )

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว

      Спасибо большое! Рад слышать!

  • @sorokanews5019
    @sorokanews5019 3 ปีที่แล้ว +2

    Евгений, спасибо за грамотную и позитивную подачу материала!
    Жги дальше! )

  • @mikamoromi
    @mikamoromi 2 ปีที่แล้ว +2

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

  • @smaginshef7410
    @smaginshef7410 5 หลายเดือนก่อน

    Большое спасибо. В трудную минуту всегда прихожу к вам. Желаю удачи, успехов и процветания.

  • @kosflight
    @kosflight 4 ปีที่แล้ว +9

    Жека, как и все твои уроки это оазис среди большой кучи информации. Спасибо большое за урок!

  • @user-qw5ee8qr2q
    @user-qw5ee8qr2q 4 ปีที่แล้ว +16

    Спасибо большое вам за всё, что вы делаете! Ваши уроки просто огонь!

  • @vladzyo8248
    @vladzyo8248 2 ปีที่แล้ว

    Как круто этот парень преподносит инфу! Лайк что процентов!

  • @user-nh3gn8tx5o
    @user-nh3gn8tx5o ปีที่แล้ว +2

    Шпаргалка огонь! Спасибо большое! и ЗА разбор верстки! Просто глядя как Вы работаете можно много научиться

  • @user-bw8eh1dm9t
    @user-bw8eh1dm9t 4 ปีที่แล้ว +7

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

  • @and_Fenix
    @and_Fenix 2 ปีที่แล้ว +23

    37:37 просто в голос)) я понимаю как это все тяжело, но вот такие моменты...они бесценны, спасибо, Евгений. Оплату первого своего заказа на фрилансе однозначно переведу вам, такой труд рано или поздно должен вознаграждаться!

  • @tatianatatiana8824
    @tatianatatiana8824 3 ปีที่แล้ว

    Очень крутые уроки! Спасибо!
    Сначала смотришь и думаешь как же я смогу это сделать, а потом вместе с твоими супер точными и понятными объяснениями все становится на свои места!
    И у тебя уже сверстан твой макет и ты доволен такой, ураа + немножко больше знаний и практики в копилочку)) Большая благодарность! Продолжай дальше :))

  • @viktorbilichenko143
    @viktorbilichenko143 ปีที่แล้ว

    шпоргалка топчик, завжди є куди підглянути), та завжди корисно. Дякую за Вашу роботу!!!!

  • @bohdandaskaluk647
    @bohdandaskaluk647 2 ปีที่แล้ว +5

    Привіт сен-сей Женя) скажу так купив курс на сайті не буду рекламувати на якому думаю сам догадуєшся) начав дивитися і вобщє нудно ну ніяко( і тут нечайно попав на одне із твоїх відео , подивився його і поняв що викинув гроші в повітря. Коротко кажучи дякуючи тобі і твоїй ювелірній роботі вже знаю на багато краще. ДЯКУЮ тобі за це! щоб ти і твоя сімя були здорові і щясливі!!!! мирного тобі неба над головою і Слава Україні!!

  • @vohidka
    @vohidka 3 ปีที่แล้ว +5

    Как всегда на высоте, посмотрел на одном дыхании! Пойду перекурю и вперед пытаться повторять)

  • @TheDaemonL
    @TheDaemonL 2 ปีที่แล้ว

    Пол года назад закончил учить верстку и продолжал работать на основной работе. Вот недавно решил сменить ее и с первого же собеседование устроился верстальщиком, но знания уже очень смутные, многое забылось. Твой плейлист - лучшее что есть на ютубе, чтобы освежить воспоминания. Огромное тебе спасибо!

  • @ViktoriiaFesyk
    @ViktoriiaFesyk ปีที่แล้ว

    Перед тим, як я знайшла цей канал, передивилась десятки каналів та відео. І хочу сказати, що не бачила крутішої людини, яка б так доступно пояснювала.
    Дякую Женя за твою роботу, ти допомагаєш і надихаєш😊🔝

  • @user-mc6us6ln3z
    @user-mc6us6ln3z 4 ปีที่แล้ว +5

    Я понимаю что html и css не сложно выучить, и собственно выбрал твой канал для этой цели. Но как ты это легко делаешь, меня прял разрывает. Очень хочу так же легко и быстро верстать!!!!! ОГРОМНОЕ СПАСИБО ЗА ТВОИ УРОКИ!!!!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว

      Пожалуйста!

    • @qAntBcn
      @qAntBcn 4 ปีที่แล้ว +2

      На видео уроках все всё быстро делают ) тк рядом открыт готовый код на втором мониторе, где все ошибки уже учтены. То же касается и програмирования, в реале же иной раз тупишь над банальными вещами ) люди не роботы. Но что бы стать как Жека, нужно всего то 12 лет верстать сайты )

  • @dopahhhi3596
    @dopahhhi3596 4 ปีที่แล้ว +57

    "Можно приступать к флексу.." ©

  • @user-lv6ch6ny3e
    @user-lv6ch6ny3e ปีที่แล้ว

    Это просто подарок судьбы. Такой прекрасный контент! ЧЕЛОВЕЧИЩЕ!!!

  • @user-zw7pq2pf5k
    @user-zw7pq2pf5k 2 ปีที่แล้ว

    Дуже дякую за домашнє завдання. На перший погляд воно є складне. Але, щоб зрозуміти флекси, саме то, що треба!

  • @user-hm7xf9hj6q
    @user-hm7xf9hj6q 4 ปีที่แล้ว +14

    отличная шпаргалка, ни дать, ни взять :)
    И как всегда отличный урок. Ура! Flex-ы прошли, верстать стало еще интереснее, уже не пугают сложные шаблоны.
    Спасибо, Жень)

  • @axendrrumen2563
    @axendrrumen2563 3 ปีที่แล้ว +3

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

  • @user-wt5dv6dj9v
    @user-wt5dv6dj9v 2 ปีที่แล้ว

    Это просто лучшее что я нашла на просторах TH-cam!!!!! ну настолько разжевано что дальше некуда! просмотрела только 1 раз все 4 видео и уже мастер по flex. спасибо!!!!!

  • @trace4526
    @trace4526 ปีที่แล้ว +2

    Дуже дякую Вам за контент. Ваші слова та уроки надихають! Все так розбірливо та зрозуміло. Дякую Вам за можливості розвиватись!)

  • @jannyWelter
    @jannyWelter 2 ปีที่แล้ว +3

    боже, дивлюсь твої відео і постійно надихаюсь. Видно що рука набита годинами практики і мені теж треба лише практикуватись і дивитись твої відео щоб навчитись так само. Помітила, що після того як вже чомусь навчилась, поробила домашки та просто сама поверстала, відео сприймається зовсім по іншому (особливо коли передивляєшся через якийсь час) - Ти вже розумієш де б це я могла використати, щоб я зробила по іншому.
    Це я до того що будь які твої відео корисні на всіх етапах. Так я і нагадую собі що забула, і препеосмислюю свої роботи.
    згадую як при перших відосах думала: що? куди то все сувати? нічого не запам'ятовувалось тому що сприймала це все як просто набір слів. Але чим більше дивилась і чим більше намагалась практикуватись тим краще і краще.
    Окремо хочу подякувати про середній час відео. Дуже допомагає мотивувати себе: просто меленьке відео і все, але дивишся одне, а потім така ,ну ще одне, таке ж коротке. І не помітив як вже знаєш так багато того що можна використати

  • @iliaturchin133
    @iliaturchin133 4 ปีที่แล้ว +51

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

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว +16

      Отдельный урок о семантике будет позже. По структуре что-то придумаю

    • @bukanaka
      @bukanaka 3 ปีที่แล้ว +5

      Полностью поддерживаю! Было бы очень полезно!

    • @mishkaus1799
      @mishkaus1799 2 ปีที่แล้ว +2

      @@FreelancerLifeStyle видео называется «Методология БЭМ»?

    • @dionis6805
      @dionis6805 2 ปีที่แล้ว

      @@mishkaus1799 такой же вопрос

    • @euejcgjaiehdjwus6886
      @euejcgjaiehdjwus6886 ปีที่แล้ว

      блин, так и не сделал

  • @user-tg9mc8bf1s
    @user-tg9mc8bf1s 2 ปีที่แล้ว +1

    Спасибо, огромнейшее! Евгений, Вы единственный человек кто смог мне объяснить что такое flex. Как им правильно пользоваться и где можно применять. Аж легче на душе стало. Как гора с плеч. Не люблю, когда что то не понятно. Очень нравится подача материала, четко без "воды", все по существу. И главное Ваши показы кода. Я хоть теперь стала понимать что верстать можно и нужно не боясь. Еще раз, большое спасибо!

  • @Natalia-ph
    @Natalia-ph 2 ปีที่แล้ว

    Шпаргалка и весь курс супер!!! Все доступно, позитивно и информативно ))) Спасибо

  • @user-vl3fc1pv3c
    @user-vl3fc1pv3c 2 ปีที่แล้ว +4

    Дуже Дякую Вам за Чудовий Відеоурок від Справжнього Професіонала..... Респект Величезний!!!

  • @sol4818
    @sol4818 3 ปีที่แล้ว +2

    Благодарю! Материал, подача - все супер!

  • @heeeshable
    @heeeshable 2 ปีที่แล้ว

    Ограмная благодарность за курс! Это лучшее что я нашел на TH-cam в 2022 году

  • @Mayhem888
    @Mayhem888 ปีที่แล้ว +1

    Женя, за шпаргалки отдельное спасибо! Это просто супер!

  • @indexscript2518
    @indexscript2518 4 ปีที่แล้ว +6

    Ты прям вдохновляешь честное слово! Respect за такой high level!

  • @daukakalilaev5950
    @daukakalilaev5950 4 ปีที่แล้ว +3

    Просто бомба!) Спасибо за такие уроки :) Вы отличный учитель!!!

  • @user-pp1lv2hh5i
    @user-pp1lv2hh5i 2 ปีที่แล้ว +1

    Этот урок просто бомба, конечно же как и все предыдущие!
    Спасибо огромное, мастер!))

  • @yevheniiashavrukova1824
    @yevheniiashavrukova1824 2 ปีที่แล้ว

    Шпаргалки это супер идея, все ёмко понятно и доступно! Проходила флексы в другом источнике, но благодаря вашим видео пазл складывается в единую картинку. Огромное спасибо за труд!

  • @RaeN107
    @RaeN107 4 ปีที่แล้ว +2

    Очень наглядно и понятно рассказано про флексы - учиться по твоим урокам одно удовольствие!!!

  • @emmaragnar621
    @emmaragnar621 3 ปีที่แล้ว +2

    Евгений , спасибо огромное! Не впервые это говорю, и еще не раз повторю - вы учитель от бога! так просто и доступно еще никто не объяснял))

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +1

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

  • @Alibaba0192
    @Alibaba0192 10 หลายเดือนก่อน

    дякую за те, що ви робите! це дуже крутий та корисний контент! шкода, що не знала про вас раніше! щиро дякую!

  • @RomanKrets
    @RomanKrets 2 ปีที่แล้ว +1

    я это сделал! наконец-то сверстал макет, и даже что-то получилось
    Жэка, спасибо за твой труд!

  • @bagafree
    @bagafree 4 ปีที่แล้ว +16

    Спасибо тебе большое друг, очень помогаешь своим контентом, скорейших успехов тебе в развитии!

  • @valentyndubin5441
    @valentyndubin5441 4 ปีที่แล้ว +19

    Продал бы душу за такой мануал, когда их учил😂!) Очень годно вышло👍👍👍👍. За фишку с отрицательным отступом контейнера, большое спасибо!) Как всегла лайк👍)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว +3

      😅Ахах, да уж, есть такое) Фишка с отступами реально выручает! 🤘

    • @efremandre
      @efremandre 3 ปีที่แล้ว +1

      @@FreelancerLifeStyle а как лечить в ie 11? Отрицательный паддинг там не работает, из-за этого врап переносит каждый блок на новую строку, а не оставляет по два. ((

    • @ssidorchik
      @ssidorchik 3 ปีที่แล้ว

      эта фишка придумана давным давно, бутстраповская сетка на таких отступах и существует

    • @_ArMoRi
      @_ArMoRi 3 ปีที่แล้ว

      @@efremandre солидарен, как раз прохожу. Не вкурил этот момент

  • @IDB--Group
    @IDB--Group 2 ปีที่แล้ว +1

    Большое спасибо за шпаргалки!

  • @ratiboregorihsoweraer5837
    @ratiboregorihsoweraer5837 2 ปีที่แล้ว +1

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

  • @user-qp3sm1gl1w
    @user-qp3sm1gl1w 4 ปีที่แล้ว +5

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

  • @ghouldeadinside12posnoroll32
    @ghouldeadinside12posnoroll32 4 ปีที่แล้ว +4

    Спасибо большое!! Наконец разобрался с флексами на все сто!

  • @user-bp6nq1tc4v
    @user-bp6nq1tc4v 2 ปีที่แล้ว +2

    Это же ШЕДЕВР!!!!!!

  • @user-xb1ks6cr1z
    @user-xb1ks6cr1z 2 ปีที่แล้ว +1

    Жека, все просто идеально!
    Шпаргалка - огонь! Все продумано в ней до мелочей.

  • @loralinda4398
    @loralinda4398 4 ปีที่แล้ว +11

    Гениально, как всегда. Хочу у тебя учиться. Ведь учиться нужно у лучших. Вот закончу свое обучение и пойду к тебе, если возьмешь.

  • @catvideo166
    @catvideo166 4 ปีที่แล้ว +4

    Супер-мега крутой выпуск! Флексы сейчас очень популярны и актуальны. Так что, стоит с ними хорошенько разобраться... Спасибо, Евгений!

  • @user-bj8oe1gt3r
    @user-bj8oe1gt3r 9 หลายเดือนก่อน

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

  • @user-cb4rr4nc4g
    @user-cb4rr4nc4g 11 หลายเดือนก่อน

    Женя, ты прекрасен, низкий поклон!

  • @yuliaradevich4703
    @yuliaradevich4703 4 ปีที่แล้ว +4

    Когда контент настолько годный, что заходишь с телефона поставить лайк, тк на компе не авторизован)
    Ты очень крут, спасибо за твои видео!

  • @alexitskovich
    @alexitskovich 4 ปีที่แล้ว +3

    Супер ! Спасибо, все четко понятно.

  • @user-rh4zi8uv5u
    @user-rh4zi8uv5u 2 ปีที่แล้ว

    Женя, ваш канал - это лучшее, что я видела я Ютубе, огромное спасибо за такие шпаргалки, кайф учиться с Вами)))

  • @user-lp4gf9do5g
    @user-lp4gf9do5g 2 ปีที่แล้ว

    Вы просто невероятны!! Это какой-то вынос мозга) начал изучать верстку, хочу стать front end разработчиком. Ваши курсы невероятно помогают!!!! Спасибо за Ваш труд!!!!

  • @russiatraveladvisor1168
    @russiatraveladvisor1168 4 ปีที่แล้ว +21

    Нереальное огромное большущее спасибо! Полностью сверстала макет от начала до конца, видео расставило почти все по полочкам, очень помогли Ваши советы видео про БЭМ технологию, а так же плагины. На говно-курсах от SkillBox даже и близко о таких крутых вещах не рассказывают. Просто бомба! Как стану полноценным фронтендером, буду помнить кто дал толчок к движению! Огромнейшего Вам счастья за столь крутой канал и работу!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 ปีที่แล้ว +4

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

    • @portrail1854
      @portrail1854 3 ปีที่แล้ว +1

      Avgusta, как успехи? мм

    • @user-xk8oh1ux1r
      @user-xk8oh1ux1r 3 ปีที่แล้ว

      Как твои успехи?

    • @user-lb4xg6jf6j
      @user-lb4xg6jf6j 3 ปีที่แล้ว

      пожалуй и я спрошу) как успехи?)

  • @lomkuvaldych
    @lomkuvaldych 4 ปีที่แล้ว +3

    Гениально, профессор !

  • @_Calyps0_o
    @_Calyps0_o ปีที่แล้ว

    Огромное тебе спасибо, Женя. И за подачу, и за замечательные шпаргалки, и за доступность. Нереально здорово)

  • @user-gq4op1uu5p
    @user-gq4op1uu5p 2 ปีที่แล้ว

    👍Супер объяснение, видно мастера. Спасибо за уроки.