FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика
Вставка
- Опубліковано 31 жов 2024
- Продолжаем учить верстку на флексах и пришло время практического занятия. Я сверстаю небольшой макет демонстрируя возможности модуля flexbox применяя его в разный ситуациях. Flexbox - это целый модуль, содержащий в себе набор свойств и их значений как для родителя flex-контейнера так и для его дочерних элементов flex-элементов. Основным преимуществом гибкой FLEX разметки является возможность изменять ширину/высоту пространство вокруг и порядок flex-элементов, для того чтобы наилучшим образом заполнить доступное пространство flex-контейнера.
🔴 Файлы урока: fls.guru/files...
🔴 Макет fls.guru/files...
🔴 Шпаргалка по Flexbox: fls.guru/flexb...
🔴 Весь плейлист по FlexBox: • FLEXBOX. Учимся верста...
Дополнительно, игра flexboxfroggy:
flexboxfroggy....
Методология БЭМ за 17 минут:
• Методология БЭМ за 17 ...
Sublime Text 3 настройка установка плагины:
• Sublime Text 3 настрой...
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelance... (teleg.run/free...)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
Ценю твой ЛАЙК и КОММЕНТ!
Получить доступ к плюшкам + поддержать канал: 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/
Женя, просьба. Во время вёрстки ты создаёшь много (на взгляд дилетанта) блоков: wrapper -> content -> hi -> container -> hi__row -> hi__body -> и только здесь первый флекс-элемент. Можешь как-то складно объяснить, почему их так много? Например, почему нельзя "остановиться" на блоке "container", присвоить ему дисплей: флекс, и в нём сформировать уже два элемента. Почему так много? Уверен, это правильно, но хотелось бы уложить в голове, чтобы не тупо списывать с экрана, а с пониманием создавать их? Буду благодарен.
Всё. Разобрался сам ))
Нужна помощь! Всю голову сломал. flex: 1 1 auto; не применяется к .content. Другие свойства применяются а это нет. В остальном коде все верно
@@NoName-lt5fu Аналогично, я сам не понимаю, почему футер не отодвигается вниз. Делаю все как в видео, два раза пересматривал и внимательно искал проблему, но все делаю верно. Пробовал даже через длинную запись, но все равно не пашет. Есть те, у кого такая же проблема? Можете помочь, пожалуйста? Буду благодарен!
Обещал не выкладывать код урока, а в итоге выложил) привычка?
Этот невероятно харизматичный рыжий бородач просто покоряет сердца IT-новичков))
хех) Спасибо
Несомненно. Харизма налицо. Хотелось бы быть с ним знакомым в реальной жизни.
@@luxarmiger5729 я недавно прочёл один комент под его видео. Там человек очень чётко выразил мысль. "посмотрел видео - будто с другом поговорил"
И не только сердца
Истину глаголишь
Я начал изучать фронтенд "через задницу", быстро изучил основы html и css и полез в JS и провалился в нем на 7 месяцев. Изучил основы, паттерны, некоторые библиотеки включая React и понял что все это не имеет смысла, пока я не научусь правильно верстать и твой курс просто спасение, все очень доступно и ёмко . А какая подача..... Наверное это покажется странным, но в твоих видео есть особая атмосфера уюта, как будто в суровую зиму я сижу в уютном срубе перед камином с глинтвейном укрывшись пушистым пледом =) Огромное спасибо за всевозможные шпоры. Многое из это курса уже было знакомо , но я все равно начал смотреть с самого начала и в каждом видео есть какие-то полезные мелочи и чем дальше я продвигался по курсу, тем больше находил недостающих пазлов которых оказалось приличное количество. Большое Спасибо за очень годный контент.
Спасибо большое! Очень ценю!
прям моя история
Ты не прав, верстальшик это отдельная профессия, основ html и css более чем достаточно, тк обычно верстка уже есть, а програмировать изучать придется все время... с версткой в разы проще, глянул вот такой видось и поправил верстку если приходится что то делать самому. Научится быть хорошим верстальщиком не сложно, в разы сложнее научится програмировать, тем более на javascript. Так что освоив слишком хорошо css тебе будет сложно переступить через порог комфорта, тк на css у тебя будет все получатся легко... а в програмировании совсем другие скилы решают.
@@FreelancerLifeStyle Вам спасибо - выручаете очень!
@@qAntBcn ну это наверно зависит от того, с какой целью JS изучается (могу быть не прав), та и в общем выйти из зоны комфорта сложно, но нужно)
Вот смотришь чьи то уроки и буквально стараешься удерживать своё внимание и концентрацию. Постоянно хочется нажать на паузу и куда нибудь свалить, пойти пожрать, попить чаю и т. д.
У вас же есть особый талант, захватить внимание слушателя и увлечь его в процесс.
не поспорю именно так
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
Вот молодец!
Начал смотреть твои видео и обучаться верстке уже во время войны, и я не один такой, в это тяжелое время твои видео помогают людям, которые потеряли работу, обучится новой профессии. Спасибо! Через год-два жди отчет о первых плодах подвальных фрилансеров!:)
Как успехи спустя месяц?
Это правда.
Podderjivayu. Ya toje na4al mesyats nazad!
как успехи?
@@bebroy254 я начал год назад, сейчас живу на Кипре, жена модель, особняк 4 этажа. Надеюсь, замотивировал вас
Жека спасибо. 2022 год почти, а курсы твои все ещё лучшее что есть!
Август 2022 - все еще актуально и лучше нет не где ! Спасибо, Жека !
+август 2022 - отдельное спасибо за шпаргалку!!!!
Уж 2023 год почти, а курс всё еще в топе!!! Спасибо Женя!
@@Roky2k2009 да кстати
март 2023, сижу в Нью-Йорке в шелторе - 4-х звездочный отель в 10 минутах от тайм сквер, кормят, поят денег на детей дают. Учусь))) Приезжайте! ♡♡♡
ААААА!!!! ОГОНЬ!!! Это просто БОМБА!!! Все блин, вечером сижу и практикую, аки зубрилка-очкарик-отличник! Самый кайф, что есть макет. А если, при попытке сверстать самостоятельно, будет затык, то можно подсмотреть данный видосик еще раз (жаль, что лайк повторно нельзя поставить) - это просто кайф! ЖЕКА - ТЫ ЛУЧШИЙ УЧИТЕЛЬ!
Спасибо большое! Стараюсь👍
Согласен. Я тоже в восторге. А ты не проверял верстку в IE? У меня в IE не корректно отражается блок columns. Ширины не хватает, чтобы поместились 2 колонки, хотя сверстано все по Жекиному уроку....
@@ВиталийКабаков-ф5э Жека же в видео об этом говорил, что это лечится но лишь отчасти. Мне вот все интересно, IE какого хрена "динозавр" настолько проблематичен? Это же Microsoft, в чем проблема сделать пригодный для жизни браузер...первым делом при установке винды, устанавливается другой браузер.
@@pervevgeniy Они же заменили его на Edge )) Вместо того, чтобы лечить старый сделали новый))
много , Флексы это круто, главное в не запутаться теперь
Дело не во флексах, это методалогия Бэм требует такой структуры
Великолепный выпуск, актуально даже спустя 4 года, огромное спасибо за ваш труд😊
@@da-cg1rwпривет, я сейчас его верстаю, что-то не понятно?)
Макет не работает. Где его взял?
@@zzzzzzzvvvvvvvv работает макет
чувак ты просто гений!!!! даже игру подложил.. столько пользы приносишь людям, желаю чтобы тебе эти поступки возвращались с троицей
Не понимаю тех людей, которые ставят дизлайк на такого позитивного человека, который несет знания для их же)
Спасибо Евгений)
это завистники)
@@АлёнаГусарова-о5й нет... это те кто посмотрели за 2 недели и пошли устраиваться на работу с зарплатой 100500милионов долларов. НО ИХНЕЕ ОЖИДАНИЕ ОБЛАМАЛИСЬ.
Мозг кипит и работает, но только потому, что не возможно остановиться смотреть и учиться. Каждый раз по пазлику собираешь знания, которые уже начинают выстраиваться в какую-то понятную картинку.
Спасибо огромное! Респект и уважение!
Четко,понятно,емко.с первого раза не одолеть, но нет сомнений что посидев несколько часов сверстаю такой же макет.Как можно обьяснить достаточно сложную вещь таким понятным языком для меня загадка.Отличный практический урок!!!
Супер! Я рад что полезно!
Время 4 часа утра, а я верстаю на флексах и не хочу останавливаться. Вот это я понимаю топовый контент) С меня однозначно лайк + подписка!
Супер, спасибо!
А я в час ночи встаю, чтобы заниматься, изучать и жить, а работаю в свободное время (днем).
на дворе 2023, а канала лучше все еще нет. Спасибо тебе, что создаешь такой крутой контент, даришь мотивацию и помогаешь не заблудиться в дебрях фронтенда. Cмотрю твои видеоуроки почти каждый день и каждый день благодаря тебе развиваюсь. Твой труд бесценен. С нетерпением жду осенний курс по верстке!!!
у меня не плохой
Я чувствую как становлюсь умнее, знания буквально в моей крови, спасибо вам Евгений за такой чудесный курс👍
Я рад! Пожалуйста!
ну шо, и как?
Я понимаю что html и css не сложно выучить, и собственно выбрал твой канал для этой цели. Но как ты это легко делаешь, меня прял разрывает. Очень хочу так же легко и быстро верстать!!!!! ОГРОМНОЕ СПАСИБО ЗА ТВОИ УРОКИ!!!!
Пожалуйста!
На видео уроках все всё быстро делают ) тк рядом открыт готовый код на втором мониторе, где все ошибки уже учтены. То же касается и програмирования, в реале же иной раз тупишь над банальными вещами ) люди не роботы. Но что бы стать как Жека, нужно всего то 12 лет верстать сайты )
Всё класс, писал код с тобой, больше 400 строк, запутался 10 раз, распутался примерно столько же )) Пока что сложно не запутаться и всё понять, но надеюсь со временем всё дойдет. Спасибо за уроки!
Жека, спасибо тебе большое за такую колосальную работу, очень эффективные и полезные уроки.
У меня есть просьба и думаю многие поддержат - сделай урок по структуре HTML страницы, ты используешь много оберток, я не видел тэгов section итд, очень интересно понять логику по которой ты строишь блоки и обертки, кажется это будет очень полезное видео.
Спасибо!
Отдельный урок о семантике будет позже. По структуре что-то придумаю
Полностью поддерживаю! Было бы очень полезно!
@@FreelancerLifeStyle видео называется «Методология БЭМ»?
@@mishkaus1799 такой же вопрос
блин, так и не сделал
это бомба,а не уроки!максимально все разжевано. После таких уроков действительно хочется садиться и писать код.Спасибо тебе!!
Я рад! Пожалуйста!
Нашла Вас в августе 2023,смотрю с большим удовольствием: все очень доступно и понятно объясняется, грамотная речь. Спасибо вам большое!
"Ситуация у нас значительно усложняется и, собственно, нам ничего не остается делать, как это дело сверстать" (c) Жека
Ахах)) Прикольно))
@@FreelancerLifeStyle Действительно, удачный экспромт вышел :)
"Ситуация у нас значительно усложняется и, собственно, нам ничего не остается делать, как это дело сверстать..." - сказал Жека, когда его окружили бандиты с ножами))
Всё сверстаем!!!
@@johnnyrocketkite4738 сверстать бандитов пополам)
Всё так сложно...Но одновременно и выглядит так легко, когда верстает Жека)
Наверное эта домашка займёт у меня не один вечер..)
Спасибо за труд, спасибо за помощь новичкам !!! 👏👏👏
Отдельное спасибо за ссылку на игру с лягушками! :D
Спасибо, огромнейшее! Евгений, Вы единственный человек кто смог мне объяснить что такое flex. Как им правильно пользоваться и где можно применять. Аж легче на душе стало. Как гора с плеч. Не люблю, когда что то не понятно. Очень нравится подача материала, четко без "воды", все по существу. И главное Ваши показы кода. Я хоть теперь стала понимать что верстать можно и нужно не боясь. Еще раз, большое спасибо!
Нереальное огромное большущее спасибо! Полностью сверстала макет от начала до конца, видео расставило почти все по полочкам, очень помогли Ваши советы видео про БЭМ технологию, а так же плагины. На говно-курсах от SkillBox даже и близко о таких крутых вещах не рассказывают. Просто бомба! Как стану полноценным фронтендером, буду помнить кто дал толчок к движению! Огромнейшего Вам счастья за столь крутой канал и работу!
Пожалуйста! Я рад что полезно!
Avgusta, как успехи? мм
Как твои успехи?
пожалуй и я спрошу) как успехи?)
Да прибудет с тобой сила!
Спасибо! 💪
Перед тим, як я знайшла цей канал, передивилась десятки каналів та відео. І хочу сказати, що не бачила крутішої людини, яка б так доступно пояснювала.
Дякую Женя за твою роботу, ти допомагаєш і надихаєш😊🔝
Я проходила несколько разных курсов по верстке, но никак не могла понять, как пользоваться свойством flex: 1 1 auto, и всегда его боялась.... и только сейчас, посмотрев Ваш плейлист по флексам, я наконец осознала, что к чему. Спасибо большое за такие понятные уроки, я больше не боюсь))
37:37 просто в голос)) я понимаю как это все тяжело, но вот такие моменты...они бесценны, спасибо, Евгений. Оплату первого своего заказа на фрилансе однозначно переведу вам, такой труд рано или поздно должен вознаграждаться!
Смотрю твои уроки почти конце 2022 года. Я думаю ты уже набрал аудиторию и кучу лайков, но всё ровно спасибо тебе за твоё время и знания.
Самое простое и понятное объяснение по flex😍 Некоторые вещи, которые не понимала после чтения документации и просмотра других роликов, разложились по полочкам. Спасибо Женя
боже, дивлюсь твої відео і постійно надихаюсь. Видно що рука набита годинами практики і мені теж треба лише практикуватись і дивитись твої відео щоб навчитись так само. Помітила, що після того як вже чомусь навчилась, поробила домашки та просто сама поверстала, відео сприймається зовсім по іншому (особливо коли передивляєшся через якийсь час) - Ти вже розумієш де б це я могла використати, щоб я зробила по іншому.
Це я до того що будь які твої відео корисні на всіх етапах. Так я і нагадую собі що забула, і препеосмислюю свої роботи.
згадую як при перших відосах думала: що? куди то все сувати? нічого не запам'ятовувалось тому що сприймала це все як просто набір слів. Але чим більше дивилась і чим більше намагалась практикуватись тим краще і краще.
Окремо хочу подякувати про середній час відео. Дуже допомагає мотивувати себе: просто меленьке відео і все, але дивишся одне, а потім така ,ну ще одне, таке ж коротке. І не помітив як вже знаєш так багато того що можна використати
Я радий що корисно!
Уже 2023 год, но видео по вёрстке до сих пор такие актуальные и интересные. Такая крутая подача материала и ещё с таким позитивным и заряжающим настроением, просто класс!) Хочется слушать и слушать и обучаться всему) Огромное спасибо за эти обучающие видео!!!
Ты прям вдохновляешь честное слово! Respect за такой high level!
Спасибо!
Продал бы душу за такой мануал, когда их учил😂!) Очень годно вышло👍👍👍👍. За фишку с отрицательным отступом контейнера, большое спасибо!) Как всегла лайк👍)
😅Ахах, да уж, есть такое) Фишка с отступами реально выручает! 🤘
@@FreelancerLifeStyle а как лечить в ie 11? Отрицательный паддинг там не работает, из-за этого врап переносит каждый блок на новую строку, а не оставляет по два. ((
эта фишка придумана давным давно, бутстраповская сетка на таких отступах и существует
@@efremandre солидарен, как раз прохожу. Не вкурил этот момент
Просто супер подача, мне как начинающему все понятно, учу с нуля верстку и, пересмотрев много ЮТУБА, могу с уверенностью сказать, что твои уроки лучшие и самые понятные! Спасибо тебе огромное!
Это да,Жека молодец!
Спасибо Жека, у тебя классный подход к контенту, ты по истине талантливый человек, всё очень доступно и понятно объясняешь, дай бог тебе здоровья и твоим близким, на твоих роликах освоил почти все основы html и css, полноценно верстаю уверенно макеты набивая руку и постепенно перехожу на JS, зная как это работает из внутри легче осваивается каждая ступень программирования, не важно какой мы национальности и на каком языке говорим по мне хоть на английском или на китайском, в любом случае талантливых людей не выбирают по цвету волос и глаз. А ты именно тот персонаж, кто достоин огромного внимания и аудитории, "Обучайся, развивайся, и помни - живи, а работай в свободное время!" всегда проговариваю у себя в голове этот девиз. Жму руку!
Женя, ты изменил мою жизнь!!! Обязательно встречу тебя и пожму руку!
Пусть вселенная даст тебе крепкого здоровья и вообще всего всего!!!
Пересматриваю 4-й раз весь курс, и каждый раз нахожу что то для себя новое, фронт не лезет никак(после бек-енда учить фронт кажется труднее(( ), но сейчас благодаря твоим усилиям, я его всё таки выучу, спасибо огромное за твои труды)
Привет. Ты сначала выучил бэк-енд и перешел на фронт?
@@andrew-1 не, хотел фул стеком стать, было интересно))
отличная шпаргалка, ни дать, ни взять :)
И как всегда отличный урок. Ура! Flex-ы прошли, верстать стало еще интереснее, уже не пугают сложные шаблоны.
Спасибо, Жень)
Ахах, пожалуйста!
Женя - Бог викладання. Був би в мене такий викладач у школі, а ще й після в універі - я б тоді ніколи не подумав, що в айтішці складно взагалі. Дякую!!!
Супер уроки для начинающих практиков! Понятно всё, что происходит на видео!) Было бы отлично понаблюдать уроки в таком же формате по JavaScript =)
Спасибо! Все будет!
Гениально, как всегда. Хочу у тебя учиться. Ведь учиться нужно у лучших. Вот закончу свое обучение и пойду к тебе, если возьмешь.
Спасибо! Буду рад помочь!
Воу, урок просто шикарен. Пересмотрел плейлист по Flex два раза, сделал конспект, потом посмотрел практику, проработал практику. Поднял свой скилл работы в редакторе на пару ступеней вверх.... Но все равно сломать мозг когда началась "матрешка" - получилось! Думаю - это дело практики и опыта...
Спасибо Вам за подобные уроки.
Спасибо большое Евгений, за ваш контент, мы с женой учимся на фронтенд разработчиков и ваши видео очень помогают нам! Здоровья и благополучия вам и вашей семье!!!
Когда контент настолько годный, что заходишь с телефона поставить лайк, тк на компе не авторизован)
Ты очень крут, спасибо за твои видео!
Спасибо! Я рад!
Огромное спасибо за твои уроки. Решил впервые этим заняться и благодаря твоим урокам мне как человеку которому довольно таки сложно изучить языки программирования благодаря такой атмосфере и подаче стало немного легче и проще. Спасибо тебе ещё раз за эти уроки.!
Пожалуйста!
Большое спасибо за пример, буду пробовать применять фишки разные 😌
Спасибо большое!! Наконец разобрался с флексами на все сто!
Я рад!
Это просто подарок судьбы. Такой прекрасный контент! ЧЕЛОВЕЧИЩЕ!!!
Жека, как и все твои уроки это оазис среди большой кучи информации. Спасибо большое за урок!
Я рад!
Спасибо, Жека, это контент который мы заслуживаем! Начал обучаться по твоим урокам и это лучшее мое решение в 2022 году. Большое спасибо!
и как успехи?
я это сделал! наконец-то сверстал макет, и даже что-то получилось
Жэка, спасибо за твой труд!
Спасибо большое вам за всё, что вы делаете! Ваши уроки просто огонь!
Спасибо большое! 👍
Женя, видос как всегда на уровне. Спасибо за структурированную, полезную каждый день инфу!
Спасибо! 👍💪
Привет. Спасибо тебе за видео что ты сделал 4 года назад! Сейчас для меня а 2024 году когда начал изучать программирование оно бесценно! ОГРОМНЫХ ТЕБЕ УСПЕХОВ! подписка! лайк! комментарий!
Дуже Дякую Вам за Чудовий Відеоурок від Справжнього Професіонала..... Респект Величезний!!!
Евгений ты делаешь огромный вклад в развитие IT сферы, больше чем многие копании и всё наше правительство вместе взятые. Спасибо !!!
Если быть честным, то информация полученная здесь мне очень сильно помогла. Если бы не Женя со своими понятными объяснениями, сидел бы я еще наверное на HTML и вникал кто такое теги:-) Огромное спасибо тебе! Продолжай!
Спасибо тебе большое друг, очень помогаешь своим контентом, скорейших успехов тебе в развитии!
Спасибо! Рад что полезно!
Супер-полезная и ценная информация!! Спасибо за уроки! Очень рада, что нашла такой замечательный канал. Очень понятное объяснение даже для новичков. Отдельное спасибо за шпаргалки!!
не перестаю получать удовольствие от твоих уроков. доступная подача, отличные примеры, какие то свои фишки, спасибо за твои уроки!
Тооооп, Жека, твои видео самые лучшие не останавливайся, как минимум я в тебя верю!!!!
Спасибо)
"Можно приступать к флексу.." ©
Нужно
Уроки супер. Не устаю каждый день смотреть ваши уроки.
вот почему все то, что я не понимаю из других видео, у тебя становится сразу ясно?)))просто гениальная подача
Знаешь, мне иногда лень учиться, так я прихожу сюда набраться позитива. Ага. Твоих вибраций.
Рад!)
Спасибо за полноценный и структурированный контент. И, конечно же, интересную манеру подачи материала.
Благодаря этим урокам я понял несколько вещей:
1. Перед тем как начинать учиться верстке, нужно сначала правильно и полноценно настроить инструменты для верстки - выбрать программу и наполнить ее плагинами и правильно настроить. Подготовить шаблоны для css и html.
2. Учиться нужно на реальных шаблонах - простое заучивание тегов и свойств не дает результата.
Спасибо и ждем новых видеоуроки и дополнение Шпаргалок.
И никто в количестве дивов открывающих и закрывающих не запутался?) У меня желание самому лечь в див и закрыться...)
Да, есть такое😂😂😂
да, именно так, с головой залезть и руками глаза прикрыть )))) это же безумие какое-то )))
тоже самое я из за такого количества совсем запутался((
@V B и я уже разобрался)
@V B , зачем столько вложенностей пацаны объясните)) от количества дивов тупо в шоке сижу
Классная шпаргалка. спасибо !
Спасибо, рад что понравилась!
Ограмная благодарность за курс! Это лучшее что я нашел на UA-cam в 2022 году
это просто бомба, нет это БОМБИЩААА!!!!настолько все круто! доступно и понятно!!спасибо тебе, за твои старания. Это бесценно)))
Привіт сен-сей Женя) скажу так купив курс на сайті не буду рекламувати на якому думаю сам догадуєшся) начав дивитися і вобщє нудно ну ніяко( і тут нечайно попав на одне із твоїх відео , подивився його і поняв що викинув гроші в повітря. Коротко кажучи дякуючи тобі і твоїй ювелірній роботі вже знаю на багато краще. ДЯКУЮ тобі за це! щоб ти і твоя сімя були здорові і щясливі!!!! мирного тобі неба над головою і Слава Україні!!
Спасибо вам! На курсах никак не могла понять про флексы, после ваших видео все разложилось в голове по нужным контейнерам )))
Отличный видос, несколько полезных приемов для себя усвоил, естественно лайк!
Спасибо! Рад что полезно!
Спасибо за контент! Очень полезный! Теперь могу претендовать на Full stack программиста)
Пожалуйста!
Я очень благодарен тебе! Много раз забрасывал, но благодаря твоим видео вновь начал учиться. Очень доступно объясняешь.
Жека, респект тебе! Очень добротный контент. Отдельное спасибо за шпаргалки и файлы к урокам. Делаешь с душой!
Мужик, все круто, посмотрел почти все твои видео, но есть одна проблема, меняй фоновую музыку, особенно в таких долгих видео, а то начинает немного напрягать)
Если интересно, могу посоветовать ставить что-то вроде lofi hip hop - легкий, расслабляющий и главное ненапряжный саунд, часто встречал в различного рода обучалках.
Спасибо за совет!
Шпаргалки это супер идея, все ёмко понятно и доступно! Проходила флексы в другом источнике, но благодаря вашим видео пазл складывается в единую картинку. Огромное спасибо за труд!
Как всегда на высоте, посмотрел на одном дыхании! Пойду перекурю и вперед пытаться повторять)
Жеееесть, див в диве и дивом погоняет)))))
Да, первое время надо будет ВСЕ комментировать))
Евгений , добрый день .
Контент и ваши шпаргалки очень помогают в развитии , не приходится тратить уйму времени что бы искать это вручную
Этот курс просто сундук с драгоценностями , который доступен каждому .
Продолжайте делать контент , а ваша аудитория поддержит вас
Удачи вам
И отличного настроения 😇
Мощь! Контент великолепный! Не знаю, как дизлайк люди ставят, палец отсохнет за такое. Продолжай работу, и да прибудет тебе свободного времени больше!
Есть вопрос:
Я так понимаю, нам .container нужен только для горизонтального ограничения. А почему нам не задать ему padding: 50px 0; ,как ты Блокам задавал ? или то будет уход от БЭМ-методологии?
Спасибо! Экраны разные, контейнер помогает при адаптации
Игра в описании супер! ;))
Ага)
Мужик, ну просто потрясающе. Умный ты, а чувствую умным я себя)
Если будешь рад лайку,то я буду рад его поставить :-)
Я рад, спасибо!
Жень, привет! У меня возникла трудность. Как пользоваться Flex я понял. Но трудность в записи HTML т.е "див в диве" Можешь как-то подробнее объяснить как это всё записывать, а то я теряюсь и не понимаю как это всё заворачивать. Или посоветуй литературу которую можно почитать. Заранее спасибо за ответ
я тоже не понимаю , зачем такая вложенность , просто пишу код и делаю в два раза меньше вложений
@@tormentorigor Это и есть БЭМ, о котором говорил Женя в предыдущих видео. Вложенность позволят задать более конкретно CSS свойства для определенных DIVов. Более подробная запись тебе же пойдет на пользу + корректнее будет работать сайт, как по мне. По крайней мере, у меня так.
Практика самый лучший способ. С практикой будешь понимать, что так проще
@@egorsychev9575 , и какое это дает удобство? Где в БЭМ объясняется такая гигантская вложенность всего для двух элементов? Для чего он оборачивает заголовки, параграфы и другие элементы в div, если для этого есть специальные теги?
Пол года назад закончил учить верстку и продолжал работать на основной работе. Вот недавно решил сменить ее и с первого же собеседование устроился верстальщиком, но знания уже очень смутные, многое забылось. Твой плейлист - лучшее что есть на ютубе, чтобы освежить воспоминания. Огромное тебе спасибо!
Жека привет! Рад новому видео как ничему другому!)
Крутяк! Приятно слышать!
Два лайка поставил бы если можна было бы. Супер!
Спасибо! Всегда можно сделать репост! :)
Женя, за шпаргалки отдельное спасибо! Это просто супер!
Боже мой, я смотрю уже 20-ое видео и он ответил почти на каждый комментарий под каждым видео. Вау, просто вау.
А на счет курса очень понравилось. Он будет пополняться?
Да, курс пополняется, сейчас выходят уроки по JS
Очень много вложенностей, очень. И потом на каждый див что-то навешивается. Непонятен принцип. Было бы здорово, если бы ты в видео пояснял, что вот этот блок для того, чтобы на него навесить вот такие параметры. А на вот этот блок их нельзя повесить, потому что...
Я делаю меньше блоков, потому что не понимаю эту матрешку. Что-то получается, что-то нет. Можно все повторить за тобой и все выйдет правильно, но не понимая что и для чего выходит просто манки-верстка, что ни есть гуд.
Буду очень признательна)
Спасибо за твой труд) Чмоки.
Да, уж слишком запутанно все получается
согласен, на моменте создания большого количества вложенных дивов можно и поподробней.
Твои видео на века! Еще много лет пройдет, а люди будут учиться по твоим курсам! Дякую!
37:38 пересматривал раз 8 )) очень смешно! ты очень крут! спасибо тебе большое за все!)
Подскажите, в части где колонки, зачем мы создаем элемент item_row, ведь у нас уже создан Блок item, где мы можем разместить item__image, item__body и так далее?
Да у авирпа диватоз просто)Он в разметке плодит много лишних сущностей
Большое спасибо, выше всяких похвал. Никогда на сдавайся. Сдавайся с "с".
Доброго дня . Так я погоджусь зі всіма підписниками і коментарями .
Що ви дійсно крутий мен 🙌.
Але Женя дуже Вас прошу !! Зверніть увагу що деякі люди не можуть так скоро верстати .
Прошу може коли ви верстаєте блоки .
То трошки помаліше пояснювати : що обертає 1 блок , що 2 і так далі .
А ви все пишете потім в css раз два блок 1 блок 2 , 3 .
І все я вже чуть ноутбук не розбив 😂😂.
Мені тема влекси тяжко іде 🤦♂️