Базовый курс по Webflow | 1 часть (теория)

Sdílet
Vložit
  • čas přidán 3. 04. 2022
  • Решил выкладывать старые материалы из курса. Интерфейс уже успел несколько раз поменяться, но думаю это не будет большой проблемой. Главное изменение в навигаторе, он переехал в левую часть экрана.
    Вторая часть - • Базовый курс по Webflo...
    Третья часть - • Базовый курс по Webflo...
    Четвертая часть - • Базовый курс по Webflo...
    Пятая часть - • Базовый курс по Webflo...
    Ссылка на регистрацию аккаунта - webflow.grsm.io/876017
    Макет первого экрана в Figma - www.figma.com/file/UbDaXjpROx...
    Изображения из макета - yadi.sk/d/GrwvkIi0A8RWMw
    Подробное описание курса - webflow.pro/
    Разработка сайтов на Webflow - item.team
    Телеграм - t.me/webflow_pro

Komentáře • 92

  • @bdud_
    @bdud_ Před 3 měsíci +2

    Бро спасибо что поделился знаниями.Тот случай когда видео можно смотреть на скорости х1 ❤

  • @Andridund
    @Andridund Před rokem +12

    Спасибо большое! Наткнулась сначала на канал "Фриланс прокачка" там 1.5 часа объясняли то, что вы рассказали за 15 минут! Респект! Буду смотреть ваш аккаунт, а не его ✌

    • @user-tt9uj6th4p
      @user-tt9uj6th4p Před 6 měsíci +4

      боже , там можно было назвать курс "база для дауна" , никого не хочу обидеть человек проделал большую работу, но не продумал саму подачу информацию и для кого он это делает , но реально видео на 1.5 часа в которой инфы на 15 минут, остальное это вода для детей про нейронные связи и перевод базовых английских слов селекшн - секция , контейнер - блок и так далее ... тут уже за две минуты тебе дали понять гораздо больше

    • @azia.t
      @azia.t Před 4 měsíci +1

      и я оттуда, слишком усложняют простые вещи

    • @bdud_
      @bdud_ Před 3 měsíci

      Причем если вы потрудитесь зайти на его сайт,то он ультрабезвкусный(фриланс прокачка)и совсем оратор не импонирует.

    • @raula.4382
      @raula.4382 Před 2 měsíci

      я думал он только мне мозг взорвал)

  • @ellen03051
    @ellen03051 Před 10 měsíci +5

    у вас за 15 мин узнала больше, чем на платном курсе за 6 уроков

    • @lsyaat2738
      @lsyaat2738 Před 8 měsíci

      подскажите, что за курс проходили?

  • @sergeysatart9273
    @sergeysatart9273 Před 2 lety +14

    Супер, все быстро, все четко, без воды. Ждем продолжения.

  • @sfazis
    @sfazis Před rokem +1

    Отлично, коротко и максимально информативно. Без воды. Спасибо.

  • @4designlab
    @4designlab Před 4 měsíci +1

    Да, вправду, очень все понятно и не скучно

  • @Svetlana-hk3mm
    @Svetlana-hk3mm Před 6 měsíci +1

    Очень хорошо объясняете, а главное все по делу и без воды.
    Спасибо!

  • @OMOWproduction
    @OMOWproduction Před rokem +1

    Вооооот это выжимка! Круто!.. Правда, пересматривать час минимум))))

  • @tati_zhabskaia
    @tati_zhabskaia Před rokem +2

    Спасибо за уроки! Вы очееень понятно объясняете,а это супер важно!

  • @evgeniybadmaev5698
    @evgeniybadmaev5698 Před rokem +6

    Спасибо) оч круто объясняешь, очень концентрированные 15 минут.

  • @user-eb8jj8ni7c
    @user-eb8jj8ni7c Před 10 měsíci +2

    Очень понравилось видео, максимально понятно и не скучно😊

  • @nikita1142
    @nikita1142 Před 2 lety +3

    Очень круто! Молодчина. Все по делу!

  • @swaperman
    @swaperman Před rokem +2

    Кайфовая подача! Улыбаемся и машем. Лайк и подписка включена в пакет "Спасибо", конэчно же!

  • @sad_gary
    @sad_gary Před 2 lety +6

    Охренеть, теперь дизайнер может верстать

  • @serrgibio
    @serrgibio Před rokem +1

    Хорошая подача информации, спасибо!

  • @DmitrySytnikCommunication

    интересная у него система с иерархией блоков и логикой html. Это большое преимущество перед тильдой . Спасибо за урок

  • @onlymozg6811
    @onlymozg6811 Před 2 lety +3

    зачетно!

  • @user-se6pj6pq8l
    @user-se6pj6pq8l Před 2 lety +2

    Спасибо за урок!

  • @vasilkovdigital
    @vasilkovdigital Před 2 lety +2

    Спасибо за урок!

  • @yevhenchuhuievets6567
    @yevhenchuhuievets6567 Před 2 lety +2

    спасибо, всё четко и понятно

  • @romus7798
    @romus7798 Před 2 lety +3

    Всё супер 😊
    Но хотелось бы по больше углубляться в детали)))
    А так всё 👌

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s Před 6 měsíci

    Отличное объяснение!!

  • @viktorloskutov2673
    @viktorloskutov2673 Před 2 lety +2

    отлично!

  • @diflux
    @diflux Před rokem +4

    Автолэйауты в Фигме :)

  • @magasdesign8928
    @magasdesign8928 Před 2 lety

    Как часто будут ролики по курсу

  • @user-qu6yk4bf2g
    @user-qu6yk4bf2g Před 2 lety +2

    Классный обзор. Только не понял, куда в новом интерфейсе переехали кнопки разметки страницы ? Вместо них теперь кнопка аудита.

    • @webflowpro
      @webflowpro  Před 2 lety +1

      Спасибо. Если вы про сетки и тд. То теперь нужно нажать на масштаб по центру, там где кнопки адаптива

  • @anton_youtube_1
    @anton_youtube_1 Před rokem

    Иван, привет. А как ты левую панель перетащил в правую часть экрана?

    • @webflowpro
      @webflowpro  Před rokem

      Привет. Я записывал эти видео до обновления интерфейса. Сейчас эта панелька слева и перенести не получится

  • @romus7798
    @romus7798 Před 2 lety

    Для каждого изменения в каком либо элемента нужно в него вставить Div ?
    И в каких случаях Div нужно делать гридом ?

    • @webflowpro
      @webflowpro  Před 2 lety +1

      Див это как коробка, внутри которой можно по-разному выравнивать элементы, задавать фон и тд. По гриду я запишу отдельный урок, а пока можете посмотреть это видео czcams.com/video/vwNPfIx7Jd0/video.html

    • @romus7798
      @romus7798 Před 2 lety +2

      @@webflowpro Спасибо
      Обязательно посмотрю
      Я сейчас прохожу курсы по дизайну
      З Figma разобрался, сейчас изучаю Webflow. Немного сложновато.
      Поэтому твои видео как доп. материал каркас в тему 👍

  • @user-sh3is5pw2n
    @user-sh3is5pw2n Před 2 lety

    На платном курсе новый интерфейс и ваша обратная связь?

    • @webflowpro
      @webflowpro  Před 2 lety

      Часть видео со старым интерфейсом. Обратная связь в виде видеоразборов, там интерфейс естественно актуальный

  • @andreybozhko7883
    @andreybozhko7883 Před 8 měsíci +1

    Вы сказали что для выгрузки в Wordpress нужно использовать сторонние сервисы , а разве в Webflow нет готового плагина который конвертирует сайт в Wordpress?

    • @webflowpro
      @webflowpro  Před 8 měsíci

      Плагина от webflow нет, но есть вот такие ребята www.udesly.com/

  • @magasdesign8928
    @magasdesign8928 Před 2 lety

    Как часто будут ролики по курсу?

    • @webflowpro
      @webflowpro  Před 2 lety +1

      Ближайшие пять дней буду выкладывать ролики каждый день

  • @anyadubakova8201
    @anyadubakova8201 Před 2 lety

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

    • @webflowpro
      @webflowpro  Před 2 lety

      Попробуйте два раз кликнуть по тексту

    • @ferkatskyrim
      @ferkatskyrim Před rokem

      @@webflowpro улыбнуло шо-та, извините)

    • @webflowpro
      @webflowpro  Před rokem

      @@ferkatskyrim а вдруг поможет)

    • @ferkatskyrim
      @ferkatskyrim Před rokem

      @@webflowpro ахахах
      ну эта, если в фигме помогает, то моооожет быть, 50 на 50, сработает, да)

  • @user-jx9en6by3u
    @user-jx9en6by3u Před rokem

    подскажите как вы фон поставили под меню

    • @webflowpro
      @webflowpro  Před rokem

      У элемента navbar по умолчанию стоит серый цвет, его можно поменять на любой (можно прозрачный). Если я вас правильно понял

  • @user-qh5fr3yo1w
    @user-qh5fr3yo1w Před rokem

    Здравствуйте посмотрел 1 урок. HTML в чистом виде. Tilda значительно легче. Какие преимущества ВЕбФлоу не понимаю. Да и сейчас к нему не подключиться.

    • @webflowpro
      @webflowpro  Před rokem +1

      Здравствуйте. Преимущества в возможностях адаптивности, анимациях. В целом webflow даёт почти весь функционал HTML и CSS, то есть максимальную свободу и возможности. В тильде другие плюсы, например простота и готовые интеграции с российскими сервисами . Оплачивать webflow из России можно, но нужно заводить иностранную карту или через крипту.

    • @user-qh5fr3yo1w
      @user-qh5fr3yo1w Před rokem

      @@webflowpro Адаптивность есть и у Тильды. Четыре экранчика - по ним и настраивай. Анимация Степ - Бай - Степ. ВебФлоу строже тут ничего не скажешь вложенность иерархия. Но и конечно стили у Тильды этого нет.

  • @vanmihaylovich
    @vanmihaylovich Před rokem

    Верно понимаю, что даже в безплатном тарифе webflow позволяет выгрузить архив верстки?

    • @webflowpro
      @webflowpro  Před rokem

      В бесплатной официально не получится. Можно достать код с помощью сервисов или руками. Но я так не делал, поэтому не подскажу

  • @olgaperesunko1301
    @olgaperesunko1301 Před rokem

    Здравствуйте. мне надо сверстать сайт на а вэбфлоу, там хороший полноценный 5-6 страниц, фотогалереи и видеофоны, вернее сказать, перенести по макету из тильды в вэбфлоу, с более продвинутой анимацией. Если я приобрету Ваш платный курс, у меня получится сделать самостоятельно?

    • @webflowpro
      @webflowpro  Před rokem

      Здравствуйте. Получится, но зависит от ваших навыков и сколько у вас есть времени на проект. Сначала нужно будет пройти несколько уроков, а потом поможем вам сверстать проект

    • @olgaperesunko1301
      @olgaperesunko1301 Před rokem

      @@webflowpro навыков в webflow - 0. Работала в тильде.

    • @webflowpro
      @webflowpro  Před rokem

      @@olgaperesunko1301 вебфлоу посложнее, но думаю всё получится

    • @olgaperesunko1301
      @olgaperesunko1301 Před rokem

      @@webflowpro Ок, принято. С чего начать? Я вижу у вас уроки по 20-15 минут, но под все их сделать, правильно? Потом покупать курс?

    • @webflowpro
      @webflowpro  Před rokem

      @@olgaperesunko1301 Да, это первые видео из курса. Можете попробовать вебфлоу по ним. На курсе будут видеоразборы заданий и ответы на вопросы

  • @user-cf8rd2rh6r
    @user-cf8rd2rh6r Před 2 lety

    Прости, будет урок как включать компьютер? Вещи до азбуки рассказываешь. Надеюсь дальше будет что-то полезнее.
    Ожидал в теории принципы сервиса, аналогии с кодом, ещё может что. А ты учишь людей блоки копировать. Это если конструктивнее)

    • @webflowpro
      @webflowpro  Před 2 lety

      Спасибо за обратную связь. Обычно меня просят записать попроще и получше разжевать, а тут наоборот) Вообще я планирую записывать видео для разных уровней

    • @user-cf8rd2rh6r
      @user-cf8rd2rh6r Před 2 lety

      @@webflowpro А ты меня не слушай, если просят поподробнее подобные инструкции, значит я просто не твоя аудитория) Успеха ;)

  • @clost
    @clost Před 2 lety

    webflow нельзя скачать на пк?

    • @webflowpro
      @webflowpro  Před 2 lety

      К сожалению нет. Есть сервис Pinegrow, схожий с Webflow, но гораздо сложнее, его можно скачать

  • @verstack-agency
    @verstack-agency Před rokem

    Сделай видео, как выгрузить свёрстанный сайт на wf на wp

    • @webflowpro
      @webflowpro  Před rokem

      Для этого есть сервис www.udesly.com Может когда-нибудь запишу по нему урок

  • @user-ws8dj8fj2z
    @user-ws8dj8fj2z Před rokem

    Нету почем-то иконки сетки в нижнем левом углу

    • @webflowpro
      @webflowpro  Před rokem

      Можете её найти в панели размеров. Вот скриншот www.dropbox.com/sh/mmi77stno6wvex1/AAAWjQlQ8083i3tMTg-s5J5Ma?dl=0

  • @OlegSmiladon
    @OlegSmiladon Před rokem +1

    Вопрос. Зачем конвертировать из Webflow в WordPress?

    • @webflowpro
      @webflowpro  Před rokem +2

      На WP работает большинство сайтов в интернете. Многие к нему привыкли. Но Webflow сейчас занимает место WP

    • @OlegSmiladon
      @OlegSmiladon Před rokem

      @@webflowpro познавательно было бы развернуть эту тему в отдельной статье или ролике

    • @OlegSmiladon
      @OlegSmiladon Před rokem

      @@webflowpro czcams.com/video/tFyub1rY4Rc/video.html к примеру как в этом ролике, потому как мне видится, что WP это основной конкурент для WF или не так?

    • @webflowpro
      @webflowpro  Před rokem +1

      @@OlegSmiladon в чем-то конкуренты, но по большей части продукты для разных задач. WP в базе чтобы любой человек мог создать шаблонный блог, а WF чтобы дизайнер мог сделать нестандартный сайт с анимациями

  • @user-mk2th3gq6w
    @user-mk2th3gq6w Před rokem

    Когда уже будет хоть у одного человека, видео о том как сделать несколько страниц, привязать под них кнопку и сделать обратную связь

    • @webflowpro
      @webflowpro  Před rokem

      Звучит просто. Что у вас не получается?

  • @konstantin._.kalinin.
    @konstantin._.kalinin. Před 2 lety

    какой то старый курс? - интерфейс webflow уже давно другой

    • @webflowpro
      @webflowpro  Před 2 lety

      Да, видео записывал в 2018 году

  • @user-zd8gg4lr3g
    @user-zd8gg4lr3g Před 2 lety

    Он бесплатный?

    • @webflowpro
      @webflowpro  Před 2 lety +1

      Бесплатно доступен основной функционал, но для коммерческого использования нужно оплачивать хостинг или подписку

    • @kateavr240
      @kateavr240 Před rokem

      @@webflowproЗдравствуйте. Подскажите, это должен оплачивать верстальщик или клиент под свой проект?

    • @webflowpro
      @webflowpro  Před rokem

      @@kateavr240 как договоритесь. Я оплачиваю свой аккаунт, а заказчик оплачивает свой

  • @ukraine1514
    @ukraine1514 Před 5 měsíci

    Лайк👍подписка🙏 потдержу ранее написаное. Нет воды,все понятно и без подводных камней. Есть те,кто расказует и не договарюет что то💩 от души спасибо 🙏👍

  • @MrDemonlisher
    @MrDemonlisher Před 2 měsíci

    НОВЫЕ изменения в Webflow обнулии данное видео. Теперь не понять как обновить, как что либо добавить и даже не понять где искать превью сайта ...

  • @kikmilkis
    @kikmilkis Před rokem

    как без сетки? 😮 в каждом видео про веб дизайн новичков обязывают ей пользоваться
    вау, удивили!

    • @webflowpro
      @webflowpro  Před rokem

      Ага, сетку лучше подбирать в конце, под понравившийся вариант. Сетка на этапе поиска только ограничивает

  • @webdeveler
    @webdeveler Před 2 lety

    В Росии ещё работает CZcams?

    • @webflowpro
      @webflowpro  Před 2 lety

      Пока да, последний держится

    • @webdeveler
      @webdeveler Před 2 lety

      @@webflowpro Жаль что ваш президент начал войну, должны все развиваться а он смерть принес и деградацию