Адаптивна верстка сайту з нуля для початківців. Пояснення дій + макет та результат. HTML CSS FIGMA
ฝัง
- เผยแพร่เมื่อ 9 พ.ค. 2022
- Адаптивна верстка сайту з нуля. Пояснення дій для початківців. HTML CSS FIGMA
👉 Макет (відкритий доступ): / 66123653
👉 Результат верстки (відкритий доступ): / 66123653
Верстати буду з самого нуля, тільки HTML CSS, також підключимо слайдер.
🟢 Курс по верстці: edu.fls.guru/
🟢 Інші майстер-класи: master.fls.guru/
❤️ Отримати доступ к екстра-контенту + підтримати канал: / freelancerlifestyle
❤️ Спонсорувати канал: / @freelancerlifestyle
❤️ Замовити футболку: forms.gle/Hzd25o5MYy6ZA8Rh8
Корисні посилання:
👉 Безкоштовний курс по верстці: • БЕСПЛАТНЫЙ курс по вер...
👉 VS Code: • VS Code настройка уста...
👉 Как правильно навчатись: • Как правильно учиться ...
👉 План розвитку фронтенд розробника (+МАПА): • ПЛАН РАЗВИТИЯ ФРОНТЕНД...
🔴 Мапа каналу: miro.com/app/board/o9J_lZB3YKI=/
🔴 Instagram: / freelancer.lifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
👋 Мене звати Женя Андріканич, я IT - спеціалист, займаюсь розробкою сайтів.
Посилання на канал: / freelancerlifestyle
🤟 Живи, а працюй у вільний час! ©
Євген ви не тільки майстер своєї справи, а ще й дуже добра людина, дякую вам за допомогу.
вiн тормоз) Дуже повiльний и лсний)
Вы крутий! Дуже дякую за контент, та підтримую ваше бажання робити контент українською. Я із Харкова, меня також важко висловлюватись на українскій, бо звикла до російської. Але треба трохи часу і все буде🔥 бо українська завжди була у серці. ❤️❤️
Шкода людей, які не розуміють, що в житті є речі важливіші за грощі та підписніків. Та і що казати, якість важливіша за кількість👌🏻
Дякую за все: і за матеріал, і за ентузіазм - а основне - за перехід на українську. Це реально ВЧИНОК, це ПОСТУПОК реально порядної, високоінтелектуальної людини. Я просто вражений!
Дивився весь стрім с 11, дякую, хотілося би побачити створення сайта с джавою рівня Junior) я думаю інші глядачі підтримують цю ідею
Прекрасна ідея) В топ)))
@@YaroslavKravets я думаю мова йде про JS
Приєднуюсь до вище сказаного😂🤔
Я підтримую
Отличная идея! Поддерживаю, обеими руками!
Дякую за матеріал! Сам перейшов на українську та всім раджу.
Респект та дякую за корисний контент. По твоїм відео зараз в подвалі сам вивчаю програмування.
чел он верстает так то, а не прогерит
@@charlie8752 бро чем захочу, тем и буду заниматься
Ніколи не пишу коментарі, але Євген дякую велике за чітку позицію, за такими як Ви майбутнє, разом побудуємо круту країну)
Женя, ти супер. Робиш велику справу, навчаючи велику кількість людей. З такими людьми, як в нас, все буде Україна!
Дякую велике за підтримку України, українського контенту! Ти насправді вільна людина, яка має чітку позицію, мету та розумні наміри, ти наша гордість! Ти мене мотивуєш з кожним відео 🇺🇦🇺🇦🇺🇦
Жека всегда крутой контент
Уже 2 года посмотрю и изучаю
После это великолепный курса начал изучать Javascript и Vue js и потом устроился работу фронтенд разработчика
Я из Узбекистана Огромный спасибо Жека
Каков заработок в Узбекистане у тебя на данный момент?
Вельмі прыемна слухаць ўкраінскую мову, Жека ты вялікі малайчына . Кантэнт зайграў новымі фарбамі, дзякуй табе вялікае!!!
Слава Украіне і Жыве Беларусь!!!
Жека, дуже тобі дякую за твої майстер-класи, насправді вони дуже допомагають всім нам освоїти верстку і стати спеціалістами в своєї справі!! Саме твій план подачі матеріалу мені дуже подобається, незважаючи на те, що в ютюбі дуже багато таких верстальщиків, але не всім дано вчити других, ще раз тобі дякую!!!!
Доброго дня. Ще раз дякую за Ваш час та допомогу. З нетерпінням очікуємо нових знань.
Дякую тобі за стрим, за навчання, за українську, за все, що ти робиш. Жека, ти - чудова людина, і ми, українці - непереможні!
Повернувся до вивчення frontend. Був на стрімі, дуже тішився українській мові. Вчора подивився кілька відео російською мовою, тепер повернувся знову до цього сайту і зробив висновок. Як же ахуєнно все-таки чути свою ріденьку мову. Дуже дякую тобі!
Жека - це дуже чудово, що ти даєш змогу навчатись у такий складний час для України та Українців. Дякую. Все буде Україна!
Дякую за майстер-класс, завжди приємно пригадати як то робиться на чистих мовах) Дякую за стрім українською, Мабуть найкраще рішення як відрізати ЗАЙВУ аудиторію.
Вдячний за стрім, дякую за твою працю. Було багато корисних фішок і цінної інформації
Твої уроки і так були найкращі і найзрозуміліші. Завжди коли щось не міг написати вкл фрілансера і во вже є рішення. А зараз ще українською це взагалі ТОП!!!!
Це просто бомба слухати матеріал солов'їною!!! Женя Вам респект, візьміть до себе в учні.
edu.fls.guru/
Бляяяяяяяяяяяя
Який я радий що чую українську !!!!!!
Респект за таке прийняте рішення !
Теж люблю рок і розвиток, тому вже проходжу платний курс, лупаю сю скалу і рухаюсь вперед!
Дякую за можливість та позицію, це дуже круто💪💪💪
Дякую за стрім! 5 годин корисного контенту, мабуть буду весь тиждень по годині дивитись) Треба переходити на фріланс бо з регулярною роботою зовсім мало часу на навчання випадає)
Не звично чути тебе українською, як і мені писати ) Велике дякую за все!
Кожен урок по практиці дивлюся, завантажую макет і верстаю його, а потім передивляюся запис і звіряю правильність. Найскладнішим виявився слайдер, сам не зміг адаптувати фото. Дякую вам за такі гарні та якісні уроки!
Файна українська🇺🇦❤
Дякую за контент, приємно познайомитись!)
Євгене, ти надзвичайно неймовірний і крутий! Дякую і за те що кажеш про війну в голос, і за те, що перейшов на українську, не побоявшись втратити частину аудиторії! Дякую за те, що продовжуеєш навчати! Це неймовірно надихає й мотивує!
З приходом війни залишилась без роботи але знову вирішила потихеньку повертатися, почавши з твого уроку - треба багато згадати, наздоганяти й надолужувати. Сподіваюсь, що потихеньку повернусь до улюбленої роботи.
Успіхів тобі!
Дякую, Євгене! як завжди насолода з тобою вчитися і творити магію)
3:40:54 - підключення свайпера
Дякую вам, за цю можливість навчатися, не дивлячись на суворі обставини нашого життя зараз. Дякую за вашу працю!
Все буде Україна)))
Дякую! Дуже корисний і потрібний матеріал! Ви - крутий! Дякую!!!!
Респект до автора! Я буду надалі вас підтримувати, як підписник! Слава Україні!
Окреме дякую за безкоштовний макет та архів) Вже хочу записатись на курс
Дякую за те, що Ви підтримуєте контент українською мовою) Дякую Вам
Дякую, за запис. На стрім, нажаль не потрапила.
Думала, що у відео для початківців не відкрию для себе щось дуже нове, але була приємно здивована багатьма цікавими нюансами👌
Велике тобі дякую. Те що ти робиш безцінно. Матеріал подаєш дуже гарно і зрозуміло.
Дивлячись твої відео і цей стрім, те як ти висловлюєш думку, я частково впізнав себе, насправді я вважаю тебе, Жека, справжнім Українцем (саме з великою букви) і найкращим Frontend спеціалістом, твій контент не сухо заточений щоб як по методичці викласти матеріал, дивіз твого каналу підходить як ніяк краще тому що кожен має змогу побачити тебе як людину в житті, вільну, справжню і тверду, продовжуй в тому ж дусі, ніколи не зраджуй своїй позиції і своєму духу, навіть якщо твоя аудиторія складатиметься лише з таких як ми, розуміючих людей зі схожою позицією, але ми будемо твоєю найкращою і найпотужнішою аудиторію, тому що ти наш вчитель та наставник і ти неймовірно надихаєш, тому дякую тобі за твій контент, бажаю успіху і віддаю тобі всі 100% своєї підтримки, ти найкращий україномовний ютубер!
Супер. Дякую за майстер клас!!! Дякую за мову!
Слава Українській нації!!!
Дякую вам за вашу роботу і ваші відео. Слухати вас на українській як бальзам на уши)
дуже Вам дякую. респект за українську. підтримаємо як можемо.
Жека дякуємо тобі від усього сердця за твою працю! Продовжуй! Ти найкрутіший вчитель! )
Знаю що ти це чуешь дуже часто, але дякую тобі за такий якісний і зрозумілий матеріал. Насправді добре розповідаешь і так щоб було зрозуміло кожному. Дивлюся і вчуся тільки у тебе. Не буду ходити на ліво, до інших викладачів.
Дякую за корисний контент. Буду вчитися надалі із тобою
Євгене як завжди вищий клас!!! Нажаль не потрапив на стрім, але з задоволенням подивився запис. Дуже дякую за відмінний контент!!))
Дякую за контент! Важлива справа, особливо в такий час!!!
В тебе витримка прямо на 1000 балів. +1 в карму)
велике спасибі за ваш контент, я сам розробник-початківець і дійсно ваш контент допомагає, а на вигуки людей з чату не реагуйте, адже є люди які вас підтримують і цінують
Дякую, за такий якісний матеріал !
Супер! Дуже класний матеріал! А за солов'їну та Твою позицію окремий респект!
Як завжди у Вас безцінний контент. Якісно, зрозуміло і просто. Це вже не просто респект..це РЕСПЕКТ галактичного масштабу
Дякую за вашу роботу! :)
Я повинна це написати))
Як приємно слухатии вас укрїнською, просто музика для моїх вух.😀💛💙
Велика дяка за майстер-клас! Все дуже круто, доступно і зрозуміло. Автору респект!
Будь ласка! Радий що корисно
Ви дуже класна людина, дякую за те, що робите!!
Дякую за збережене відео і за твою працю , переглядаю зараз , оскільки вчора не було можливості )
Дякую Вам за контент, дякую за навчання. Почав вчитися по Вашим відеоурокам і продовжую. Ви великий молодець , що висловили свою проукраїнську позицію. А тим дурням і говорити нічого , все одно вони не розуміють 😂
Дуже приємно слухати вас українською
Дякую за майстер-клас
Коли ти тільки на початку - дуже важливо побачити, як організовую процес досвідчений девелопер
В мене багато речей стали на свої місця в голові, бо був хаос )
Дякую вам! Респект за такий якісний контент. Просто топ.
ТИ ПРОСТО НАЙКРАЩИЙ, ТВОЇ ВІДЕО І ТВОЯ ПОЗИЦІЯ ЗАХОПЛЮЮТЬ ТА НАДИХАЮТЬ!!! ВСЕ БУДЕ УКРАЇНА!!!💙💛
Величезне дякую тобі, гідний контент гідної людини. Давно дивлюсь тебе і бажаю успіху у цій не простій справі. 💪🤝
дякую за стрім, все дуже доступно подано, дякую!
Я кайфую від ціє музики))) Дякую за безцінну інформацію!!!!
Женя, дякую за стрім!
Жека, навіть незнаю, що написати щоб передати тобі наскільки я вдячний за твою роботу, і за те, що ти робиш для нас. Закінчив твій безкоштовний курс (залишився великий і страшний JS) і тепер щоб краще все засвоїти і закріпити навички дивлюся і після перегляду повторяю твої майстеркласи (ну звичайно для початківців) це просто ДУЖЕ ДУЖЕ кирисно. Це третій майстерклас для початківців який я подивився і зробив потім, і я просто відчуваю наскільки розвинулись мої навички. Повторюсь ще раз -це дуже корисно, дякую. Хочу ще запитати, чи можна використовувати макети з твоїх майстеркласів потім в своєму портфоліо і чи буде це доречно?
Я радий! Так, звичайно. Усі макети з МК можна використовувати для портфоліо.
Дякую велике за Вашу роботу!! Дуже якісний, дійсно цікавий контент і мега корисний (вчуся за Вашими відео)! ✨️
Ти дуже крутий!) Дякуючи тобі захопився фронтом, тепер вивчаю) Хочу запропонувати ідею для нового відео) Багато людей хотіли б побачити приклад твоєї справжньої швидкості верстки) з усіма твоїми сніпитами) якийсь приклад, так скажемо, без коментарів(тому що будуть затримувати)! Дякую тобі за твої старання! Коли почну заробляти версткою, стану спонсором)
Лайк! Зверстати задля практики це гуд!
Дуже дякую за чудовий контент
Дуже дякую за такі відоси!
Починала вчитися по ним і досі є моменти які не знаю, підмічаю для себе!
Євген, ви як завжди на висот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
Я раніше принципово твій канал не дивився, а в даний момен в кайф.
Жека дуже круто, де ти раніше був з укр. мовою.... Все супер. Чекаю курсу із вивченням англійської для ІТ.
Нормально и клёво на украинском. Мне как молдованину все понятно. Спасибо.
Дякую за український контент і звичайно за хороші уроки
Ти крутий! Дуже багато часу витрачаєш на нас, дякую за доступні пояснення! Успіхів і розвитку каналу!
Дякую Велике)❤ Україна обов'язково переможе!)
Дякую за такий корисний контент!
Рідко пишу коменти....Але не втрималася))))). Ще пів року тому в цьому нічого не розуміла, то нічого не сказати)))) Але з вашими відео опанувала - HTML/CSS, (JS- в процесі). Пробую себе в марафонах.... Приємно коли дивишся і розумієш!!! А ще крутіше, коли робиш то сама!!! Дякую за відео-навчання, Дякую за українську!!!!!
Файний контент, дуже подобається!!!
Євгене, дорогий, дякую за уроки!
Дякую за навчання! Чекаю нових відео😉
Блин я не знал что ты из Украины. Неожиданно. Молодец что продолжаешь просвещать нас.
Ура! Вдалося. Дякую велике, дядько Женя! Здоров'я, удачі!
Жека, дуже крутий матеріал!На твоєму каналі за декілька місяців я дізнався більше ніж за попередгі роки .Так тримати!!!
Дуже дякую за вашу роботу!
Котан на моїй світлині дуже тобі вдячний!!! Україна переможе
Женя, СПАСИБО ТЕБЕ ОГРОМНОЕ!!!!!
Дякую за вашу працю!!!
Дякую за цікавий стрім і можливість розвиватись! Верстала макет і 1 секція була схожа, текст і картинка. Я робила картинку абсолютом до секціїі, щоб вона не була в контейнері. Ви в цьому стрімі зробити через флекс і марджин, я щось і не подумала так спробувати, тепер знаю декілька варіантів)
Дякую за якісний контент)
Дякую за цікавий контент та чітку принципову позицію!
Є декілька побажань на майбутнє: хотілось би більш котрастну тему у VS-Code, ввечері норм, а от у сонячний день не дуже... А ще, коли ти закодив щось більш-менш складне - зроби, будь ласка, невеличку паузу, щоб можна було роздивитись, бо ти відразу перескочуєш, щоб показати як це виглядає. Ще раз дякую!
Дякую за такий гідний україномовний контент
Гарний стрiм , дякую
Дякую за стрим.
Дякую за корисний контент!👍👍👍
аааа кайф!! наша рiдна мова!!!))) супер )
Дуже дякую за вашу працю))))
1000 лайків, величезне дякую за контент
Жека, дякую за стрім, вищий рівень, чекаємо також із JS.
Єдине, старайся менше звертати увагу на вату в коментарях, бо насправді воно відволікає від навчання, нехай собі пишуть, що хочуть, ми сюди прийшли за знаннями і не звертаємо на них увагу.
Дякую за крутий контент