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

  Рет қаралды 223,121

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

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

4 жыл бұрын

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 400
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
ОЧЕНЬ ценю твой ЛАЙК и КОММЕНТ! Поддержать канал: 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 жыл бұрын
У вас нормально работает Autoprefixer? У меня вообще не работает, хотя галочка стоит. Работаю с less. Prepros 7.2.18. Autoprefixer: 9.7.6.
@mrsergienko
@mrsergienko 4 жыл бұрын
Здравствуйте! Подскажите как настроить Kit Tools в последней версии Prepros, ибо его там просто нет вообще.
@harinbarin
@harinbarin 4 жыл бұрын
хвала интернету и людям, которые великодушно готовы делиться наработанным опытом. Среди огромного количества информации в сети, зачастую переполненной ненужными деталями и водой, огромное удовольствие доставляет настолько офигенная подача материала. Не каждый может быть учителем, но у тебя, Женя, замечательно получается. Будь здоров, спасибо за урок.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Рад что нравится!
@user-oj8oc8ur4v
@user-oj8oc8ur4v 2 жыл бұрын
Спасибо
@user-xr7pl9hg7g
@user-xr7pl9hg7g 4 жыл бұрын
Ах да. Отдельное спасибо за новые вещицы на комоде. В каждом новом видосе новая штуковина. Иногда аж думается, что же в следующем видео там будет ))) Мелочь, а приятно )) Приятно, что человек для нас старается и так заморачивается, даже в таких мелочах. Качество складывается из мелочей! Успеха! И, лайк, однозначно.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое! Верно, стараюсь)
@sergey_savchuk_dev
@sergey_savchuk_dev 3 жыл бұрын
Спасибо ОГРОМНОЕ за полезную инфу. Женя ты супер, продолжай снимать, смотрю все твои ролики!!! Если у кого-то возникла проблема с созданием папки css в #source, я решил это так. В версии 7 путь должен сработать такой ../css Его нужно вставить в настройках программы > бургер > App Setings > Prodject Defaults > CSS Tools > Sass (прокручиваем вниз и нам находим поля ввода) > Output > Replace Segments > Replace With > (меняем значения на ) ../css Если не сработало. Скорее всего вы сначала добавили проект, а потом залезли в настройки программы где меняете путь, но настройки проекта остались прежними. Зайдите в настройки самого проекта и поменяйте путь на ../css
@nomad-kitchen6m2
@nomad-kitchen6m2 3 жыл бұрын
Сергей, огромное спасибо!!! Ваш комментарий помог разобраться!книксен:)
@yatogovsyoebal
@yatogovsyoebal 3 жыл бұрын
Спасибо огромное, очень помогли!!!
@sophiafill161
@sophiafill161 2 жыл бұрын
спасибо, вы спасли меня!
@kate_krem_
@kate_krem_ 2 жыл бұрын
Спасибо вам большое!! У меня сработал второй вариант:)
@Alexgrebeshok
@Alexgrebeshok 2 жыл бұрын
Спасибо) за 2 часа сам так и не разобрался)
@PracticeSNow
@PracticeSNow Жыл бұрын
Женя, спасибо огромное за качественный и полезный материал :)) помимо самомго материла интересно смотреть твои вступительные ролики из разных мест! классный креативный подход!!!
@hiddendangerous1918
@hiddendangerous1918 4 жыл бұрын
"За" отдельный урок по передаче заказа программисту или заказчику! Пользуюсь PREPROS!
@konstantino7016
@konstantino7016 3 жыл бұрын
Женя, вот от самого сердца говорю: с каждым твоим уроком я прям чувствую, как я расту с 0 до начинающего. Столько фишек и крутых вещей узнаю от тебя каждый урок!
@maik1510
@maik1510 4 жыл бұрын
Это просто божественно, спасибо за информацию
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! 😊 Рад что было полезно!
@artsiombekhtser4474
@artsiombekhtser4474 4 жыл бұрын
Действительно шикарная подача материала , как-то раз посмотрел один видос и теперь каждый сижу , пытаюсь , изучаю, вот если б еще были частные курсы было б вообще круто ))
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Курс есть бесплатный на канале
@Droonee
@Droonee 4 жыл бұрын
И снова спасибо! Очень полезная информация. Очень нравится манера повествования. Методично, доступно, с хорошей дикцией.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста! Рад что нравится!
@uk-lych_sveta
@uk-lych_sveta 3 жыл бұрын
Жека, честно говоря нахожусь в самом начале своего пути в IT, несмотря на свои чуть >40 years, но благодаря Твоим замечательным урокам, конечно буду пользоваться всеми программами, которые ты советуешь, в том числе и Prepros. Будь здоров и счастлив!!!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Рад что полезно!
@rustrust-bl7up
@rustrust-bl7up 10 ай бұрын
как успехи?
@uk-lych_sveta
@uk-lych_sveta 8 ай бұрын
@@rustrust-bl7upвсе ок, учимся, работаем, учимся работаем🤠
@user-oq1jk5fy4p
@user-oq1jk5fy4p 7 ай бұрын
помер @@rustrust-bl7up
@user-pc5sr2sg7x
@user-pc5sr2sg7x Жыл бұрын
Женя, великолепное, исчерпывающее видео! до данного видео посмотрела все предыдущие, могу однозначно сказать (как учитель), у вас отличные преподавательские данные! есть множество людей, кто хорошо знает свое ремесло, но только единицы могут так грамотно поэтапно объяснить, что и зачем они делают. Сказать спасибо за Ваш труд - не сказать ничего :)
@lexantonov4467
@lexantonov4467 Жыл бұрын
Вас не смутило, что материал старый? Я пробовал постигнуть Prepros через его видео, и это, с новым интерфейсом и несколько изменёнными фишками не представляется возможным без просмотра других(многих) источников. Вам удалось по его видео что-то сделать?
@konstantino7016
@konstantino7016 3 жыл бұрын
Просто волшебство какое-то! Всё просто и понятно! Спасибо Женя!!!!
@user-en4cc9jg5c
@user-en4cc9jg5c 4 жыл бұрын
Это сказка какая-то! Всё, над чем я бы сидела час-другой, а в чем-то бы даже и не подумала разобраться и настроить, подано как на блюдечке. Я еще не смогла задать и сформулировать для себя вопросов, а ответы уже поданы) Спасибо огромное! Установила, осваиваю.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Супер!
@mila4308
@mila4308 3 жыл бұрын
ничего не использовала, еще не дошла до сборщиков, после вашего видео использую Prepros)) спасибо большое за очередной крутой обзор! как всегда все понятно, супер доступно объясняете, без чего-то лишнего, а главное делитесь такой полезной инфой! и без рекламы! Обожаю ваши видео, спасибо за ваш труд!
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста! Я рад!
@mikhail3374
@mikhail3374 4 жыл бұрын
Пользовался gulp до этого ролика. Буду пробовать prepros теперь. Подача материала просто огонь! Автору огромное спасибо!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Про галп не стоит забывать, лучше знать чем нет)
@fewart
@fewart 3 жыл бұрын
спасибо, очень приятно смотреть твои уроки. Может найдется время сделать обзор последней версии Prepros
@islomtoshev8721
@islomtoshev8721 3 жыл бұрын
Побольше бы таких людей как ты, и мир стал бы лучше.
@crazy.facts.russia
@crazy.facts.russia 3 жыл бұрын
Чувак, спасибо тебе за все ролики. Недавно в ленте видео ютуба услышал твой голос и прям снова вдохновился, хотя был поздний вечер. Надеюсь, у тебя всё хорошо и ты получаешь профит от проделанной работы. Всех благ:)
@armenakcomp
@armenakcomp 4 жыл бұрын
Очень понравилась программка и спасибо что делитесь с нами такой хорошей информацией. Удачи!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Я рад!
@user-xr7pl9hg7g
@user-xr7pl9hg7g 4 жыл бұрын
Привет! Контент, как всегда, годный и качественный! Сколько ни смотрел про препроцессоры, думал "Ё-мае", проще JS изучить" (шутка). А тут все в одной проге. Супер-вещица. Качаю!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Рад что видос полезен!
@elenafromny9567
@elenafromny9567 4 жыл бұрын
Спасибо большое, отличный инструмент!!! Избавляет от лишней головной боли!!!!!
@user-fs6ig1er4r
@user-fs6ig1er4r 4 жыл бұрын
ЖЕКА, СПАСИБО. Третий видос смотрю от а до я. Все скачал, все настроил, все работает. ПРОСТО СУПЕР. Записывай видео. Так держать
@emilchapchakchi8593
@emilchapchakchi8593 4 жыл бұрын
Уже скачала и настриваю препрос! Спасибо большое, Жень! Автопрефиксер очень порадовал!
@user-xs7xe5kj3t
@user-xs7xe5kj3t 4 жыл бұрын
Блин. Я залип на канале. Сегодня просмотрел более 10 видосов. Реально круто и понятно. Жека, твои видосы лучшие. Побольше тебе подписок и лайков.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Супер, спасибо! Я очень рад что полезно!
@bitmainuser4028
@bitmainuser4028 4 жыл бұрын
Да, в паре с Мининым отличный курс фронтэнда выходит.
@kotiko_oks
@kotiko_oks 3 жыл бұрын
Фбсолютно согласен со всеми коментариями🥰 Жека лучший!!!!!!!!!!!!!!!! 😊 огромное спасибо, зато то , что ты делаешь 🤗🤗🤗 Очень полезная инфа 😊
@user-wo7vc6ow6d
@user-wo7vc6ow6d 4 жыл бұрын
Спасибо за ваши уроки! Просмотрев видео, понимаю, что я попал к профи. Удачи всем!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста!
@user-fs2ki7ph5j
@user-fs2ki7ph5j 3 жыл бұрын
Огромное спасибо! Действительно, Гулп и тд нереально сложные и я в них так не разобрался и даже отчаялся. А тут вы с таким материалом полезным
@user-hm7xf9hj6q
@user-hm7xf9hj6q 4 жыл бұрын
Женя! Спасибо большое! Kit работает в 7 версии. Просто не из папки Source, а с корня, потому как index.html создается там, где лежит index.kit т.к. в настройках нельзя указать пути вывода. Но все равно круто! Не обязательно же хранить index.kit и прочие файлы header.html в папке source. А так в целом очень доволен уроком, впрочем как и всегда! Женя, Уил Смитр говорит, что не надо думать, что задача построить стену сразу, задача - положить 1 кирпич, но сделать это лучше всех. вот так и ты учишь постепенно, но очень качественно. Я не гонюсь быстрее стать front end разработчиком, я медленно, но верно и качественно учусь у тебя и верю, что это база потом будет стоять как Китайская стена
@AdmNice
@AdmNice 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 основной так и не компилируется можете подсказать в чем может быть проблема?
@user-wf4np1ne2c
@user-wf4np1ne2c 4 жыл бұрын
Жень видео огонь!! Это именно то, что я хотел, чтоб было автоматическое обновление, и более ускоренное написание кода)))
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Рад что полезно!
@vvks9901
@vvks9901 Жыл бұрын
Женя, мегакрутые объяснения. Почему все так понятно... Круто, очень круто!!! Очень подробное и понятное объяснение Prepros. После это видео мне стало понятно как пользоваться документацией!!!
@user-dw1uu6cb9j
@user-dw1uu6cb9j 3 жыл бұрын
Просто пушка! Раньше всегда настаивал сборку проекта в gulp, и это занимало много времени, а тут есть все, что нужно и уже настроено из коробки, максимум пару галочек поставить, это просто огонь!
@artyomvoytenko1237
@artyomvoytenko1237 4 жыл бұрын
Спасибо за видос. Никаким компилятором до этого не пользовался. Буду начинать с Prepros. Пока что не все понятно, но думаю, что когда начну активно юзать - все станет на места. В общем спасибо за очередной качественный видос!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое! Все мои задачи он покрывает полностью)
@wildtube108
@wildtube108 3 жыл бұрын
Не могу разобраться в начале, Тот препрос который скачал я имеет другой вид, нет кнопок слева, меню совсем по-другому расположено , нет разных форматов, kit например. Как настроить эту программу?
@chtosp
@chtosp 4 жыл бұрын
Очень круто, Жека, спасибо, продолжай в том же духе!
@annamoshina
@annamoshina 3 жыл бұрын
Большущее спасибо за труды и качественный контент! Нашла канал пару дней дней назад и уже столько нового и полезного узнала))
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Я рад!
@AlexanderShutter
@AlexanderShutter 3 жыл бұрын
Отличная программа. До знакомства с ней всё думал, как реализована анимация изменений стилей в уроках. А вот оно что оказывается. За такую софтинку и деньги не жалко заплатить, очень полезный инструмент. Спасибо, Женя.
@user-up8vo5eo9f
@user-up8vo5eo9f 4 жыл бұрын
Ребята, качайте со второй ссылки, так как первая ссылка на официальный сайт, а там версия 7 и она отличается от 6 версии, на которой Жэка показывает.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Да, верно
@IgorSemenuk
@IgorSemenuk 4 жыл бұрын
Хороший совет, но для Linux не подходит.
@winsol5103
@winsol5103 4 жыл бұрын
Спасибо огромное))
@pravnik84
@pravnik84 4 жыл бұрын
@@FreelancerLifeStyle Жека, как насчет повторить на новой версии?))))
@pravnik84
@pravnik84 4 жыл бұрын
@@katerinak5997 а что по поводу настройки ассоциаций файлов kit? 😊
@artemwolkov8567
@artemwolkov8567 4 жыл бұрын
Отличный контент. Спасибо Жека! Обязательно начну использовать. Работал с Koala, и с Gulp знаком, но здесь все уже упаковано, почему бы не пользоваться.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Очень рад что вышло полезно!
@antonprokopenko2476
@antonprokopenko2476 3 жыл бұрын
На сегодняшний день использую только то, что дается в твоих урока. И пытаюсь не спеша разбираться во всем особенно когда видео уже 2 года и программы обновились. Но когда что-то получается не с первого раза то это как мини победа. А радости как у ребенка))) Спасибо.
@user-lo7im2rk8h
@user-lo7im2rk8h 2 жыл бұрын
Щиро дякую за чудову подачі матеріалу!!! Та за те що ділишся з нами своїм досвідом!!!
@Pro_100_R_Z_R
@Pro_100_R_Z_R 4 жыл бұрын
Спасибо большое, прошёл уже 12у уроков по вёрстке, все отлично, программа класс. Сначала скачал 7 версию, не смог настроить толком, потом скачал ту которая у тебя, все пучком). Спасибо за годный контент. Скоро буду уже портфолио создавать)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Крутяк!
@pomah7467
@pomah7467 4 жыл бұрын
Ценный материал. Спасибо!!!!!!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@sheraabdurakhmanov9631
@sheraabdurakhmanov9631 4 жыл бұрын
Позитивно понятно простым языком хочется смотреть и смотреть !!!!!!!!! СПАСИБО ЗА ТВОЙ ТРУД! партон обеспечен!
@user-jl5mp8cr6i
@user-jl5mp8cr6i 3 жыл бұрын
Женя, ты гений!!! большое спасибо за полезную информацию!!!!!!!
@ilovekefir8405
@ilovekefir8405 4 жыл бұрын
Спасибо, теперь учиться буду еще быстрее, возможно мне бы он после первого урока уже пригодился, обновляя страницу в браузере я бы сэкономил какое-то время)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста! 👍
@klyausmyaus1608
@klyausmyaus1608 3 жыл бұрын
"За" отдельный урок по передаче заказа программисту или заказчику! Спасибо.
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Тут kzbin.info/www/bejne/mWGxmn99jcaHsLs
@klyausmyaus1608
@klyausmyaus1608 3 жыл бұрын
@@FreelancerLifeStyle Благодарю.
@user-lq8zh6tj9e
@user-lq8zh6tj9e 3 жыл бұрын
Грамотная подача материала, информативно: и подробно, и при этом без лишней воды:))
@ye5275
@ye5275 4 жыл бұрын
Большое спасибо за видео! Недавно смотрю ваш канал, но уже считаю, что он самый лучший со всего ютуб!
@aaronaaaronson9182
@aaronaaaronson9182 2 жыл бұрын
Евгений, спасибо за урок. Вопрос. Актуально ли сейчас использовать препрос, если пользуюсь Live Server и SASS в VS Code?
@aleksgbr3878
@aleksgbr3878 4 жыл бұрын
Видос супер полезный спасибо дорогой!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Рад что полезно!
@arhangelohek-UKR
@arhangelohek-UKR 4 жыл бұрын
Крутейшее видео и такая же крутая подача! В общем решил - пересмотрю все видео, надеюсь не забуду поставить везде лайки.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@user-cx9eg1li8l
@user-cx9eg1li8l 3 жыл бұрын
Огромное спасибо за урок и за то что сохранили 6-ую версию для мака
@user-kb4le4me2d
@user-kb4le4me2d 2 жыл бұрын
Спасибо за видео! Мега полезный препроц, очень упрощает работу и делает жизнь легче. PS. крутой велосипед)
@vladmai4599
@vladmai4599 4 жыл бұрын
Пушка, бомба, ракета)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Крутяк! Рад что полезно! 👍
@ElenaKuzina
@ElenaKuzina 3 жыл бұрын
Огонь! Всё работает) Сначала вылетали ошибки, но посмотрела видео до конца и поняла где их искать! Приятно когда начинает работать то, что не работало %))) Удач!
@Ksksko
@Ksksko Жыл бұрын
Здравствуйте сейчас эта программа изменилась спасибо за уроки 👍
@0vercringer993
@0vercringer993 4 жыл бұрын
Видео класс, почаще бы такие хорошие видео выходили
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Стараюсь как могу)
@dilshodbaxtiyorov1691
@dilshodbaxtiyorov1691 3 жыл бұрын
спасибо большое за урок и за полезные информации
@FreelancerLifeStyle
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста!
@severs6572
@severs6572 2 жыл бұрын
Жека, благодарю. Все уроки очень информативные. Всё чаще ловлю себя на мысли, а не скачивать ли все толковые уроки себе на комп. Вроде и привыкли, что всегда youtube под рукой, а вдруг враги отключат.
@yuriismakota9574
@yuriismakota9574 4 жыл бұрын
Несомненно это супер мощная вещь!!! Спасибо за подачу!
@user-mi5xs5pl9p
@user-mi5xs5pl9p 3 жыл бұрын
Жека, если бы у нас в школах и университетах преподавали с такой же подачей и интересом, как это делаешь ты - мы бы давно обошли все остальные страны в развитии!
@aleksgbr3878
@aleksgbr3878 4 жыл бұрын
Большущий лайк респект и уважуха!)))
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое!)
@vepr6129
@vepr6129 4 жыл бұрын
До этого никаким сборщиком не пользовался. Крутой обзор, спасибо Жека, теперь буду юзать Prepros.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое!
@catvideo166
@catvideo166 4 жыл бұрын
Было очень полезно! Пользуюсь Prepros, но не все тонкости знал, как пример, о существовании kit... здорово! Огромное спасибо!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста!
@MrMaTizFeeD
@MrMaTizFeeD 4 жыл бұрын
@@FreelancerLifeStyle А есть документация на kit, в инете не могу найти.
@shelove4212
@shelove4212 4 жыл бұрын
У меня семья и просыпаюсь в 6:00 каждый день что бы поверстать часа 2-3, пока дети не проснуться. На работу пока ходить не надо, а садики закрыты из-за карантина. Жду не дождусь, когда смогу работать весь день)))
@danilaundead4760
@danilaundead4760 2 жыл бұрын
есть примеры работ ? То что уже успел сверстать.
@shelove4212
@shelove4212 2 жыл бұрын
@@danilaundead4760 ушел в другую сферу - в крипту. Оказалось фронт-енд не мое. В крипте больше нравится. И получается немного
@catgamer3825
@catgamer3825 4 жыл бұрын
У кого на 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 kzbin.info/www/bejne/bKndgGp7a5VpgMU ))) пересмотри, Женя в видео показывает
@nikroman.v
@nikroman.v 3 жыл бұрын
Спасибо тебе добрый человек!
@o_antushevich
@o_antushevich 3 жыл бұрын
Спасибо огромное!
@pestovavalentina1258
@pestovavalentina1258 4 жыл бұрын
Впервые столкнулась с prepros очень шустренький. Не знала что такая автоматизация существует. Спасибо за уроки!
@daniilsmirnov8987
@daniilsmirnov8987 3 жыл бұрын
Жека спасибо за урок! как всегда на высоте!
@user-kb1mr4mc4k
@user-kb1mr4mc4k 4 жыл бұрын
Спасибо! За твои видео
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста! Рад что полезно!
@aleksgbr3878
@aleksgbr3878 4 жыл бұрын
Жека красавец как всегда!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! 👍
@user-je9iu1rk8r
@user-je9iu1rk8r 4 жыл бұрын
Отличный урок и отличный учитель, спасибо большое, узнал много нового!)
@user-om4sn1pq3c
@user-om4sn1pq3c 2 жыл бұрын
Выражаю благодарность за ваш труд, если я таки осилю вашу науку - с меня поляна)
@ccdeal
@ccdeal 3 жыл бұрын
ВАЖНО! Все кто скачал последнюю версию и не находит .kit, используйте Turf, расширение указывайте kit и работает всё как надо)
@elmirsalmanov602
@elmirsalmanov602 3 жыл бұрын
у меня антивирус не допускает прогу, точно без манера и тд?
@dexterstarr164
@dexterstarr164 3 жыл бұрын
@@elmirsalmanov602 Конечно без майнера, антивирус отключи на время, он всегда ругается на сторонние программы
@AloneInThisWorld.
@AloneInThisWorld. 3 жыл бұрын
Актуально или нет не знаю) Нашел решение без Turf. В главном окне prepros в списке папок находим и кликаем на index.kit, справа в появившемся меню указываем путь для index.html к корневой папке. Заменяем файл, если нужно. Работает) ВНИМАНИЕ! Теперь в настройках указано, что TURF это KIT так что ставим смело.
@defast950
@defast950 3 жыл бұрын
@@AloneInThisWorld. cпасибо, очень помог)
@shokhrookhr3850
@shokhrookhr3850 3 жыл бұрын
У меня live preview не работает(
@iliagolota9653
@iliagolota9653 3 жыл бұрын
Подскажите, пожалуйста, а где можно скачать материалы к видео- preprostest?. P. S. Видео - просто бомба, пушка, ракета!
@user-dl1jf8vo2q
@user-dl1jf8vo2q Жыл бұрын
спасибо Вам большое за такой подробный и прекрасный учебный материал!!!
@user-pc4rn3ev5m
@user-pc4rn3ev5m 3 жыл бұрын
Спасибо, Вам, учитель!
@oleksandrvorzhev5026
@oleksandrvorzhev5026 4 жыл бұрын
Крутая у вас идея сделать видео о получении заказа и после выполнения отправки его заказчику... будет единственный годный видос на всем Ютуб!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Да, но нужно найти заказчика который будет не против. А это почти невозможно))
@oleksandrvorzhev5026
@oleksandrvorzhev5026 4 жыл бұрын
@@FreelancerLifeStyle Особенно интересно, как делать мелкие поправки в работающем уже сайте.. То есть когда сайт на сервере. Это прям загадка для новичков)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
@@oleksandrvorzhev5026 ок
@user-um8lt5jo9c
@user-um8lt5jo9c 4 жыл бұрын
Использую галп, но достаточно и етого инструмента, думаю буду юзать prepros. Спасибо!)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Крутяк! 👍
@user-hv6dv8hy7l
@user-hv6dv8hy7l 2 жыл бұрын
Благодарю за видео. Как всегда на высоте. Всё получилось. 7 версия работает хорошо. Всё настроилось, только с Kit разобраться нужно, с путями сохранения.
@NeedForHeavyMetal
@NeedForHeavyMetal 2 жыл бұрын
невероятно крутой урок! спасибо!
@user-lv1fe6rz5q
@user-lv1fe6rz5q 4 жыл бұрын
Все ок Понял где ошибка Видос как всегда 🔥
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@GamBitt777
@GamBitt777 4 жыл бұрын
Спасибо за видео, кайф)))
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Супер! Я очень рад)
@dexterholland4430
@dexterholland4430 4 жыл бұрын
Все ровно разложил, красава!!!) В видосе ты затронул работу с js, очень хотелось бы уроки по нему :) Спасибо большое, за твои труды!)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Уроки будут!
@tymurkhalibekov6474
@tymurkhalibekov6474 4 жыл бұрын
Очень полезно. Каждый разработчик должен для себя это открыть!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@user-wk4fi8vm9g
@user-wk4fi8vm9g 4 жыл бұрын
Годная крутизна! :)))) я с утками ставлю лайки:)
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@paradox-player
@paradox-player 4 жыл бұрын
Воу... для меня было полным откровением про препроцессор kit только либо я плохо искал либо хз но что то не могу найти более подробной информации про него , надеюсь выпустишь видео про препроцессор kit ? Видео как всегда на высоте ) хотя как по мне удобней использовать live server который доступен в vs code как расширение. Как обычно лайк коментарий ну и колокольчик врубил )
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Снимать то про него особо нечего но я что-то придумаю! Ну и про VS Code тоже будет выпуск!
@user-zr9ky8yx8b
@user-zr9ky8yx8b 4 жыл бұрын
@@FreelancerLifeStyle В интернете нет инфы про препроцессор kit. Так что думаю будет актуально очень видео запилить:) Спасибо, очень круто канал!
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо, что-то придумаю
@user-op9lc3ws9z
@user-op9lc3ws9z 2 жыл бұрын
Респект і повага до твого контенту. Дуже класний підхід до подачі матеріалу. Доступно та зрозуміло )))
@rim777rim9
@rim777rim9 3 жыл бұрын
prepros попробую, потому что смотрю твои уроки верстки html css js. спасибо за уроки.
@martinseptim551
@martinseptim551 3 жыл бұрын
Спасибо за гайдик, всё работает. Но возник вопрос, получается иерархию папок с Prepros по БЭМу не настроить, получается файлы должны лежать в папке по типу, а не по назначению? или же можно как то это дело настроить?
@user-lp4ev9fi1m
@user-lp4ev9fi1m 3 жыл бұрын
Спасибо за урок!!! Всё супер-круто :) Не стала качать 6. В 7 версии тоже всё понятно интуитивно. Бургер справа вверху. Лайв превью - значок волшебной палочки слева от бургера: внутри поставить 2 галочки и открыть Inspect горячими клавишами ctrl+L и потом открыть в самом браузере файл index.html . Настройки по дефолту через App Settings открываются (в бургере). Вместо Compiler Settings есть 3 вкладки: HTML Tools, # CSS Tools, JS Tools. Ну и так по ходу можно разобраться, ящитаю. А вот kit не нашла в 7 версии (
@user-je8md1kc7u
@user-je8md1kc7u 3 жыл бұрын
Большое спасибо, полезная программа, и видео тоже очень полезная. Теперь буду пользоваться prepros
@-Forever-Young-
@-Forever-Young- 3 жыл бұрын
Отличное видео. Спасибо за твой труд
@user-bl9de2cn5i
@user-bl9de2cn5i 4 жыл бұрын
Круто круто спасибо тебе за всё
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! 👍
@demianamnel01
@demianamnel01 2 жыл бұрын
Кто не хочет мучаться с 7 версией на том же сайте, где качаем preprose в меню есть FAQ и тас в вопросе "How can I download prepros 6?" есть ссылка на версию, которая в видосе
@typoproger4545
@typoproger4545 Жыл бұрын
спасибо добрый человек
@user-bc6hj6qg3q
@user-bc6hj6qg3q Жыл бұрын
А почему мучиться? в чем разница?
@nikitatytusa9366
@nikitatytusa9366 Жыл бұрын
Жека, дякую тобі за таку доступну інформацію, дуже ясно і чітко все викладаєш продовжую далі вчитися з твоєю допомогою))
@user-kk6ob5ud3n
@user-kk6ob5ud3n 2 жыл бұрын
Круто! Очень кратко и понятно. Спасибо большое!
@user-xk1hz9hb3m
@user-xk1hz9hb3m 2 жыл бұрын
Спасибо за все видео! Очень полезно, учиться - одно удовольствие. Только у prepro, видимо, в 2021 интерфейс изменился. Часть из того, что на видео ,не могу в настройках найти. Например, целевую папку для компиляции из scss в css... Возможно, есть смысл обновить урок))
@user-fd9ck2uy4w
@user-fd9ck2uy4w 4 жыл бұрын
Женя, привет, спасибо за видео, очено полезное. Есть вопрос. Поставил Prepros версии 7 бесплатный, но в нем отсутствует Kit. Можешь подсказать что нужно сделать что бы Kit появился?
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
В настройках нет но он работает
@AlexanderShutter
@AlexanderShutter 3 жыл бұрын
@@FreelancerLifeStyle правильно я понял, что теперь нужно указывать путь непосредственно в настройках файла index.kit?
@user-cg8gs9qw4i
@user-cg8gs9qw4i 3 жыл бұрын
@@AlexanderShutter Настройки расширения HTML Tools -> Turf будут смотреть на файлы .kit
@MLBB_hesoyam
@MLBB_hesoyam 3 жыл бұрын
@@user-cg8gs9qw4i спасибо,помогло!
@advokatsonline
@advokatsonline 3 жыл бұрын
отдельная благодарность Жека за то что показал как один HTML вкладывать в другой, эта казалось бы тривиальная задача а траблов может принести капец, если неправильно сделать. Спасибо!
@valentiny5461
@valentiny5461 4 жыл бұрын
Женя, спасибо, очень полезная штука.
@FreelancerLifeStyle
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
ПООСТЕРЕГИСЬ🙊🙊🙊
00:39
Chapitosiki
Рет қаралды 67 МЛН
小女孩把路人当成离世的妈妈,太感人了.#short #angel #clown
00:53
Китайка и Пчелка 10 серия😂😆
00:19
KITAYKA
Рет қаралды 2,1 МЛН
Ускоряем верстку | Гайд по препроцессору стилей | Sass (SCSS)
27:02
Александр Ламков — Friendly Frontend
Рет қаралды 16 М.
Responsive web design in 37 minutes + layout. You don’t need Bootstrap!
36:44
Фрілансер по життю
Рет қаралды 1 МЛН
Что такое Sass?
16:07
Веб-разработка - DevMagazine
Рет қаралды 8 М.
Препроцессор Sass/SCSS за 17 минут
17:49
Code Lab - Уроки по программированию
Рет қаралды 13 М.
ПООСТЕРЕГИСЬ🙊🙊🙊
00:39
Chapitosiki
Рет қаралды 67 МЛН