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

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ก.พ. 2023
  • Адаптивна верстка сайту на базі шаблону Чертоги Фрілансера 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 ปีที่แล้ว +41

    Дуже круто що ми в Україні маємо свого, рідного, українського (!) україномовного (!!!) вчителя такого рівня. Дякуємо!

    • @user-fz3bp2kf1c
      @user-fz3bp2kf1c 9 หลายเดือนก่อน +1

      Підтримую кожне слово. Євген дійсно людина яка заслуговує на велику повагу, і думаю, що держава має сприяти і допомагати таким людям, особливо після війни коли потрібно буде відновлювати економіку.

  • @taraspylypiv8771
    @taraspylypiv8771 ปีที่แล้ว +4

    Дуже дякую за чудовий український контент. Чекаємо на нові відосики

  • @user-nb8ex1tq6r
    @user-nb8ex1tq6r ปีที่แล้ว +9

    Дякую за рідну мову, дуже приємно слухати такий контент

  • @user-sc1cq7lt4f
    @user-sc1cq7lt4f หลายเดือนก่อน

    дякую за корисний контент

  • @Tortik-KOKO
    @Tortik-KOKO ปีที่แล้ว +7

    Шикарный ролик, всегда можно что-то подчеркнуть для себя. Большое спасибо автору за позитивный настрой и качество контента, с удовольствием буду ждать 2 части.

  • @alonahilbert9959
    @alonahilbert9959 ปีที่แล้ว +8

    Євгене, дякую тобі за такий розгорнутий майстер-клас👍

  • @dimondimonov6417
    @dimondimonov6417 ปีที่แล้ว +5

    Красавчик. Продолжай в том же духе

  • @Andrey_Mendel
    @Andrey_Mendel 10 หลายเดือนก่อน

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

  • @therelaxingsound6903
    @therelaxingsound6903 ปีที่แล้ว +2

    Так, сохранила, вечерком буду смотреть :)

  • @dashaos7661
    @dashaos7661 ปีที่แล้ว +2

    Дякую, було багато цікавого, та нового!!!

  • @const6185
    @const6185 ปีที่แล้ว +2

    Я теперь говорю только- Привiт! Дякую!

  • @user-lk8br8bp4c
    @user-lk8br8bp4c ปีที่แล้ว +2

    Крутая идея с плагином, я себе также настроил спасибо за идею и за контент!

  • @Mshark42
    @Mshark42 ปีที่แล้ว +2

    Дякую за відео! Як завжди дуже круто!

  • @maxkalashnyk3378
    @maxkalashnyk3378 ปีที่แล้ว +3

    Жека дуже дякую, як завжди топ

  • @blackhawkua4633
    @blackhawkua4633 ปีที่แล้ว +2

    Як завжди дуже круто!

  • @user-wy1qd5oi3v
    @user-wy1qd5oi3v ปีที่แล้ว +6

    👌

  • @helenstravel1005
    @helenstravel1005 ปีที่แล้ว +4

    *Жека, здоров) Велике дякую тобі за чудовий контент!!! Будь ласка зроби верстку покроково на React-Bootstrap!!! *

  • @Anton-hg2wv
    @Anton-hg2wv ปีที่แล้ว +1

    Дуже дякую!

  • @Ukr_sunflower
    @Ukr_sunflower ปีที่แล้ว +2

    Євгене, коли плануєте випускати перші уроки по React Js?

  • @user-rb8wm7qv5n
    @user-rb8wm7qv5n ปีที่แล้ว +3

    Таймкоди верстки:
    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 Верста блоку з відсотками

  • @lesan6866
    @lesan6866 ปีที่แล้ว +1

    да, супер, без стартового макету не зверстаэшь, круто)

    • @user-xr4vl2rd4w
      @user-xr4vl2rd4w ปีที่แล้ว +1

      $, а як ти хотіла) але 5$ тільки

  • @user-jc5yr6wz5i
    @user-jc5yr6wz5i ปีที่แล้ว +2

    Євген, дуже дякую за майстер-клас. Незвичайний дизайн - незвичайні рішення. Таке запи- а чому в 3 секції не використати тег proces або тег metter
    .

  • @user-jm9rn8eu7m
    @user-jm9rn8eu7m ปีที่แล้ว +1

    Доброго дня в останньому мк по gulp при налаштуванні path autocomplete, а точніше де ми вказуємо шляхи до картинок в path-mapping, в мене редагувати json не вдається. в чому проблема????? пише редагувати не можна.

  • @Xyjail
    @Xyjail ปีที่แล้ว +3

    На 38.00 так да, одобрям! Для лэндоса или визитки, где десяток скриптов от силы, которые можно прописать на ванильке, прикручивать реакт - это дурота)
    Зачем грузить сервак и периферию левой датой?))

  • @user-ks6ls6hr6k
    @user-ks6ls6hr6k 9 หลายเดือนก่อน +1

    Крута робота друже!💪

  • @oleninkaa
    @oleninkaa ปีที่แล้ว +1

    Дякую за майстер-клас🥰 Ніяк не можу зрозуміти де взяти оновлений плагін google fonts (((

  • @ds40a
    @ds40a ปีที่แล้ว +2

    👍👍👍

  • @dexterdragons
    @dexterdragons ปีที่แล้ว +1

    hey, where can i find npm - webpack html webp e.g. 'gulp-html-webp-nosvg'? Thanks!

  • @user-kg9oc4jp2u
    @user-kg9oc4jp2u ปีที่แล้ว +9

    Спасибо за интересный видос :) моё мнение на украинском они заходят даже еще интереснее чем на русском было, продолжай в том же духе успехов тебе :)

  • @prost_3657
    @prost_3657 9 หลายเดือนก่อน

    Не можу зрозуміти як ти швидко копіюєш класи в scss форматі. через eCSStractor по дефолту в css форматі.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  9 หลายเดือนก่อน

      Там можна налаштувати комбінацію і під css і під scss

  • @dimondimonov6417
    @dimondimonov6417 ปีที่แล้ว +1

    А про Вёрстке на CMS будет видосы?

  • @sartjhon3300
    @sartjhon3300 ปีที่แล้ว +1

    вот как блин можно узнать что в css существует уже реализация счетчика(например)? чтобы не городить огород джеесами... я к тому, что если мне понадобился какой то функционал и я знаю что я могу сделать его на js, но оказывается что на css уже все сделано до меня, и как я вообще должен думать в своей голове чтобы начать искать это в css. немного сумбурно вышло, конечно ))

    • @AlexGabber
      @AlexGabber ปีที่แล้ว

      Этот счетчик в css аж никак не упрощает задачу, не говоря уже о том, что приходится играть по его правилам и масштабировать очень не удобно. Хватило однажды практики с css счетчиками, спасибо! уж лучше на ванильке накидать

    • @sartjhon3300
      @sartjhon3300 ปีที่แล้ว

      @@AlexGabber да посыл не в этом был. А на счёт масштабирования, что с ним не так, ведь даже жс счётчик ты будешь разукрашивать в цсс

    • @sartjhon3300
      @sartjhon3300 ปีที่แล้ว

      @@Sung_Jin-VVoo ну тут не поспоришь

  • @karena4705
    @karena4705 7 หลายเดือนก่อน

    В мене таке питання якщо ви знаєте українську мову. Чому ви раніше не викладали відео на українській мові? Патріот так званий під час війни.

  • @ryleighjulina5724
    @ryleighjulina5724 ปีที่แล้ว +1

    "promo sm"

  • @Anton_chess_like
    @Anton_chess_like ปีที่แล้ว +5

    А можно пожалуйста мастер класс на русском

    • @user-hh4ys2by5y
      @user-hh4ys2by5y ปีที่แล้ว +11

      ахахахахахахахах

    • @Xyjail
      @Xyjail ปีที่แล้ว +1

      так то понятно же и так, чутка только привыкнуть нужно))))
      А если церковнославянский, нынче только при богослужениях в православных храмах используется, или старорусский знаете или помните вышедшие из употребления в начале 20 века слова, то вообще легкота)))

    • @user-yi5gp5kv1v
      @user-yi5gp5kv1v ปีที่แล้ว +2

      🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣

    • @user-jr3lr7ih9j
      @user-jr3lr7ih9j ปีที่แล้ว +1

      Можно было не не нападать на Украину

    • @acdmilk3870
      @acdmilk3870 ปีที่แล้ว +2

      Дружище, какая тебе верстка на английском, если ты не выкупаешь языка, в котором 7 из 10 слов в одном предложении, созвучны и одинаковы по смыслу? 😊