Адаптивна верстка цікавого сайту. Пояснення дій. HTML CSS JS FIGMA. Частина №1

  Рет қаралды 31,345

Фрілансер по життю

Фрілансер по життю

Жыл бұрын

Адаптивна верстка сайту на базі шаблону Чертоги Фрілансера 3. Пояснення дій. HTML CSS JS FIGMA. Планую зробити поекранний скрол.
👉 Усі частини МК: • Адаптивна верстка ціка...
👉 Що такє стартовий шаблон "Чертоги Фрілансера": template.fls.guru/template-do...
👉 Посилання на стартовий шаблон з напрацюваннями "Чертоги Фрілансера" 3 (патреон): / startovyi-v3-59380989
👉 Макет (відкритий доступ): / maket-maister-78992357
👉 Результат верстки (Patreon - Junior): www.patreon.com/posts/7954824...
👉 Інші безкоштовні майстер-класи з верстки сайтів: • Адаптивная вёрстка лен...
🔴Канал з практикою без слів Code Only - / @codeonly
Курси:
🟢 Курс по верстці: edu.fls.guru/
🟢 Платні майстер-класи: master.fls.guru/
💪 ГетьТривогаЧелендж: t.me/freelancer_lifestyle/496
❤️ Отримати доступ к екстра-контенту + підтримати канал: / 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
🤟 Живи, а працюй у вільний час! ©

Пікірлер: 50
@vadymhalka7157
@vadymhalka7157 Жыл бұрын
Дуже круто що ми в Україні маємо свого, рідного, українського (!) україномовного (!!!) вчителя такого рівня. Дякуємо!
@user-fz3bp2kf1c
@user-fz3bp2kf1c 8 ай бұрын
Підтримую кожне слово. Євген дійсно людина яка заслуговує на велику повагу, і думаю, що держава має сприяти і допомагати таким людям, особливо після війни коли потрібно буде відновлювати економіку.
@taraspylypiv8771
@taraspylypiv8771 Жыл бұрын
Дуже дякую за чудовий український контент. Чекаємо на нові відосики
@user-sc1cq7lt4f
@user-sc1cq7lt4f Ай бұрын
дякую за корисний контент
@user-nb8ex1tq6r
@user-nb8ex1tq6r Жыл бұрын
Дякую за рідну мову, дуже приємно слухати такий контент
@Tortik-KOKO
@Tortik-KOKO Жыл бұрын
Шикарный ролик, всегда можно что-то подчеркнуть для себя. Большое спасибо автору за позитивный настрой и качество контента, с удовольствием буду ждать 2 части.
@alonahilbert9959
@alonahilbert9959 Жыл бұрын
Євгене, дякую тобі за такий розгорнутий майстер-клас👍
@FdWebdesign
@FdWebdesign Жыл бұрын
@Mshark42
@Mshark42 Жыл бұрын
Дякую за відео! Як завжди дуже круто!
@dimondimonov6417
@dimondimonov6417 Жыл бұрын
Красавчик. Продолжай в том же духе
@const6185
@const6185 Жыл бұрын
Я теперь говорю только- Привiт! Дякую!
@dashaos7661
@dashaos7661 Жыл бұрын
Дякую, було багато цікавого, та нового!!!
@therelaxingsound6903
@therelaxingsound6903 Жыл бұрын
Так, сохранила, вечерком буду смотреть :)
@blackhawkua4633
@blackhawkua4633 Жыл бұрын
Як завжди дуже круто!
@user-ks6ls6hr6k
@user-ks6ls6hr6k 9 ай бұрын
Крута робота друже!💪
@user-lk8br8bp4c
@user-lk8br8bp4c Жыл бұрын
Крутая идея с плагином, я себе также настроил спасибо за идею и за контент!
@maxkalashnyk3378
@maxkalashnyk3378 Жыл бұрын
Жека дуже дякую, як завжди топ
@Andrey_Mendel
@Andrey_Mendel 9 ай бұрын
Дякую. Ще не вивчав Ваш шаблон "Черт-оги фрилансера"(до речі, може його назвати - Напрацювання фрілансера). Після тих відео - верстка для новачків, де все будується, робиться, верстається з нуля (дуже творчо і цікаво), то ось взяти якись шаблон і щось там змінювати, змінювати, змінювати...якось мені втрачається і творчість, і цікавість...Хоча розумію, що з шаблоном воно швидше. Но щось надо знайти мотивацію перейти на цей рівень. :)
@user-wy1qd5oi3v
@user-wy1qd5oi3v Жыл бұрын
👌
@Anton-hg2wv
@Anton-hg2wv Жыл бұрын
Дуже дякую!
@helenstravel1005
@helenstravel1005 Жыл бұрын
*Жека, здоров) Велике дякую тобі за чудовий контент!!! Будь ласка зроби верстку покроково на React-Bootstrap!!! *
@lesan6866
@lesan6866 Жыл бұрын
да, супер, без стартового макету не зверстаэшь, круто)
@user-xr4vl2rd4w
@user-xr4vl2rd4w Жыл бұрын
$, а як ти хотіла) але 5$ тільки
@user-rb8wm7qv5n
@user-rb8wm7qv5n Жыл бұрын
Таймкоди верстки: 16:30 Аналіз макету 24:00 Налаштування адаптиву 32:00 Поєкранний скрол 43:30 Перший скрол 56:10 Крапки 1:01:00 Верстка 1 скролу 1:09:48 Ремейк під окрему секцію + стилі 1:32:00 Верстка 1 скролу. Адаптив 1:48:40 Нова секція 2:12:00 3 слайд 2:34:20 Верста блоку з відсотками
@ds40a
@ds40a Жыл бұрын
👍👍👍
@user-jc5yr6wz5i
@user-jc5yr6wz5i Жыл бұрын
Євген, дуже дякую за майстер-клас. Незвичайний дизайн - незвичайні рішення. Таке запи- а чому в 3 секції не використати тег proces або тег metter .
@Ukr_sunflower
@Ukr_sunflower Жыл бұрын
Євгене, коли плануєте випускати перші уроки по React Js?
@Xyjail
@Xyjail Жыл бұрын
На 38.00 так да, одобрям! Для лэндоса или визитки, где десяток скриптов от силы, которые можно прописать на ванильке, прикручивать реакт - это дурота) Зачем грузить сервак и периферию левой датой?))
@user-kg9oc4jp2u
@user-kg9oc4jp2u Жыл бұрын
Спасибо за интересный видос :) моё мнение на украинском они заходят даже еще интереснее чем на русском было, продолжай в том же духе успехов тебе :)
@user-jm9rn8eu7m
@user-jm9rn8eu7m Жыл бұрын
Доброго дня в останньому мк по gulp при налаштуванні path autocomplete, а точніше де ми вказуємо шляхи до картинок в path-mapping, в мене редагувати json не вдається. в чому проблема????? пише редагувати не можна.
@oleninkaa
@oleninkaa Жыл бұрын
Дякую за майстер-клас🥰 Ніяк не можу зрозуміти де взяти оновлений плагін google fonts (((
@dimondimonov6417
@dimondimonov6417 Жыл бұрын
А про Вёрстке на CMS будет видосы?
@FreelancerLifeStyle
@FreelancerLifeStyle Жыл бұрын
Так
@dexterdragons
@dexterdragons Жыл бұрын
hey, where can i find npm - webpack html webp e.g. 'gulp-html-webp-nosvg'? Thanks!
@prost_3657
@prost_3657 9 ай бұрын
Не можу зрозуміти як ти швидко копіюєш класи в scss форматі. через eCSStractor по дефолту в css форматі.
@FreelancerLifeStyle
@FreelancerLifeStyle 9 ай бұрын
Там можна налаштувати комбінацію і під css і під scss
@sartjhon3300
@sartjhon3300 Жыл бұрын
вот как блин можно узнать что в css существует уже реализация счетчика(например)? чтобы не городить огород джеесами... я к тому, что если мне понадобился какой то функционал и я знаю что я могу сделать его на js, но оказывается что на css уже все сделано до меня, и как я вообще должен думать в своей голове чтобы начать искать это в css. немного сумбурно вышло, конечно ))
@AlexGabber
@AlexGabber Жыл бұрын
Этот счетчик в css аж никак не упрощает задачу, не говоря уже о том, что приходится играть по его правилам и масштабировать очень не удобно. Хватило однажды практики с css счетчиками, спасибо! уж лучше на ванильке накидать
@sartjhon3300
@sartjhon3300 Жыл бұрын
@@AlexGabber да посыл не в этом был. А на счёт масштабирования, что с ним не так, ведь даже жс счётчик ты будешь разукрашивать в цсс
@sartjhon3300
@sartjhon3300 Жыл бұрын
@@Sung_Jin-VVoo ну тут не поспоришь
@ryleighjulina5724
@ryleighjulina5724 Жыл бұрын
"promo sm"
@karena4705
@karena4705 6 ай бұрын
В мене таке питання якщо ви знаєте українську мову. Чому ви раніше не викладали відео на українській мові? Патріот так званий під час війни.
@Anton_chess_like
@Anton_chess_like Жыл бұрын
А можно пожалуйста мастер класс на русском
@user-hh4ys2by5y
@user-hh4ys2by5y Жыл бұрын
ахахахахахахахах
@Xyjail
@Xyjail Жыл бұрын
так то понятно же и так, чутка только привыкнуть нужно)))) А если церковнославянский, нынче только при богослужениях в православных храмах используется, или старорусский знаете или помните вышедшие из употребления в начале 20 века слова, то вообще легкота)))
@user-yi5gp5kv1v
@user-yi5gp5kv1v Жыл бұрын
🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣
@user-jr3lr7ih9j
@user-jr3lr7ih9j Жыл бұрын
Можно было не не нападать на Украину
@acdmilk3870
@acdmilk3870 Жыл бұрын
Дружище, какая тебе верстка на английском, если ты не выкупаешь языка, в котором 7 из 10 слов в одном предложении, созвучны и одинаковы по смыслу? 😊