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
    🤟 Живи, а работай в свободное время! ©

КОМЕНТАРІ • 3 тис.

  • @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

  • @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 сверстать бандитов пополам)

  • @AlinaEmv
    @AlinaEmv 2 роки тому +33

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

  • @user-sm4is8sx9p
    @user-sm4is8sx9p 2 роки тому +139

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

    • @user-qi4jl5zu1v
      @user-qi4jl5zu1v 2 роки тому +5

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

    • @yonameinoname2021
      @yonameinoname2021 Рік тому

      Это правда.

    • @user-ru2hw9vv5h
      @user-ru2hw9vv5h Рік тому

      Podderjivayu. Ya toje na4al mesyats nazad!

    • @bebroy254
      @bebroy254 Рік тому

      как успехи?

    • @Gamer-bg7rb
      @Gamer-bg7rb Рік тому +13

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

  • @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 )) Вместо того, чтобы лечить старый сделали новый))

  • @Marzazim
    @Marzazim 2 роки тому +31

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

  • @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 минутах от тайм сквер, кормят, поят денег на детей дают. Учусь))) Приезжайте! ♡♡♡

  • @justfisher2920
    @justfisher2920 2 роки тому +7

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

  • @user-rt9jf4jc1e
    @user-rt9jf4jc1e 4 роки тому +48

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

  • @yerassylkelsingazin2408
    @yerassylkelsingazin2408 4 роки тому +42

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

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +4

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

    • @luxarmiger5729
      @luxarmiger5729 3 роки тому +8

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

  • @awesome5708
    @awesome5708 2 роки тому +9

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

    • @user-wm4bw1rq4g
      @user-wm4bw1rq4g Рік тому

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

    • @dovuret2191
      @dovuret2191 Рік тому

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

  • @SrAmigo-qp9uf
    @SrAmigo-qp9uf 2 роки тому +11

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

  • @lukasmog777
    @lukasmog777 4 роки тому +17

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

  • @user-ey3bj5zm5z
    @user-ey3bj5zm5z 3 роки тому +21

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

    • @Dim_on67
      @Dim_on67 3 роки тому +2

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

  • @viya98
    @viya98 10 місяців тому +6

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

    • @user-dh7dp1zc3n
      @user-dh7dp1zc3n 9 місяців тому

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

    • @zzzzzzzvvvvvvvv
      @zzzzzzzvvvvvvvv 4 місяці тому

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

    • @user-ix2ic4te6h
      @user-ix2ic4te6h 3 місяці тому

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

  • @ivangusev8752
    @ivangusev8752 Рік тому +6

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

  • @dopahhhi3596
    @dopahhhi3596 4 роки тому +57

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

  • @alexeybelous938
    @alexeybelous938 3 роки тому +20

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

  • @ksuit_ru_girl6660
    @ksuit_ru_girl6660 2 роки тому +3

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

  • @veronikawpda7870
    @veronikawpda7870 Рік тому +1

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

  • @nikolay7618
    @nikolay7618 4 роки тому +5

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

  • @kosflight
    @kosflight 4 роки тому +9

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

  • @and_Fenix
    @and_Fenix 2 роки тому +23

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

  • @lmurlemurych4908
    @lmurlemurych4908 9 місяців тому

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

  • @user-sm3nf3dt9f
    @user-sm3nf3dt9f 3 роки тому +4

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

  • @user-hm7xf9hj6q
    @user-hm7xf9hj6q 4 роки тому +14

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

  • @user-hv5pf8hh3f
    @user-hv5pf8hh3f 2 роки тому +1

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

  • @user-tg9mc8bf1s
    @user-tg9mc8bf1s 2 роки тому +1

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

  • @user-mc6us6ln3z
    @user-mc6us6ln3z 4 роки тому +5

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

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому

      Пожалуйста!

    • @qAntBcn
      @qAntBcn 4 роки тому +2

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

  • @evgeniya_paltusova
    @evgeniya_paltusova 4 роки тому +3

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

  • @evgenfleysher
    @evgenfleysher Рік тому

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

  • @user-se9tz2bv2v
    @user-se9tz2bv2v 2 роки тому +3

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

  • @iliaturchin133
    @iliaturchin133 4 роки тому +51

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

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +16

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

    • @bukanaka
      @bukanaka 4 роки тому +5

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

    • @mishkaus1799
      @mishkaus1799 2 роки тому +2

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

    • @dionis6805
      @dionis6805 2 роки тому

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

    • @euejcgjaiehdjwus6886
      @euejcgjaiehdjwus6886 Рік тому

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

  • @artyfire3842
    @artyfire3842 Рік тому

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

  • @user-gy9fs2yq8n
    @user-gy9fs2yq8n Рік тому +12

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

  • @valentyndubin5441
    @valentyndubin5441 4 роки тому +19

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

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +3

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

    • @efremandre
      @efremandre 3 роки тому +1

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

    • @ssidorchik
      @ssidorchik 3 роки тому

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

    • @_ArMoRi
      @_ArMoRi 3 роки тому

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

  • @russiatraveladvisor1168
    @russiatraveladvisor1168 4 роки тому +21

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

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +4

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

    • @portrail1854
      @portrail1854 3 роки тому +1

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

    • @user-xk8oh1ux1r
      @user-xk8oh1ux1r 3 роки тому

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

    • @user-lb4xg6jf6j
      @user-lb4xg6jf6j 3 роки тому

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

  • @user-nh3gn8tx5o
    @user-nh3gn8tx5o Рік тому +2

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

  • @jannyWelter
    @jannyWelter 2 роки тому +3

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

  • @user-qw5ee8qr2q
    @user-qw5ee8qr2q 4 роки тому +16

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

  • @jNilsOnn
    @jNilsOnn 3 роки тому +4

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

  • @cryptoneophyte
    @cryptoneophyte 2 роки тому +2

    Твои видео на века! Еще много лет пройдет, а люди будут учиться по твоим курсам! Дякую!

  • @trace4526
    @trace4526 Рік тому +2

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

  • @user-dc9tf7cw6s
    @user-dc9tf7cw6s 2 роки тому +12

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

  • @yuliaradevich4703
    @yuliaradevich4703 4 роки тому +4

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

  • @konstantino7016
    @konstantino7016 3 роки тому

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

  • @malcomwaltermaccoinnich3418
    @malcomwaltermaccoinnich3418 2 роки тому +2

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

  • @indexscript2518
    @indexscript2518 4 роки тому +6

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

  • @user-kh4qs1ps4d
    @user-kh4qs1ps4d 3 роки тому +131

    И никто в количестве дивов открывающих и закрывающих не запутался?) У меня желание самому лечь в див и закрыться...)

    • @vmekza
      @vmekza 3 роки тому +3

      Да, есть такое😂😂😂

    • @andreiBylkin
      @andreiBylkin 3 роки тому +2

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

    • @user-lb4xg6jf6j
      @user-lb4xg6jf6j 3 роки тому +2

      тоже самое я из за такого количества совсем запутался((

    • @vb8723
      @vb8723 3 роки тому +2

      @@user-lb4xg6jf6j ? просто нужно разобрать для чего каждый див нужен. Я разобрался, записал и так намного легче. Но каждый раз думаю, что можно их написать меньше. Но лучше делать так как дает Жека, все разложено по полочкам и аккуратно сложено

    • @user-lb4xg6jf6j
      @user-lb4xg6jf6j 3 роки тому

      @@vb8723 и я уже разобрался)

  • @mikamoromi
    @mikamoromi 2 роки тому +2

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

  • @ViktoriiaFesyk
    @ViktoriiaFesyk Рік тому

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

  • @user-bw8eh1dm9t
    @user-bw8eh1dm9t 4 роки тому +7

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

  • @sorokanews5019
    @sorokanews5019 3 роки тому +2

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

  • @user-wm6lx6xc6p
    @user-wm6lx6xc6p 2 роки тому

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

  • @user-sd4ls1oq1q
    @user-sd4ls1oq1q 2 роки тому +2

    Если быть честным, то информация полученная здесь мне очень сильно помогла. Если бы не Женя со своими понятными объяснениями, сидел бы я еще наверное на HTML и вникал кто такое теги:-) Огромное спасибо тебе! Продолжай!

  • @axendrrumen2563
    @axendrrumen2563 3 роки тому +3

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

  • @user-vl3fc1pv3c
    @user-vl3fc1pv3c 2 роки тому +4

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

  • @TheDaemonL
    @TheDaemonL 2 роки тому

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

  • @ivanchai
    @ivanchai 3 роки тому

    Видео как всегда СУПЕР! Вы единственный на всём русскоязычном UA-cam кто понятно и доходчиво объясняет даже сложные аспекты в программировании! Спасибо за такие чудесные видео и за весь труд, потраченный на эти видео!

  • @bohdandaskaluk647
    @bohdandaskaluk647 2 роки тому +5

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

  • @loralinda4398
    @loralinda4398 4 роки тому +11

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

  • @Mayhem888
    @Mayhem888 Рік тому +1

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

  • @Ohhhnailsss
    @Ohhhnailsss 8 місяців тому

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

  • @RaeN107
    @RaeN107 4 роки тому +2

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

  • @Chih-op7pt
    @Chih-op7pt 4 роки тому +39

    Супер уроки для начинающих практиков! Понятно всё, что происходит на видео!) Было бы отлично понаблюдать уроки в таком же формате по JavaScript =)

  • @tatianatatiana8824
    @tatianatatiana8824 3 роки тому

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

  • @RomanKrets
    @RomanKrets 2 роки тому +1

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

  • @sol4818
    @sol4818 3 роки тому +2

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

  • @vohidka
    @vohidka 3 роки тому +5

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

  • @Natalia-ph
    @Natalia-ph 2 роки тому

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

  • @yevheniiashavrukova1824
    @yevheniiashavrukova1824 2 роки тому

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

  • @user-jj6le5rf1k
    @user-jj6le5rf1k 4 роки тому +7

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

  • @daukakalilaev5950
    @daukakalilaev5950 4 роки тому +3

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

  • @user-lp4gf9do5g
    @user-lp4gf9do5g 2 роки тому

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

  • @user-cy4os1vl5h
    @user-cy4os1vl5h 2 роки тому

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

  • @bagafree
    @bagafree 4 роки тому +16

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

  • @emmaragnar621
    @emmaragnar621 3 роки тому +2

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

  • @user-wt5dv6dj9v
    @user-wt5dv6dj9v 2 роки тому

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

  • @user-pp1lv2hh5i
    @user-pp1lv2hh5i 2 роки тому +1

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

  • @selleniya999
    @selleniya999 3 роки тому +5

    Знаешь, мне иногда лень учиться, так я прихожу сюда набраться позитива. Ага. Твоих вибраций.

  • @ghouldeadinside12posnoroll32
    @ghouldeadinside12posnoroll32 4 роки тому +4

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

  • @Denik-is6gi
    @Denik-is6gi 3 роки тому

    Насколько всё доходчиво и просто!! Спасибо!!

  • @Aletous
    @Aletous 2 роки тому +1

    Прикольні уроки, дуже доступно пояснюєте, але поки в методології БЕМ путаюся, дякую за вашу роботу!

  • @catvideo166
    @catvideo166 4 роки тому +4

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

  • @user-qp3sm1gl1w
    @user-qp3sm1gl1w 4 роки тому +5

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

  • @ratiboregorihsoweraer5837
    @ratiboregorihsoweraer5837 2 роки тому +1

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

  • @_Calyps0_o
    @_Calyps0_o Рік тому

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

  • @user-uc9od3ns1m
    @user-uc9od3ns1m 2 роки тому +4

    Пересматриваю 4-й раз весь курс, и каждый раз нахожу что то для себя новое, фронт не лезет никак(после бек-енда учить фронт кажется труднее(( ), но сейчас благодаря твоим усилиям, я его всё таки выучу, спасибо огромное за твои труды)

    • @andrew-1
      @andrew-1 2 роки тому

      Привет. Ты сначала выучил бэк-енд и перешел на фронт?

    • @user-uc9od3ns1m
      @user-uc9od3ns1m 2 роки тому +1

      @@andrew-1 не, хотел фул стеком стать, было интересно))

  • @alexxham5055
    @alexxham5055 4 роки тому +3

    Видно автор старается. Многое знаю, но все равно нахожу интересные решения. Спасибо за контент

  • @user-lv6ch6ny3e
    @user-lv6ch6ny3e Рік тому

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

  • @user-rh4zi8uv5u
    @user-rh4zi8uv5u 2 роки тому

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

  • @bublik8961
    @bublik8961 4 роки тому +2

    Спасибо! Просмотр видео очень помог структурировать знания.

  • @alexitskovich
    @alexitskovich 4 роки тому +3

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

  • @heeeshable
    @heeeshable 2 роки тому

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

  • @volodymyrserhiienko401
    @volodymyrserhiienko401 Рік тому +1

    Женя - Бог викладання. Був би в мене такий викладач у школі, а ще й після в універі - я б тоді ніколи не подумав, що в айтішці складно взагалі. Дякую!!!