Prepros что это. Как пользоваться prepros // Сборка фронтэнда // Компилятор SASS KIT

Поділитися
Вставка
  • Опубліковано 31 сер 2019
  • Prepros что это и как пользоваться. Сборка фронтэнда. SASS компилятор. Prepros - это маленькая но достаточная для задач верстальщика программа-сборщик которая компилирует препроцессоры Sass, Less, Stylus, Jade, Kit и другие. Простыми словами превращает форматы в которых быстро и удобно работать в форматы понятные для браузеров. Наверняка многие сейчас скажут, так для этого же есть Gulp Webpack и прочие, зачем нам твой Prepros? Все дело в том, что эти инструменты уж слишком сложные для начинающего мастера по верстке.
    🔴 Внимание! В 7й версии пути нужно указывать другие.
    Для SCSS - prntscr.com/rd27q1
    Для JS - prntscr.com/rd280c
    Файлы .kit работают, хотя их нет в настройках.
    Мало того что нужно учить HTML CSS и JS, так еще и учи как настраивать и работать со сборщиком проекта… Жуть.
    Prepros же это обычная програмка с приятным и понятным интерфейсов и уже из коробки обладает не малым функционалом. Кроме компилирования и сборки он запускает локальный сервер на котором мы можем просматривать результат нашей верстки (Live Preview), а еще сам «нажимает» за нас «обновить» в браузере после каждого сохранения файла. То есть подключает живое обновление LiveReload при изменении файлов, что является мегаускорителем в работе.
    И это еще не все возможности этого малыша. Сейчас все покажу на практике.
    -----------------------------------------------------------------------------------------------
    БЕСПЛАТНЫЙ курс по верстке сайтов (Уроки HTML CSS JS):
    • БЕСПЛАТНЫЙ курс по вер...
    -----------------------------------------------------------------------------------------------
    Сайт программы: prepros.io/
    Если сайт не открывается можно скачать шестую версию по ссылке:
    WIN fls.guru/files/progs/Prepros-...
    MAC fls.guru/files/progs/Prepros-...
    -----------------------------------------------------------------------------------------------
    Instagram: / freelancer.lifestyle
    Facebook: / freelancerlifestyle
    Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
    -----------------------------------------------------------------------------------------------
    Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов.
    На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
    Ссылка на канал: / freelancerlifestyle
    -----------------------------------------------------------------------------------------------
    «Фрилансер по жизни». Живи, а работай в свободное время! ©
    #фрилансерпожизни #обучение #prepros

КОМЕНТАРІ • 1,4 тис.

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  4 роки тому +129

    ОЧЕНЬ ценю твой ЛАЙК и КОММЕНТ!
    Поддержать канал: www.patreon.com/freelancerlifestyle
    Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
    Instagram: instagram.com/freelancer.lifestyle/
    Facebook: facebook.com/freelancerlifestyle/

    • @timurtadjiev3737
      @timurtadjiev3737 4 роки тому

      Почему на sublime файл scss цвет текста белый? На index и css цвета как установлено.

    • @Germesych_game
      @Germesych_game 4 роки тому

      @@timurtadjiev3737 надо плагин ставить для scss. он его просто не понимает и распознает как обычный файл. гуглани, я просто в vscode уже дано работаю, точно не помню.

    • @Germesych_game
      @Germesych_game 4 роки тому

      тоже поставил 6 версию, ибо 7 версия ад какой-то... получилось настроить KIT и Less. с Less, только если сам файл style.less лежит в папке #source остальное можно в отдельную и импортить в сам файл, тогда работает. если и основной файл вложить в папку less к примеру, то жопа... короче вот та не работает #source/less/style.less как не мучался, чет не получилось. только если основной файл лежит вот так - #source/style.less

    • @karl9358
      @karl9358 4 роки тому +1

      У вас нормально работает Autoprefixer? У меня вообще не работает, хотя галочка стоит.
      Работаю с less.
      Prepros 7.2.18.
      Autoprefixer: 9.7.6.

    • @mrsergienko
      @mrsergienko 4 роки тому

      Здравствуйте! Подскажите как настроить Kit Tools в последней версии Prepros, ибо его там просто нет вообще.

  • @harinbarin
    @harinbarin 4 роки тому +378

    хвала интернету и людям, которые великодушно готовы делиться наработанным опытом. Среди огромного количества информации в сети, зачастую переполненной ненужными деталями и водой, огромное удовольствие доставляет настолько офигенная подача материала. Не каждый может быть учителем, но у тебя, Женя, замечательно получается. Будь здоров, спасибо за урок.

  • @fewart
    @fewart 3 роки тому +21

    спасибо, очень приятно смотреть твои уроки. Может найдется время сделать обзор последней версии Prepros

  • @sergey_savchuk_dev
    @sergey_savchuk_dev 3 роки тому +93

    Спасибо ОГРОМНОЕ за полезную инфу. Женя ты супер, продолжай снимать, смотрю все твои ролики!!!
    Если у кого-то возникла проблема с созданием папки css в #source, я решил это так. В версии 7 путь должен сработать такой ../css Его нужно вставить в настройках программы > бургер > App Setings > Prodject Defaults > CSS Tools > Sass (прокручиваем вниз и нам находим поля ввода) > Output > Replace Segments > Replace With > (меняем значения на ) ../css
    Если не сработало. Скорее всего вы сначала добавили проект, а потом залезли в настройки программы где меняете путь, но настройки проекта остались прежними. Зайдите в настройки самого проекта и поменяйте путь на ../css

    • @nomad-kitchen6m2
      @nomad-kitchen6m2 3 роки тому +5

      Сергей, огромное спасибо!!! Ваш комментарий помог разобраться!книксен:)

    • @yatogovsyoebal
      @yatogovsyoebal 3 роки тому +3

      Спасибо огромное, очень помогли!!!

    • @sophiafill161
      @sophiafill161 2 роки тому +3

      спасибо, вы спасли меня!

    • @kate_krem_
      @kate_krem_ 2 роки тому +2

      Спасибо вам большое!! У меня сработал второй вариант:)

    • @Alexgrebeshok
      @Alexgrebeshok 2 роки тому +6

      Спасибо) за 2 часа сам так и не разобрался)

  • @PracticeSNow
    @PracticeSNow Рік тому +6

    Женя, спасибо огромное за качественный и полезный материал :)) помимо самомго материла интересно смотреть твои вступительные ролики из разных мест! классный креативный подход!!!

  • @maik1510
    @maik1510 4 роки тому +47

    Это просто божественно, спасибо за информацию

  • @konstantino7016
    @konstantino7016 3 роки тому +5

    Женя, вот от самого сердца говорю: с каждым твоим уроком я прям чувствую, как я расту с 0 до начинающего. Столько фишек и крутых вещей узнаю от тебя каждый урок!

  • @user-fs2ki7ph5j
    @user-fs2ki7ph5j 3 роки тому +1

    Огромное спасибо! Действительно, Гулп и тд нереально сложные и я в них так не разобрался и даже отчаялся. А тут вы с таким материалом полезным

  • @konstantino7016
    @konstantino7016 3 роки тому +1

    Просто волшебство какое-то! Всё просто и понятно! Спасибо Женя!!!!

  • @Droonee
    @Droonee 4 роки тому +3

    И снова спасибо!
    Очень полезная информация.
    Очень нравится манера повествования. Методично, доступно, с хорошей дикцией.

  • @user-xr7pl9hg7g
    @user-xr7pl9hg7g 4 роки тому +72

    Ах да. Отдельное спасибо за новые вещицы на комоде. В каждом новом видосе новая штуковина. Иногда аж думается, что же в следующем видео там будет ))) Мелочь, а приятно )) Приятно, что человек для нас старается и так заморачивается, даже в таких мелочах. Качество складывается из мелочей! Успеха! И, лайк, однозначно.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +6

      Спасибо большое! Верно, стараюсь)

  • @user-dw1uu6cb9j
    @user-dw1uu6cb9j 3 роки тому +1

    Просто пушка! Раньше всегда настаивал сборку проекта в gulp, и это занимало много времени, а тут есть все, что нужно и уже настроено из коробки, максимум пару галочек поставить, это просто огонь!

  • @emilchapchakchi8593
    @emilchapchakchi8593 4 роки тому +1

    Уже скачала и настриваю препрос! Спасибо большое, Жень!
    Автопрефиксер очень порадовал!

  • @hiddendangerous1918
    @hiddendangerous1918 4 роки тому +37

    "За" отдельный урок по передаче заказа программисту или заказчику!
    Пользуюсь PREPROS!

  • @artsiombekhtser4474
    @artsiombekhtser4474 4 роки тому +9

    Действительно шикарная подача материала , как-то раз посмотрел один видос и теперь каждый сижу , пытаюсь , изучаю, вот если б еще были частные курсы было б вообще круто ))

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +2

      Спасибо! Курс есть бесплатный на канале

  • @html4257
    @html4257 3 роки тому +1

    Чувак, спасибо тебе за все ролики. Недавно в ленте видео ютуба услышал твой голос и прям снова вдохновился, хотя был поздний вечер. Надеюсь, у тебя всё хорошо и ты получаешь профит от проделанной работы.
    Всех благ:)

  • @user-fs6ig1er4r
    @user-fs6ig1er4r 4 роки тому

    ЖЕКА, СПАСИБО. Третий видос смотрю от а до я. Все скачал, все настроил, все работает. ПРОСТО СУПЕР. Записывай видео. Так держать

  • @islomtoshev8721
    @islomtoshev8721 3 роки тому +2

    Побольше бы таких людей как ты, и мир стал бы лучше.

  • @armenakcomp
    @armenakcomp 4 роки тому +4

    Очень понравилась программка и спасибо что делитесь с нами такой хорошей информацией. Удачи!

  • @vvks9901
    @vvks9901 Рік тому

    Женя, мегакрутые объяснения. Почему все так понятно... Круто, очень круто!!! Очень подробное и понятное объяснение Prepros. После это видео мне стало понятно как пользоваться документацией!!!

  • @antonprokopenko2476
    @antonprokopenko2476 3 роки тому

    На сегодняшний день использую только то, что дается в твоих урока. И пытаюсь не спеша разбираться во всем особенно когда видео уже 2 года и программы обновились. Но когда что-то получается не с первого раза то это как мини победа. А радости как у ребенка))) Спасибо.

  • @kotiko_oks
    @kotiko_oks 3 роки тому +11

    Фбсолютно согласен со всеми коментариями🥰 Жека лучший!!!!!!!!!!!!!!!! 😊 огромное спасибо, зато то , что ты делаешь 🤗🤗🤗
    Очень полезная инфа 😊

  • @elenafromny9567
    @elenafromny9567 4 роки тому +2

    Спасибо большое, отличный инструмент!!! Избавляет от лишней головной боли!!!!!

  • @AlexanderShutter
    @AlexanderShutter 3 роки тому +1

    Отличная программа. До знакомства с ней всё думал, как реализована анимация изменений стилей в уроках. А вот оно что оказывается. За такую софтинку и деньги не жалко заплатить, очень полезный инструмент.
    Спасибо, Женя.

  • @mikhail3374
    @mikhail3374 4 роки тому +2

    Пользовался gulp до этого ролика. Буду пробовать prepros теперь. Подача материала просто огонь! Автору огромное спасибо!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому

      Спасибо! Про галп не стоит забывать, лучше знать чем нет)

  • @user-pc5sr2sg7x
    @user-pc5sr2sg7x Рік тому +5

    Женя, великолепное, исчерпывающее видео! до данного видео посмотрела все предыдущие, могу однозначно сказать (как учитель), у вас отличные преподавательские данные! есть множество людей, кто хорошо знает свое ремесло, но только единицы могут так грамотно поэтапно объяснить, что и зачем они делают. Сказать спасибо за Ваш труд - не сказать ничего :)

    • @lexantonov4467
      @lexantonov4467 Рік тому +2

      Вас не смутило, что материал старый? Я пробовал постигнуть Prepros через его видео, и это, с новым интерфейсом и несколько изменёнными фишками не представляется возможным без просмотра других(многих) источников.
      Вам удалось по его видео что-то сделать?

  • @user-xs7xe5kj3t
    @user-xs7xe5kj3t 4 роки тому +52

    Блин. Я залип на канале. Сегодня просмотрел более 10 видосов. Реально круто и понятно. Жека, твои видосы лучшие. Побольше тебе подписок и лайков.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +2

      Супер, спасибо! Я очень рад что полезно!

    • @bitmainuser4028
      @bitmainuser4028 4 роки тому

      Да, в паре с Мининым отличный курс фронтэнда выходит.

  • @annamoshina
    @annamoshina 3 роки тому +1

    Большущее спасибо за труды и качественный контент! Нашла канал пару дней дней назад и уже столько нового и полезного узнала))

  • @sheraabdurakhmanov9631
    @sheraabdurakhmanov9631 4 роки тому

    Позитивно понятно простым языком хочется смотреть и смотреть !!!!!!!!! СПАСИБО ЗА ТВОЙ ТРУД! партон обеспечен!

  • @user-xr7pl9hg7g
    @user-xr7pl9hg7g 4 роки тому +15

    Привет! Контент, как всегда, годный и качественный! Сколько ни смотрел про препроцессоры, думал "Ё-мае", проще JS изучить" (шутка). А тут все в одной проге. Супер-вещица. Качаю!

  • @user-en4cc9jg5c
    @user-en4cc9jg5c 4 роки тому +3

    Это сказка какая-то! Всё, над чем я бы сидела час-другой, а в чем-то бы даже и не подумала разобраться и настроить, подано как на блюдечке. Я еще не смогла задать и сформулировать для себя вопросов, а ответы уже поданы) Спасибо огромное! Установила, осваиваю.

  • @pestovavalentina1258
    @pestovavalentina1258 3 роки тому

    Впервые столкнулась с prepros очень шустренький. Не знала что такая автоматизация существует. Спасибо за уроки!

  • @user-wo7vc6ow6d
    @user-wo7vc6ow6d 4 роки тому +1

    Спасибо за ваши уроки! Просмотрев видео, понимаю, что я попал к профи. Удачи всем!

  • @mila4308
    @mila4308 3 роки тому +5

    ничего не использовала, еще не дошла до сборщиков, после вашего видео использую Prepros)) спасибо большое за очередной крутой обзор! как всегда все понятно, супер доступно объясняете, без чего-то лишнего, а главное делитесь такой полезной инфой! и без рекламы! Обожаю ваши видео, спасибо за ваш труд!

  • @artyomvoytenko1237
    @artyomvoytenko1237 4 роки тому +6

    Спасибо за видос. Никаким компилятором до этого не пользовался. Буду начинать с Prepros. Пока что не все понятно, но думаю, что когда начну активно юзать - все станет на места. В общем спасибо за очередной качественный видос!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому

      Спасибо большое! Все мои задачи он покрывает полностью)

    • @wildtube108
      @wildtube108 3 роки тому

      Не могу разобраться в начале,
      Тот препрос который скачал я имеет другой вид, нет кнопок слева, меню совсем по-другому расположено , нет разных форматов, kit например.
      Как настроить эту программу?

  • @severs6572
    @severs6572 2 роки тому +1

    Жека, благодарю. Все уроки очень информативные. Всё чаще ловлю себя на мысли, а не скачивать ли все толковые уроки себе на комп. Вроде и привыкли, что всегда youtube под рукой, а вдруг враги отключат.

  • @user-jl5mp8cr6i
    @user-jl5mp8cr6i 3 роки тому +1

    Женя, ты гений!!! большое спасибо за полезную информацию!!!!!!!

  • @user-wf4np1ne2c
    @user-wf4np1ne2c 4 роки тому +4

    Жень видео огонь!! Это именно то, что я хотел, чтоб было автоматическое обновление, и более ускоренное написание кода)))

  • @user-kb4le4me2d
    @user-kb4le4me2d 2 роки тому +2

    Спасибо за видео! Мега полезный препроц, очень упрощает работу и делает жизнь легче. PS. крутой велосипед)

  • @ye5275
    @ye5275 4 роки тому

    Большое спасибо за видео! Недавно смотрю ваш канал, но уже считаю, что он самый лучший со всего ютуб!

  • @user-lq8zh6tj9e
    @user-lq8zh6tj9e 3 роки тому

    Грамотная подача материала, информативно: и подробно, и при этом без лишней воды:))

  • @chtosp
    @chtosp 4 роки тому +2

    Очень круто, Жека, спасибо, продолжай в том же духе!

  • @Pro_100_R_Z_R
    @Pro_100_R_Z_R 4 роки тому +4

    Спасибо большое, прошёл уже 12у уроков по вёрстке, все отлично, программа класс. Сначала скачал 7 версию, не смог настроить толком, потом скачал ту которая у тебя, все пучком). Спасибо за годный контент. Скоро буду уже портфолио создавать)

  • @ElenaKuzina
    @ElenaKuzina 3 роки тому

    Огонь! Всё работает) Сначала вылетали ошибки, но посмотрела видео до конца и поняла где их искать! Приятно когда начинает работать то, что не работало %))) Удач!

  • @arhangelohek-UKR
    @arhangelohek-UKR 4 роки тому +1

    Крутейшее видео и такая же крутая подача! В общем решил - пересмотрю все видео, надеюсь не забуду поставить везде лайки.

  • @uk-lych_sveta
    @uk-lych_sveta 3 роки тому +29

    Жека, честно говоря нахожусь в самом начале своего пути в IT, несмотря на свои чуть >40 years, но благодаря Твоим замечательным урокам, конечно буду пользоваться всеми программами, которые ты советуешь, в том числе и Prepros. Будь здоров и счастлив!!!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 роки тому

      Рад что полезно!

    • @rustrust-bl7up
      @rustrust-bl7up 9 місяців тому

      как успехи?

    • @uk-lych_sveta
      @uk-lych_sveta 8 місяців тому

      @@rustrust-bl7upвсе ок, учимся, работаем, учимся работаем🤠

    • @user-oq1jk5fy4p
      @user-oq1jk5fy4p 6 місяців тому

      помер
      @@rustrust-bl7up

  • @artemwolkov8567
    @artemwolkov8567 4 роки тому +7

    Отличный контент. Спасибо Жека! Обязательно начну использовать. Работал с Koala, и с Gulp знаком, но здесь все уже упаковано, почему бы не пользоваться.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +2

      Спасибо! Очень рад что вышло полезно!

  • @leonmakedon9317
    @leonmakedon9317 3 роки тому +1

    Всё скачал и начал пользоваться. Отличный Ролик! Было бы интересно узнать про ваш распорядок дня и общение с клиентами, какие казусы попадались вам и как лучше вести себя в той или иной ситуации. Спасибо)

  • @advokatsonline
    @advokatsonline 3 роки тому

    отдельная благодарность Жека за то что показал как один HTML вкладывать в другой, эта казалось бы тривиальная задача а траблов может принести капец, если неправильно сделать. Спасибо!

  • @klyausmyaus1608
    @klyausmyaus1608 3 роки тому +3

    "За" отдельный урок по передаче заказа программисту или заказчику! Спасибо.

  • @ilovekefir8405
    @ilovekefir8405 4 роки тому +7

    Спасибо, теперь учиться буду еще быстрее, возможно мне бы он после первого урока уже пригодился, обновляя страницу в браузере я бы сэкономил какое-то время)

  • @user-hv6dv8hy7l
    @user-hv6dv8hy7l 2 роки тому +1

    Благодарю за видео. Как всегда на высоте. Всё получилось. 7 версия работает хорошо. Всё настроилось, только с Kit разобраться нужно, с путями сохранения.

  • @catvideo166
    @catvideo166 4 роки тому +2

    Было очень полезно! Пользуюсь Prepros, но не все тонкости знал, как пример, о существовании kit... здорово! Огромное спасибо!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому

      Пожалуйста!

    • @MrMaTizFeeD
      @MrMaTizFeeD 4 роки тому

      @@FreelancerLifeStyle А есть документация на kit, в инете не могу найти.

  • @user-mi5xs5pl9p
    @user-mi5xs5pl9p 3 роки тому +17

    Жека, если бы у нас в школах и университетах преподавали с такой же подачей и интересом, как это делаешь ты - мы бы давно обошли все остальные страны в развитии!

  • @user-lp4ev9fi1m
    @user-lp4ev9fi1m 3 роки тому +3

    Спасибо за урок!!! Всё супер-круто :)
    Не стала качать 6.
    В 7 версии тоже всё понятно интуитивно. Бургер справа вверху. Лайв превью - значок волшебной палочки слева от бургера: внутри поставить 2 галочки и открыть Inspect горячими клавишами ctrl+L и потом открыть в самом браузере файл index.html .
    Настройки по дефолту через App Settings открываются (в бургере). Вместо Compiler Settings есть 3 вкладки: HTML Tools, # CSS Tools, JS Tools.
    Ну и так по ходу можно разобраться, ящитаю.
    А вот kit не нашла в 7 версии (

  • @user-om4sn1pq3c
    @user-om4sn1pq3c 2 роки тому

    Выражаю благодарность за ваш труд, если я таки осилю вашу науку - с меня поляна)

  • @Ksksko
    @Ksksko Рік тому +1

    Здравствуйте сейчас эта программа изменилась спасибо за уроки 👍

  • @0vercringer993
    @0vercringer993 4 роки тому +3

    Видео класс, почаще бы такие хорошие видео выходили

  • @pomah7467
    @pomah7467 4 роки тому +3

    Ценный материал. Спасибо!!!!!!

  • @user-je9iu1rk8r
    @user-je9iu1rk8r 4 роки тому

    Отличный урок и отличный учитель, спасибо большое, узнал много нового!)

  • @user-cx9eg1li8l
    @user-cx9eg1li8l 3 роки тому +1

    Огромное спасибо за урок и за то что сохранили 6-ую версию для мака

  • @aleksgbr3878
    @aleksgbr3878 4 роки тому +3

    Видос супер полезный спасибо дорогой!

  • @aleksgbr3878
    @aleksgbr3878 4 роки тому +2

    Большущий лайк респект и уважуха!)))

  • @user-lo7im2rk8h
    @user-lo7im2rk8h 2 роки тому

    Щиро дякую за чудову подачі матеріалу!!! Та за те що ділишся з нами своїм досвідом!!!

  • @maksimrugalov3158
    @maksimrugalov3158 3 роки тому

    Конечно, буду им пользоваться это мой первый сборщик .Эта опция Automatic Browser Reload, огонь. Спасибо за видео. Снимите видео про Git.

  • @user-hm7xf9hj6q
    @user-hm7xf9hj6q 4 роки тому +9

    Женя! Спасибо большое! Kit работает в 7 версии. Просто не из папки Source, а с корня, потому как index.html создается там, где лежит index.kit т.к. в настройках нельзя указать пути вывода. Но все равно круто! Не обязательно же хранить index.kit и прочие файлы header.html в папке source. А так в целом очень доволен уроком, впрочем как и всегда! Женя, Уил Смитр говорит, что не надо думать, что задача построить стену сразу, задача - положить 1 кирпич, но сделать это лучше всех. вот так и ты учишь постепенно, но очень качественно. Я не гонюсь быстрее стать front end разработчиком, я медленно, но верно и качественно учусь у тебя и верю, что это база потом будет стоять как Китайская стена

    • @AdmNice
      @AdmNice 2 роки тому +2

      Понимаю что коммент написан достаточно давно, и может быть уже в программе что-то поменялось, но я нашел как решить проблему с kit/html
      App Settings>Project Defaults>HTML Tools>Turf (Kit)
      Меняем Replace Segments на Relative to Input
      В поле Relative Path пишем такой путь ../ (две точки и слеш)
      Закрываем настройки и радуемся, файлик сохраняется там где надо ;D
      Всем добра!

    • @user-xz9vl8zd5i
      @user-xz9vl8zd5i Рік тому

      @@AdmNice Добрый день! все делаю по урокам но у меня файл index.html основной так и не компилируется можете подсказать в чем может быть проблема?

  • @oleksandrvorzhev5026
    @oleksandrvorzhev5026 4 роки тому +3

    Крутая у вас идея сделать видео о получении заказа и после выполнения отправки его заказчику... будет единственный годный видос на всем Ютуб!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +1

      Да, но нужно найти заказчика который будет не против. А это почти невозможно))

    • @oleksandrvorzhev5026
      @oleksandrvorzhev5026 4 роки тому

      @@FreelancerLifeStyle Особенно интересно, как делать мелкие поправки в работающем уже сайте.. То есть когда сайт на сервере. Это прям загадка для новичков)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +1

      @@oleksandrvorzhev5026 ок

  • @vepr6129
    @vepr6129 4 роки тому +2

    До этого никаким сборщиком не пользовался. Крутой обзор, спасибо Жека, теперь буду юзать Prepros.

  • @rim777rim9
    @rim777rim9 3 роки тому

    prepros попробую, потому что смотрю твои уроки верстки html css js. спасибо за уроки.

  • @dilshodbaxtiyorov1691
    @dilshodbaxtiyorov1691 3 роки тому +2

    спасибо большое за урок и за полезные информации

  • @vladmai4599
    @vladmai4599 4 роки тому +16

    Пушка, бомба, ракета)

  • @meowmeowmeowmeow000
    @meowmeowmeowmeow000 6 місяців тому

    Спасибо большое за это видео, я только недавно начал изучать html и css и всегда мечтал о такой функции чтобы не обновлять страницу и не смотреть результат измененного кода, а чтобы изменения были видны сразу как только изменяешь и сохраняешь код, как я рад что такое уже придумали люди, кстати у вас также очень классные видео про css, много нового из них узнал

  • @dexterholland4430
    @dexterholland4430 4 роки тому +1

    Все ровно разложил, красава!!!) В видосе ты затронул работу с js, очень хотелось бы уроки по нему :)
    Спасибо большое, за твои труды!)

  • @user-xk1hz9hb3m
    @user-xk1hz9hb3m 2 роки тому +3

    Спасибо за все видео! Очень полезно, учиться - одно удовольствие. Только у prepro, видимо, в 2021 интерфейс изменился. Часть из того, что на видео ,не могу в настройках найти. Например, целевую папку для компиляции из scss в css... Возможно, есть смысл обновить урок))

  • @aaronaaaronson9182
    @aaronaaaronson9182 2 роки тому +10

    Евгений, спасибо за урок. Вопрос. Актуально ли сейчас использовать препрос, если пользуюсь Live Server и SASS в VS Code?

  • @aleksandryushka9571
    @aleksandryushka9571 3 роки тому +1

    Жека ты очень крутой специалист. Спасибо что делаешь все это для нас. +1 преданый фанат

  • @adeptusCustodius
    @adeptusCustodius 3 роки тому

    Видос спас меня! У меня на vs code плагин SASS Auto Compiller c ума сошел, 3 дня пытался его настроить, ничего не получилось, а сроки поджимают, нужно доделать верстку. Вот теперь работаю с Prepros! Классная прога! Спасибо Женя!

  • @catgamer3825
    @catgamer3825 3 роки тому +9

    У кого на 7 версии "Вроде все по видео настройки выставил и даже как в описании на скриншотах для 7 версии но ничего не работает" подскажу: вы выставили значения default для новых проектов, а этот то уже создали) поменяйте настройки и для него, там есть , найдете.
    KIT - настройте HTML-TURF-Relative to Input path="../" kit заработал. Где то в комментарии ниже Женя выложил видео с разбором настроек 7 версии, Женя это видео в шапку бы или в закреп.
    Жека, привет! =) Спасибо тебе.
    ps Досмотрел до конца! Так ты тоже велосипедист, прикольно =)

    • @user-gf4dl8zc5k
      @user-gf4dl8zc5k 3 роки тому

      немного не понял, как выставить дефолтные настройки, на каждый проект приходится пути сохранения kit и css прописывать, подскажешь?

    • @catgamer3825
      @catgamer3825 3 роки тому

      @@user-gf4dl8zc5k ua-cam.com/video/6xzO7E606Jc/v-deo.html )))
      пересмотри, Женя в видео показывает

    • @nikroman.v
      @nikroman.v 3 роки тому

      Спасибо тебе добрый человек!

    • @o_antushevich
      @o_antushevich 3 роки тому

      Спасибо огромное!

  • @user-up8vo5eo9f
    @user-up8vo5eo9f 4 роки тому +75

    Ребята, качайте со второй ссылки, так как первая ссылка на официальный сайт, а там версия 7 и она отличается от 6 версии, на которой Жэка показывает.

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +7

      Да, верно

    • @IgorSemenuk
      @IgorSemenuk 4 роки тому +2

      Хороший совет, но для Linux не подходит.

    • @winsol5103
      @winsol5103 4 роки тому +1

      Спасибо огромное))

    • @pravnik84
      @pravnik84 4 роки тому +18

      @@FreelancerLifeStyle Жека, как насчет повторить на новой версии?))))

    • @pravnik84
      @pravnik84 4 роки тому +4

      @@katerinak5997 а что по поводу настройки ассоциаций файлов kit? 😊

  • @user-dl1jf8vo2q
    @user-dl1jf8vo2q Рік тому

    спасибо Вам большое за такой подробный и прекрасный учебный материал!!!

  • @yuriismakota9574
    @yuriismakota9574 3 роки тому

    Несомненно это супер мощная вещь!!! Спасибо за подачу!

  • @user-um8lt5jo9c
    @user-um8lt5jo9c 4 роки тому +3

    Использую галп, но достаточно и етого инструмента, думаю буду юзать prepros. Спасибо!)

  • @user-lu8bg6wc4l
    @user-lu8bg6wc4l 3 роки тому +4

    Не человек а ЧЕЛОВЕЧИЩЕ! Практически святой человек!

  • @no_way_back813
    @no_way_back813 4 роки тому

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

  • @user-je8md1kc7u
    @user-je8md1kc7u 3 роки тому

    Большое спасибо, полезная программа, и видео тоже очень полезная. Теперь буду пользоваться prepros

  • @paradox-player
    @paradox-player 4 роки тому +5

    Воу... для меня было полным откровением про препроцессор kit только либо я плохо искал либо хз но что то не могу найти более подробной информации про него , надеюсь выпустишь видео про препроцессор kit ? Видео как всегда на высоте ) хотя как по мне удобней использовать live server который доступен в vs code как расширение. Как обычно лайк коментарий ну и колокольчик врубил )

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +2

      Спасибо! Снимать то про него особо нечего но я что-то придумаю!
      Ну и про VS Code тоже будет выпуск!

    • @user-zr9ky8yx8b
      @user-zr9ky8yx8b 4 роки тому

      @@FreelancerLifeStyle В интернете нет инфы про препроцессор kit. Так что думаю будет актуально очень видео запилить:) Спасибо, очень круто канал!

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  4 роки тому +2

      Спасибо, что-то придумаю

  • @aleksgbr3878
    @aleksgbr3878 4 роки тому +3

    Жека красавец как всегда!

  • @olexanderChorny
    @olexanderChorny 2 роки тому

    Супер! На этот момент прога сильно обновилась, изменилась менюха и настройка, но все равно все получилось и работает отлично! Благодарю!!

  • @user-expert_2023
    @user-expert_2023 4 роки тому +1

    Привет, пользуюсь gulp. После этого видео обязательно попробую prepros. Спасибо, очень полезное видео.

  • @user-lv1fe6rz5q
    @user-lv1fe6rz5q 4 роки тому +4

    Все ок
    Понял где ошибка
    Видос как всегда 🔥

  • @user-wk4fi8vm9g
    @user-wk4fi8vm9g 4 роки тому +8

    Годная крутизна! :)))) я с утками ставлю лайки:)

  • @daniilsmirnov8987
    @daniilsmirnov8987 3 роки тому +1

    Жека спасибо за урок! как всегда на высоте!

  • @Doniyorcs50
    @Doniyorcs50 3 роки тому +1

    Браток ты лучший своём работе👍👍👍

  • @shelove4212
    @shelove4212 4 роки тому +6

    У меня семья и просыпаюсь в 6:00 каждый день что бы поверстать часа 2-3, пока дети не проснуться. На работу пока ходить не надо, а садики закрыты из-за карантина. Жду не дождусь, когда смогу работать весь день)))

    • @danilaundead4760
      @danilaundead4760 2 роки тому

      есть примеры работ ? То что уже успел сверстать.

    • @shelove4212
      @shelove4212 2 роки тому

      @@danilaundead4760 ушел в другую сферу - в крипту. Оказалось фронт-енд не мое. В крипте больше нравится. И получается немного

  • @valentyndubin5441
    @valentyndubin5441 4 роки тому +4

    Спасибо Женя!!! Взял себе на заметку). Если простой проект со стандартными требованиями, то вполне можно юзать. Если оценивать обэктивно. Prepros для сборки проектов на базовом уровне достаточно, для начинающих полный крутяк). Я когда начинал то использовал koala - лайт версия Prepros), там все по простому, отслеживет изменения, компилирует код препроцессоров и добавляет префиксы). Также сборщик можно реализовать в виде расширений в VScode в тем же самым функционалом как и Prepros. Gulp уже для большей кастомизации, можно реализовать гораздо больший функционал и пост обработку под свои задачи. Но всеравно приложение Prepros крутое)

  • @themirrorofpopularity7478
    @themirrorofpopularity7478 3 роки тому

    Привет)) ты красавчик)) всегда познавательно и лаконично все рассказываешь, показываешь, объясняешь)) тут такое дело Prepros обновила дизайн, там все немного по-другому в плане меню.. Считай можно снять новое видео на эту тему))

  • @SANseivich
    @SANseivich 3 роки тому

    Как всегда о(bold)енное спасибо!!! Всё четко разжевал. Эта программа решила некоторые мои вопросы.

  • @ccdeal
    @ccdeal 3 роки тому +18

    ВАЖНО! Все кто скачал последнюю версию и не находит .kit, используйте Turf, расширение указывайте kit и работает всё как надо)

    • @elmirsalmanov602
      @elmirsalmanov602 3 роки тому

      у меня антивирус не допускает прогу, точно без манера и тд?

    • @dexterstarr164
      @dexterstarr164 3 роки тому +1

      @@elmirsalmanov602 Конечно без майнера, антивирус отключи на время, он всегда ругается на сторонние программы

    • @AloneInThisWorld.
      @AloneInThisWorld. 3 роки тому +4

      Актуально или нет не знаю) Нашел решение без Turf. В главном окне prepros в списке папок находим и кликаем на index.kit, справа в появившемся меню указываем путь для index.html к корневой папке. Заменяем файл, если нужно. Работает) ВНИМАНИЕ! Теперь в настройках указано, что TURF это KIT так что ставим смело.

    • @defast950
      @defast950 3 роки тому

      @@AloneInThisWorld. cпасибо, очень помог)

    • @shokhrookhr3850
      @shokhrookhr3850 3 роки тому

      У меня live preview не работает(

  • @user-kb1mr4mc4k
    @user-kb1mr4mc4k 4 роки тому +2

    Спасибо! За твои видео

  • @nikitatytusa9366
    @nikitatytusa9366 Рік тому

    Жека, дякую тобі за таку доступну інформацію, дуже ясно і чітко все викладаєш продовжую далі вчитися з твоєю допомогою))