Адаптивна верстка сайту з нуля для початківців. Пояснення дій + макет та результат. HTML CSS FIGMA
ฝัง
- เผยแพร่เมื่อ 26 ก.ย. 2024
- Адаптивна верстка сайту з нуля. Пояснення дій для початківців. HTML CSS FIGMA
👉 Макет (відкритий доступ): / 66123653
👉 Результат верстки (відкритий доступ): / 66123653
Верстати буду з самого нуля, тільки HTML CSS, також підключимо слайдер.
🟢 Курс по верстці: edu.fls.guru/
🟢 Інші майстер-класи: master.fls.guru/
❤️ Отримати доступ к екстра-контенту + підтримати канал: / freelancerlifestyle
❤️ Спонсорувати канал: / @freelancerlifestyle
❤️ Замовити футболку: forms.gle/Hzd2...
Корисні посилання:
👉 Безкоштовний курс по верстці: • БЕСПЛАТНЫЙ курс по вер...
👉 VS Code: • VS Code настройка уста...
👉 Как правильно навчатись: • Как правильно учиться ...
👉 План розвитку фронтенд розробника (+МАПА): • ПЛАН РАЗВИТИЯ ФРОНТЕНД...
🔴 Мапа каналу: miro.com/app/b...
🔴 Instagram: / freelancer.lifestyle
🔴 Telegram канал: t.me/freelance... (teleg.run/free...)
🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
👋 Мене звати Женя Андріканич, я IT - спеціалист, займаюсь розробкою сайтів.
Посилання на канал: / freelancerlifestyle
🤟 Живи, а працюй у вільний час! ©
Євген ви не тільки майстер своєї справи, а ще й дуже добра людина, дякую вам за допомогу.
вiн тормоз) Дуже повiльний и лсний)
Вы крутий! Дуже дякую за контент, та підтримую ваше бажання робити контент українською. Я із Харкова, меня також важко висловлюватись на українскій, бо звикла до російської. Але треба трохи часу і все буде🔥 бо українська завжди була у серці. ❤️❤️
Шкода людей, які не розуміють, що в житті є речі важливіші за грощі та підписніків. Та і що казати, якість важливіша за кількість👌🏻
Дякую за все: і за матеріал, і за ентузіазм - а основне - за перехід на українську. Це реально ВЧИНОК, це ПОСТУПОК реально порядної, високоінтелектуальної людини. Я просто вражений!
Дякую за матеріал! Сам перейшов на українську та всім раджу.
Респект та дякую за корисний контент. По твоїм відео зараз в подвалі сам вивчаю програмування.
чел он верстает так то, а не прогерит
@@charlie8752 бро чем захочу, тем и буду заниматься
Ніколи не пишу коментарі, але Євген дякую велике за чітку позицію, за такими як Ви майбутнє, разом побудуємо круту країну)
Женя, ти супер. Робиш велику справу, навчаючи велику кількість людей. З такими людьми, як в нас, все буде Україна!
Жека всегда крутой контент
Уже 2 года посмотрю и изучаю
После это великолепный курса начал изучать Javascript и Vue js и потом устроился работу фронтенд разработчика
Я из Узбекистана Огромный спасибо Жека
Каков заработок в Узбекистане у тебя на данный момент?
Дякую велике за підтримку України, українського контенту! Ти насправді вільна людина, яка має чітку позицію, мету та розумні наміри, ти наша гордість! Ти мене мотивуєш з кожним відео 🇺🇦🇺🇦🇺🇦
Вельмі прыемна слухаць ўкраінскую мову, Жека ты вялікі малайчына . Кантэнт зайграў новымі фарбамі, дзякуй табе вялікае!!!
Слава Украіне і Жыве Беларусь!!!
Жека, дуже тобі дякую за твої майстер-класи, насправді вони дуже допомагають всім нам освоїти верстку і стати спеціалістами в своєї справі!! Саме твій план подачі матеріалу мені дуже подобається, незважаючи на те, що в ютюбі дуже багато таких верстальщиків, але не всім дано вчити других, ще раз тобі дякую!!!!
Теж люблю рок і розвиток, тому вже проходжу платний курс, лупаю сю скалу і рухаюсь вперед!
Дякую за можливість та позицію, це дуже круто💪💪💪
Доброго дня. Ще раз дякую за Ваш час та допомогу. З нетерпінням очікуємо нових знань.
Дякую тобі за стрим, за навчання, за українську, за все, що ти робиш. Жека, ти - чудова людина, і ми, українці - непереможні!
Дякую за те, що Ви підтримуєте контент українською мовою) Дякую Вам
Бляяяяяяяяяяяя
Який я радий що чую українську !!!!!!
Респект за таке прийняте рішення !
Це просто бомба слухати матеріал солов'їною!!! Женя Вам респект, візьміть до себе в учні.
edu.fls.guru/
Велике тобі дякую. Те що ти робиш безцінно. Матеріал подаєш дуже гарно і зрозуміло.
Жека - це дуже чудово, що ти даєш змогу навчатись у такий складний час для України та Українців. Дякую. Все буде Україна!
Твої уроки і так були найкращі і найзрозуміліші. Завжди коли щось не міг написати вкл фрілансера і во вже є рішення. А зараз ще українською це взагалі ТОП!!!!
Дякую за майстер-класс, завжди приємно пригадати як то робиться на чистих мовах) Дякую за стрім українською, Мабуть найкраще рішення як відрізати ЗАЙВУ аудиторію.
Окреме дякую за безкоштовний макет та архів) Вже хочу записатись на курс
Вдячний за стрім, дякую за твою працю. Було багато корисних фішок і цінної інформації
Дякую вам за вашу роботу і ваші відео. Слухати вас на українській як бальзам на уши)
Не звично чути тебе українською, як і мені писати ) Велике дякую за все!
Дякую за тверду про Українську позицію. Ти приклад навіть для більшості українського населення
Дякую! Дуже корисний і потрібний матеріал! Ви - крутий! Дякую!!!!
Дякую за корисний контент. Буду вчитися надалі із тобою
Дякую велике за Вашу роботу!! Дуже якісний, дійсно цікавий контент і мега корисний (вчуся за Вашими відео)! ✨️
дуже Вам дякую. респект за українську. підтримаємо як можемо.
Величезне дякую тобі, гідний контент гідної людини. Давно дивлюсь тебе і бажаю успіху у цій не простій справі. 💪🤝
Повернувся до вивчення frontend. Був на стрімі, дуже тішився українській мові. Вчора подивився кілька відео російською мовою, тепер повернувся знову до цього сайту і зробив висновок. Як же ахуєнно все-таки чути свою ріденьку мову. Дуже дякую тобі!
Велика дяка за майстер-клас! Все дуже круто, доступно і зрозуміло. Автору респект!
Будь ласка! Радий що корисно
Дякую, за запис. На стрім, нажаль не потрапила.
Думала, що у відео для початківців не відкрию для себе щось дуже нове, але була приємно здивована багатьма цікавими нюансами👌
Кожен урок по практиці дивлюся, завантажую макет і верстаю його, а потім передивляюся запис і звіряю правильність. Найскладнішим виявився слайдер, сам не зміг адаптувати фото. Дякую вам за такі гарні та якісні уроки!
Супер. Дякую за майстер клас!!! Дякую за мову!
Слава Українській нації!!!
Блин, не понимаю, даёшь настолько ценный контент , знания, а с 44к просмотров 3к лайков, люди если вам дают бесплатно то не поленитесь хотя бы заплатить лайком подпиской и комментом!
Дякую вам, за цю можливість навчатися, не дивлячись на суворі обставини нашого життя зараз. Дякую за вашу працю!
Все буде Україна)))
Ви дуже класна людина, дякую за те, що робите!!
Спасибі Жека, твої відео завжди надихають
Дякую за такий корисний контент!
Супер! Дуже класний матеріал! А за солов'їну та Твою позицію окремий респект!
Євгене, ти надзвичайно неймовірний і крутий! Дякую і за те що кажеш про війну в голос, і за те, що перейшов на українську, не побоявшись втратити частину аудиторії! Дякую за те, що продовжуеєш навчати! Це неймовірно надихає й мотивує!
З приходом війни залишилась без роботи але знову вирішила потихеньку повертатися, почавши з твого уроку - треба багато згадати, наздоганяти й надолужувати. Сподіваюсь, що потихеньку повернусь до улюбленої роботи.
Успіхів тобі!
Дякую за контент! Важлива справа, особливо в такий час!!!
В тебе витримка прямо на 1000 балів. +1 в карму)
Ура! Вдалося. Дякую велике, дядько Женя! Здоров'я, удачі!
Дякую за вашу роботу! :)
Знаю що ти це чуешь дуже часто, але дякую тобі за такий якісний і зрозумілий матеріал. Насправді добре розповідаешь і так щоб було зрозуміло кожному. Дивлюся і вчуся тільки у тебе. Не буду ходити на ліво, до інших викладачів.
Женя, СПАСИБО ТЕБЕ ОГРОМНОЕ!!!!!
Я раніше принципово твій канал не дивився, а в даний момен в кайф.
дякую за стрім, все дуже доступно подано, дякую!
Як завжди у Вас безцінний контент. Якісно, зрозуміло і просто. Це вже не просто респект..це РЕСПЕКТ галактичного масштабу
Євгене, дорогий, дякую за уроки!
Я кайфую від ціє музики))) Дякую за безцінну інформацію!!!!
Дивився весь стрім с 11, дякую, хотілося би побачити створення сайта с джавою рівня Junior) я думаю інші глядачі підтримують цю ідею
Прекрасна ідея) В топ)))
@@YaroslavKravets я думаю мова йде про JS
Приєднуюсь до вище сказаного😂🤔
Я підтримую
Отличная идея! Поддерживаю, обеими руками!
Дякую вам! Респект за такий якісний контент. Просто топ.
Дивлячись твої відео і цей стрім, те як ти висловлюєш думку, я частково впізнав себе, насправді я вважаю тебе, Жека, справжнім Українцем (саме з великою букви) і найкращим Frontend спеціалістом, твій контент не сухо заточений щоб як по методичці викласти матеріал, дивіз твого каналу підходить як ніяк краще тому що кожен має змогу побачити тебе як людину в житті, вільну, справжню і тверду, продовжуй в тому ж дусі, ніколи не зраджуй своїй позиції і своєму духу, навіть якщо твоя аудиторія складатиметься лише з таких як ми, розуміючих людей зі схожою позицією, але ми будемо твоєю найкращою і найпотужнішою аудиторію, тому що ти наш вчитель та наставник і ти неймовірно надихаєш, тому дякую тобі за твій контент, бажаю успіху і віддаю тобі всі 100% своєї підтримки, ти найкращий україномовний ютубер!
Нормально и клёво на украинском. Мне как молдованину все понятно. Спасибо.
Дуже приємно слухати вас українською
Дякую за майстер-клас
Коли ти тільки на початку - дуже важливо побачити, як організовую процес досвідчений девелопер
В мене багато речей стали на свої місця в голові, бо був хаос )
Дякую, за такий якісний матеріал !
Жека дякуємо тобі від усього сердця за твою працю! Продовжуй! Ти найкрутіший вчитель! )
Дуже дякую за вашу роботу!
Я повинна це написати))
Як приємно слухатии вас укрїнською, просто музика для моїх вух.😀💛💙
ТИ ПРОСТО НАЙКРАЩИЙ, ТВОЇ ВІДЕО І ТВОЯ ПОЗИЦІЯ ЗАХОПЛЮЮТЬ ТА НАДИХАЮТЬ!!! ВСЕ БУДЕ УКРАЇНА!!!💙💛
Євгене як завжди вищий клас!!! Нажаль не потрапив на стрім, але з задоволенням подивився запис. Дуже дякую за відмінний контент!!))
Дякую за український контент і звичайно за хороші уроки
Дуже круто дякою тобі за це
Дякую за стрім! 5 годин корисного контенту, мабуть буду весь тиждень по годині дивитись) Треба переходити на фріланс бо з регулярною роботою зовсім мало часу на навчання випадає)
Дуже дякую за такі відоси!
Починала вчитися по ним і досі є моменти які не знаю, підмічаю для себе!
Ти дуже крутий!) Дякуючи тобі захопився фронтом, тепер вивчаю) Хочу запропонувати ідею для нового відео) Багато людей хотіли б побачити приклад твоєї справжньої швидкості верстки) з усіма твоїми сніпитами) якийсь приклад, так скажемо, без коментарів(тому що будуть затримувати)! Дякую тобі за твої старання! Коли почну заробляти версткою, стану спонсором)
Женя, дякую за стрім!
Рідко пишу коменти....Але не втрималася))))). Ще пів року тому в цьому нічого не розуміла, то нічого не сказати)))) Але з вашими відео опанувала - HTML/CSS, (JS- в процесі). Пробую себе в марафонах.... Приємно коли дивишся і розумієш!!! А ще крутіше, коли робиш то сама!!! Дякую за відео-навчання, Дякую за українську!!!!!
Женя, спасибо за уроки вёрстки и украинского языка!
Евгений, благодарю за это видео!
велике спасибі за ваш контент, я сам розробник-початківець і дійсно ваш контент допомагає, а на вигуки людей з чату не реагуйте, адже є люди які вас підтримують і цінують
Блин я не знал что ты из Украины. Неожиданно. Молодец что продолжаешь просвещать нас.
дуже корисний стрим🔥 дякую!
Дякую! Яка краса)
Дякую, Євгене! як завжди насолода з тобою вчитися і творити магію)
3:40:54 - підключення свайпера
1:07:18 Величезне дякую! Слава Україні! Слава українським ITшникам)
Дякую за якісний контент)
Дякую Вам за контент, дякую за навчання. Почав вчитися по Вашим відеоурокам і продовжую. Ви великий молодець , що висловили свою проукраїнську позицію. А тим дурням і говорити нічого , все одно вони не розуміють 😂
Дякую за збережене відео і за твою працю , переглядаю зараз , оскільки вчора не було можливості )
Дякую!
Допоможи коли я захожу на сайт мені показує тільке меню з вкладками і все а я хочу щоб зразу перекидало на першу вкладку. Як це зробити??
Дякую за такий гідний україномовний контент
Спасибо большое за труды! Очень крутое видео!
Дякую за цікавий стрім і можливість розвиватись! Верстала макет і 1 секція була схожа, текст і картинка. Я робила картинку абсолютом до секціїі, щоб вона не була в контейнері. Ви в цьому стрімі зробити через флекс і марджин, я щось і не подумала так спробувати, тепер знаю декілька варіантів)
Жека дуже круто, де ти раніше був з укр. мовою.... Все супер. Чекаю курсу із вивченням англійської для ІТ.
Дуже дякую за чудовий контент
Ти крутий! Дуже багато часу витрачаєш на нас, дякую за доступні пояснення! Успіхів і розвитку каналу!
"А хтось і не піде"🤣дякую за вашу роботу ❤🩹
дуже дякую за відео
Дякую за українську!
Це надихає!
Котан на моїй світлині дуже тобі вдячний!!! Україна переможе
Как всегда огромное Спасибо за видео и канал! Заканчиваю осваивать осенний курс. Это реально круто. Все понятно,а главное - интересно)Сколько каналов не смотрел обучающих, как то суховато всегда. Так что рекомендую) И да, места заканчиваются на курс быстро) Я со второго раза только смог попасть. Пробач за російську) Потроху виправляюся)
@@IvanIvanov-ut3pb Потроху (Укр.) - потихоньку
Женя, дякую🤝
Євген, ви як завжди на висотi! Жодного лишнього слова! Процвiтання вам. Мирного неба вам та вашiй родині!
Лайк! Зверстати задля практики це гуд!
Після українізації контенту лайк не дивлячись, та коментарій))
Дякую, за матеріал)
//Header + Main//
1:15:03 How to center items inside a block6
1:21:00 Layout of decor picture
1:35:00 Header making absolute
1:37:00 How to make content in block with pic
1:40:00 Doing button
1:47:00 How to align items inside the block
1:50:00 Locating image in the main block
1:56:00 How to locate decor on image
2:03:00 Responsive decor
2:06:00 Responsive header
2:08:00 How to get rid of decor due to responsive website
2:15:00 Responsive button’
2:42:21 How to make a responsive image
//Page with guitars//
2:36:00 Structure of flex cards
2:42:00 Structure of store items
2:46:00 Grid structure
2:48:00 Aligning items
2:49:00 Responsive grids
2:54:00 Grid responsive
2:58:00 Putting image inside the card
3:00:00 Best way to make margins and padding
3:01:00 Putting text inside image
3:03:00 Ibg technology
3:05:00 How to do a gradient with (before)
3:13:00 Layout of brands
3:20:00 Img width in cards
//=========Why block====//
3:29:00 Layout of cards in new block
3:31:00 Contant aligning
3:31:56 Aligning item inside another one
3:35:00 Justify-content stretch
Дякую за корисний контент!👍👍👍
дякую!