Адаптивна верстка сайту з поясненням дій. Розробка сайту безкоштовний майстер-клас HTML CSS JS FIGMA

Адаптивна верстка сайту на базі шаблону Чертоги Фрілансера 3. Пояснення дій. Розробка сайту безкоштовний майстер-клас HTML CSS JS FIGMA. Слайдери, меню бургер, анімації при скролі та інше!
👉 Усі частини майстер-класу: • Адаптивна верстка сайт...
👉 Що такє стартовий шаблон "Чертоги Фрілансера": template.fls.guru/template-do...
👉 Посилання на стартовий шаблон з напрацюваннями "Чертоги Фрілансера" 3 (патреон): / startovyi-v3-59380989
👉 Макет (відкритий доступ): / 92328386
👉 Результат верстки (Patreon - Junior): / rezultat-maister-94924974
👉 Інші безкоштовні майстер-класи з верстки сайтів: • Адаптивная вёрстка лен...
🔴Канал з практикою без слів Code Only - / @codeonly
Курси:
🟢 Курс з верстки (HTML, CSS, JS): edu.fls.guru/
🟢 Курс з JavaScript: edu.fls.guru/js.html
🟢 Курс з Upwork: edu.fls.guru/upwork.html
🟢 Платні майстер-класи: master.fls.guru/
💪 ГетьТривогаЧелендж: t.me/freelancer_lifestyle/496
🌲Простір: / prostir.kamyanytsya
❤️ Отримати доступ к екстра-контенту + підтримати канал: / freelancerlifestyle
❤️ Спонсорувати канал: / @freelancerlifestyle
Корисні посилання:
👉 Безкоштовний курс по верстці: • БЕСПЛАТНЫЙ курс по вер...
👉 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
🤟 Живи, а працюй у вільний час! ©

[@zetwerk283]

Дуже вдячний вам за працю ❤

[@user-qd6hu2tr3u]

Величезне дякую! Контент просто бімба. Дуже цікаво та познавально.

[@user-kv5ze5qc2b]

Спасибо за уроки! У Вас самый крутой контент!

[@yuliiarastiehaieva5508]

Дуже класна робота. Дякую

[@user-rm6sv6mz2r]

Дякую за контент, дуже допомагають такі відео!)

[@user-bf6cp8ju1i]

Дуже змістовно! Дякую!

[@niko.militarist]

Одне з кращих відео на каналі - дуже гарно та зрозуміло пояснено. Своєрідна відео-інструкція щодо користування шаблоном. Даний урок це ТОП, це поєднання уроку для новачків та тих хто вже "в темі". Надіюсь таких відео буде більше - саме таких, "розжованих" для новачків щодо "фішок" шаблону застосованих в макеті. Це відео потрібно ставити "як приклад" - як правильно подавати інформацію стосовно свого продукту. (це я про шаблон). Ну і коментування css/scss - перед застосуванням властивості - це також класно, тобто я чую що зараз автор хоче зробити, бачу написаний код (з попереднім коментуванням) і через кілька секунд бачу результат. Дуже класне відео. Чекатиму продовження в такому ж стилі - "Використання "шаблону" для новачків з детальним коментуванням css/scss")

[@IK-gu6cs]

Щодо дизайну кнопки в мобменю, я б її зробив у стилі посилань, як два попередні- авторизація/реєстрація. А в цілому відкрив для себе ще одну практику перевикористання розмітки меню в мобменю, я раніше верстав моб меню окремо, ну далі все аналогічно (виходить, що в мене було декілька зайвих рядків коду розмітки) Дякую за те, що ти робиш!

[@const6185]

Дуже змістовно. Дякуємо

[@Massage_from_Ukrain]

Такий формат дуже сподобався!! Мотивує вивчати JS. ДЯкую, що робиш це! Так тримати !

[@ivannapogreda9085]

Дякую)) і украінська у вас чудова)) Із задоволенням слухаю🤗🤗🤗

[@RomanB-od1qn]

Ще не дивився, але вже лайк за топ навчання.

[@nataliia1589]

Дякую, хороший МК.

[@romavili4976]

Крутяк, раніше дивився "непанятних", а тут натрапив на скарб!! Супер+

[@anastizs]

Дякую за корисний матеріал. Купила підписку, скачала шаблон і з ним працювати на багато легше. Хоча в ньому стільки інфи, що ще розбиратись і розбиратись, щоб швидко верстати. Чекаю другу серію!

[@FreelancerLifeStyle]

Дякую за підтримку!

[@user-jp4gt2pj5f]

Це пушка , чекаю наступну серію як якийсь топовий серіал ). Ps: Шкода що більшість коментарів в чаті *)

[@user-jw1lf6bv1p]

Отличная работа. Спасибо. Бонусом можно сразу выучить два языка🤓

[@tuvavis]

Вітаю.

[@makrazer]

Евгений, спасибо большое вам за контент!🙂 Правда иногда с трудом понимаю что вы говорите 😅😁

[@sanyaanya9475]

nice

[@kianfang2562]

Для тих хто мучиться з тим декором - в режимі дизайну, затисніть контрл, щоб елементи підсвічувалися, і шукайте таким чином ліворуч від нижнього кутка і праворуч від верхнього, там є витягнуті еліптичні елементи, по 2 з кожного боку, вимкніть їх в шарах. Це і є та фіговина

[@user-qd6hu2tr3u]

33:42 робимо іконковий шрифт.

[@user-lc3ow3qd2r]

Жека, додай, будь ласка, сторінку собачки, анонс якої добавлявся б в цей лендинг (типу блог).

[@avalex82]

якщо що декор у футері виділяється мишкою з контролом (як Женя і робив), але далі виділені слої об'єднати у нову групу ії вже експортувати, вийде як потрібно.

[@stenoleh]

а підкажіть, будь ласка, що це за розширення для VS Code, коли копіюєш контент з html, то в css вставляються лише класи?

[@user-et9cw5kf1g]

привіт, class extractor

[@Serhii-kw6df]

Женя, скажи, будь ласка, що це за модифікація плагіну Google Fonts? Бо в мене він не дає можливості обрати тип((

[@FreelancerLifeStyle]

t.me/freelancer_lifestyle/785

[@dimadiv6583]

3:12:57 як так швидко замінити рядок? В нього новий був скопійований. Дякую!

[@ddgouranga]

Очень классно. Насколько я знаю тег button используется внутри тега form. Когда действие просто переход на другую страницу, обычно используется ссылка.

[@FreelancerLifeStyle]

Коли є перехід так

[@ddgouranga]

В хедері саме така ситуація. Ви використовуєте кнопку для перехода в контакти.@@FreelancerLifeStyle

[@BMikel]

Далі буде?

[@FreelancerLifeStyle]

Звісно

[@dexterdragons]

Hi, what a keyboard? type?

[@user-ud6nh8tk7u]

Привіт)) якийсь синтаксис 😅 у scss не дуже зрозумілий))

[@FreelancerLifeStyle]

Ну, треба спочатку вчити синтаксис) Є урок на каналі

[@user-nq8fl6yh7e]

Очень классно. На счёт того что кто-то не понимает как скопировал - можно использовать программы которые показывают какие ты щас клавиши печатешь. Я видел такое на маках не знаю есть ли в виндовс. Людям будет легко смотреть сочетания клавиш

[@Heymdall-]

Добрый день, подскажите пожалуйста. Я только начал изучать react. И посмотрев ваш ролик, я не заметил, чтобы вы использовали jsx, а вроде бы простой html. Так вот я задаюсь вопросом, а какой подход будет лучше? использовать чистый html, или jsx структуру ?

[@vikakokh6254]

Дуже дрібне зображення на екрані, дуже важко дивитися...

[@FreelancerLifeStyle]

Ви про код? Буду намагатись робити крупніше, дякую

[@vikakokh6254]

@@FreelancerLifeStyle так,намагаюсь повторити,взагалі не видно код..Нажаль для початківця повторити неможливо,шаблону вашого немає, код взагалі невидно.

[@user-be8dy2lw3n]

подскажите пожалуйста, как вставлять то, что накопировал на линукс? сочетание клавиш windows + V у меня не срабатывает как требуется

[@PavelChupryna]

підкажіть чому у браузері в мене відкривається ось це: @@include('html/_head.htm',{ "title":"HomePage" }) @@include('html/_header.htm',{}) @@include('html/_footer.htm',{}) @@include('html/_js.htm',{})

[@qwerty-xd2ti]

світ не заслуговує на Євгена, але Євген заслуговує на цілий світ 🥹❤️‍🩹