Prepros что это. Как пользоваться prepros // Сборка фронтэнда // Компилятор SASS KIT
Рет қаралды 223,907
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
@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 4 жыл бұрын
Почему на sublime файл scss цвет текста белый? На index и css цвета как установлено.
@Germesych_game 4 жыл бұрын
@@timurtadjiev3737 надо плагин ставить для scss. он его просто не понимает и распознает как обычный файл. гуглани, я просто в vscode уже дано работаю, точно не помню.
@Germesych_game 4 жыл бұрын
тоже поставил 6 версию, ибо 7 версия ад какой-то... получилось настроить KIT и Less. с Less, только если сам файл style.less лежит в папке #source остальное можно в отдельную и импортить в сам файл, тогда работает. если и основной файл вложить в папку less к примеру, то жопа... короче вот та не работает #source/less/style.less как не мучался, чет не получилось. только если основной файл лежит вот так - #source/style.less
@karl9358 4 жыл бұрын
У вас нормально работает Autoprefixer? У меня вообще не работает, хотя галочка стоит. Работаю с less. Prepros 7.2.18. Autoprefixer: 9.7.6.
@mrsergienko 4 жыл бұрын
Здравствуйте! Подскажите как настроить Kit Tools в последней версии Prepros, ибо его там просто нет вообще.
@harinbarin 4 жыл бұрын
хвала интернету и людям, которые великодушно готовы делиться наработанным опытом. Среди огромного количества информации в сети, зачастую переполненной ненужными деталями и водой, огромное удовольствие доставляет настолько офигенная подача материала. Не каждый может быть учителем, но у тебя, Женя, замечательно получается. Будь здоров, спасибо за урок.
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Рад что нравится!
@user-oj8oc8ur4v 2 жыл бұрын
Спасибо
@sergey_savchuk_dev 3 жыл бұрын
Спасибо ОГРОМНОЕ за полезную инфу. Женя ты супер, продолжай снимать, смотрю все твои ролики!!! Если у кого-то возникла проблема с созданием папки css в #source, я решил это так. В версии 7 путь должен сработать такой ../css Его нужно вставить в настройках программы > бургер > App Setings > Prodject Defaults > CSS Tools > Sass (прокручиваем вниз и нам находим поля ввода) > Output > Replace Segments > Replace With > (меняем значения на ) ../css Если не сработало. Скорее всего вы сначала добавили проект, а потом залезли в настройки программы где меняете путь, но настройки проекта остались прежними. Зайдите в настройки самого проекта и поменяйте путь на ../css
@nomad-kitchen6m2 3 жыл бұрын
Сергей, огромное спасибо!!! Ваш комментарий помог разобраться!книксен:)
@yatogovsyoebal 3 жыл бұрын
Спасибо огромное, очень помогли!!!
@sophiafill161 2 жыл бұрын
спасибо, вы спасли меня!
@kate_krem_ 2 жыл бұрын
Спасибо вам большое!! У меня сработал второй вариант:)
@Alexgrebeshok 2 жыл бұрын
Спасибо) за 2 часа сам так и не разобрался)
@maik1510 4 жыл бұрын
Это просто божественно, спасибо за информацию
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! 😊 Рад что было полезно!
@user-xr7pl9hg7g 4 жыл бұрын
Ах да. Отдельное спасибо за новые вещицы на комоде. В каждом новом видосе новая штуковина. Иногда аж думается, что же в следующем видео там будет ))) Мелочь, а приятно )) Приятно, что человек для нас старается и так заморачивается, даже в таких мелочах. Качество складывается из мелочей! Успеха! И, лайк, однозначно.
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое! Верно, стараюсь)
@artsiombekhtser4474 4 жыл бұрын
Действительно шикарная подача материала , как-то раз посмотрел один видос и теперь каждый сижу , пытаюсь , изучаю, вот если б еще были частные курсы было б вообще круто ))
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Курс есть бесплатный на канале
@Droonee 4 жыл бұрын
И снова спасибо! Очень полезная информация. Очень нравится манера повествования. Методично, доступно, с хорошей дикцией.
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста! Рад что нравится!
@sheraabdurakhmanov9631 4 жыл бұрын
Позитивно понятно простым языком хочется смотреть и смотреть !!!!!!!!! СПАСИБО ЗА ТВОЙ ТРУД! партон обеспечен!
@chtosp 4 жыл бұрын
Очень круто, Жека, спасибо, продолжай в том же духе!
@PracticeSNow Жыл бұрын
Женя, спасибо огромное за качественный и полезный материал :)) помимо самомго материла интересно смотреть твои вступительные ролики из разных мест! классный креативный подход!!!
@armenakcomp 4 жыл бұрын
Очень понравилась программка и спасибо что делитесь с нами такой хорошей информацией. Удачи!
@FreelancerLifeStyle 4 жыл бұрын
Я рад!
@user-cx9eg1li8l 3 жыл бұрын
Огромное спасибо за урок и за то что сохранили 6-ую версию для мака
@user-je9iu1rk8r 4 жыл бұрын
Отличный урок и отличный учитель, спасибо большое, узнал много нового!)
@user-xs7xe5kj3t 4 жыл бұрын
Блин. Я залип на канале. Сегодня просмотрел более 10 видосов. Реально круто и понятно. Жека, твои видосы лучшие. Побольше тебе подписок и лайков.
@FreelancerLifeStyle 4 жыл бұрын
Супер, спасибо! Я очень рад что полезно!
@bitmainuser4028 4 жыл бұрын
Да, в паре с Мининым отличный курс фронтэнда выходит.
@user-kb4le4me2d 2 жыл бұрын
Спасибо за видео! Мега полезный препроц, очень упрощает работу и делает жизнь легче. PS. крутой велосипед)
@Ksksko Жыл бұрын
Здравствуйте сейчас эта программа изменилась спасибо за уроки 👍
@yuriismakota9574 4 жыл бұрын
Несомненно это супер мощная вещь!!! Спасибо за подачу!
@artemwolkov8567 4 жыл бұрын
Отличный контент. Спасибо Жека! Обязательно начну использовать. Работал с Koala, и с Gulp знаком, но здесь все уже упаковано, почему бы не пользоваться.
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Очень рад что вышло полезно!
@user-xr7pl9hg7g 4 жыл бұрын
Привет! Контент, как всегда, годный и качественный! Сколько ни смотрел про препроцессоры, думал "Ё-мае", проще JS изучить" (шутка). А тут все в одной проге. Супер-вещица. Качаю!
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Рад что видос полезен!
@aleksandryushka9571 3 жыл бұрын
Жека ты очень крутой специалист. Спасибо что делаешь все это для нас. +1 преданый фанат
@hiddendangerous1918 4 жыл бұрын
"За" отдельный урок по передаче заказа программисту или заказчику! Пользуюсь PREPROS!
@ilovekefir8405 4 жыл бұрын
Спасибо, теперь учиться буду еще быстрее, возможно мне бы он после первого урока уже пригодился, обновляя страницу в браузере я бы сэкономил какое-то время)
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста! 👍
@konstantino7016 3 жыл бұрын
Женя, вот от самого сердца говорю: с каждым твоим уроком я прям чувствую, как я расту с 0 до начинающего. Столько фишек и крутых вещей узнаю от тебя каждый урок!
@user-dl1jf8vo2q 2 жыл бұрын
спасибо Вам большое за такой подробный и прекрасный учебный материал!!!
@pestovavalentina1258 4 жыл бұрын
Впервые столкнулась с prepros очень шустренький. Не знала что такая автоматизация существует. Спасибо за уроки!
@fewart 3 жыл бұрын
спасибо, очень приятно смотреть твои уроки. Может найдется время сделать обзор последней версии Prepros
@user-je8md1kc7u 3 жыл бұрын
Большое спасибо, полезная программа, и видео тоже очень полезная. Теперь буду пользоваться prepros
@user-om4sn1pq3c 2 жыл бұрын
Выражаю благодарность за ваш труд, если я таки осилю вашу науку - с меня поляна)
@kotiko_oks 4 жыл бұрын
Фбсолютно согласен со всеми коментариями🥰 Жека лучший!!!!!!!!!!!!!!!! 😊 огромное спасибо, зато то , что ты делаешь 🤗🤗🤗 Очень полезная инфа 😊
@user-pc5sr2sg7x 2 жыл бұрын
Женя, великолепное, исчерпывающее видео! до данного видео посмотрела все предыдущие, могу однозначно сказать (как учитель), у вас отличные преподавательские данные! есть множество людей, кто хорошо знает свое ремесло, но только единицы могут так грамотно поэтапно объяснить, что и зачем они делают. Сказать спасибо за Ваш труд - не сказать ничего :)
@lexantonov4467 Жыл бұрын
Вас не смутило, что материал старый? Я пробовал постигнуть Prepros через его видео, и это, с новым интерфейсом и несколько изменёнными фишками не представляется возможным без просмотра других(многих) источников. Вам удалось по его видео что-то сделать?
@konstantino7016 3 жыл бұрын
Просто волшебство какое-то! Всё просто и понятно! Спасибо Женя!!!!
@advokatsonline 3 жыл бұрын
отдельная благодарность Жека за то что показал как один HTML вкладывать в другой, эта казалось бы тривиальная задача а траблов может принести капец, если неправильно сделать. Спасибо!
@uk-lych_sveta 3 жыл бұрын
Жека, честно говоря нахожусь в самом начале своего пути в IT, несмотря на свои чуть >40 years, но благодаря Твоим замечательным урокам, конечно буду пользоваться всеми программами, которые ты советуешь, в том числе и Prepros. Будь здоров и счастлив!!!
@FreelancerLifeStyle 3 жыл бұрын
Рад что полезно!
@rustrust-bl7up 11 ай бұрын
как успехи?
@uk-lych_sveta 10 ай бұрын
@@rustrust-bl7upвсе ок, учимся, работаем, учимся работаем🤠
@user-oq1jk5fy4p 8 ай бұрын
помер @@rustrust-bl7up
@vladmai4599 4 жыл бұрын
Пушка, бомба, ракета)
@FreelancerLifeStyle 4 жыл бұрын
Крутяк! Рад что полезно! 👍
@user-expert_2023 4 жыл бұрын
Привет, пользуюсь gulp. После этого видео обязательно попробую prepros. Спасибо, очень полезное видео.
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста!
@annamoshina 3 жыл бұрын
Большущее спасибо за труды и качественный контент! Нашла канал пару дней дней назад и уже столько нового и полезного узнала))
@FreelancerLifeStyle 3 жыл бұрын
Я рад!
@pomah7467 4 жыл бұрын
Ценный материал. Спасибо!!!!!!
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@0vercringer993 4 жыл бұрын
Видео класс, почаще бы такие хорошие видео выходили
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Стараюсь как могу)
@leonmakedon9317 3 жыл бұрын
Всё скачал и начал пользоваться. Отличный Ролик! Было бы интересно узнать про ваш распорядок дня и общение с клиентами, какие казусы попадались вам и как лучше вести себя в той или иной ситуации. Спасибо)
@emilchapchakchi8593 4 жыл бұрын
Уже скачала и настриваю препрос! Спасибо большое, Жень! Автопрефиксер очень порадовал!
@user-wf4np1ne2c 4 жыл бұрын
Жень видео огонь!! Это именно то, что я хотел, чтоб было автоматическое обновление, и более ускоренное написание кода)))
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Рад что полезно!
@klyausmyaus1608 3 жыл бұрын
"За" отдельный урок по передаче заказа программисту или заказчику! Спасибо.
@FreelancerLifeStyle 3 жыл бұрын
Тут kzfaq.info/get/bejne/mZZ-nK94vce4qo0.html
@klyausmyaus1608 3 жыл бұрын
@@FreelancerLifeStyle Благодарю.
@tymurkhalibekov6474 4 жыл бұрын
Очень полезно. Каждый разработчик должен для себя это открыть!
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@nikitatytusa9366 Жыл бұрын
Жека, дякую тобі за таку доступну інформацію, дуже ясно і чітко все викладаєш продовжую далі вчитися з твоєю допомогою))
@aleksgbr3878 4 жыл бұрын
Видос супер полезный спасибо дорогой!
@FreelancerLifeStyle 4 жыл бұрын
Рад что полезно!
@islomtoshev8721 4 жыл бұрын
Побольше бы таких людей как ты, и мир стал бы лучше.
@user-rc4yd1kx4t 2 жыл бұрын
Спасибо! Это то что я искал, буду пользоваться. :)
@themirrorofpopularity7478 3 жыл бұрын
Привет)) ты красавчик)) всегда познавательно и лаконично все рассказываешь, показываешь, объясняешь)) тут такое дело Prepros обновила дизайн, там все немного по-другому в плане меню.. Считай можно снять новое видео на эту тему))
@elenafromny9567 4 жыл бұрын
Спасибо большое, отличный инструмент!!! Избавляет от лишней головной боли!!!!!
@aleksgbr3878 4 жыл бұрын
Большущий лайк респект и уважуха!)))
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое!)
@mickzc7064 3 жыл бұрын
Большое спасибо ! Главное не останавливайся ! Лайк в подарок ! )))
@FreelancerLifeStyle 3 жыл бұрын
Спасибо!
@no_way_back813 4 жыл бұрын
Отличный урок, хоть я и практиковался верстать странички с помощью Gulp, и провел настройку с помощью твоего урока) Все же буду пробовать использовать Prepros и пользоватся им
@user-hm7xf9hj6q 4 жыл бұрын
Женя! Спасибо большое! Kit работает в 7 версии. Просто не из папки Source, а с корня, потому как index.html создается там, где лежит index.kit т.к. в настройках нельзя указать пути вывода. Но все равно круто! Не обязательно же хранить index.kit и прочие файлы header.html в папке source. А так в целом очень доволен уроком, впрочем как и всегда! Женя, Уил Смитр говорит, что не надо думать, что задача построить стену сразу, задача - положить 1 кирпич, но сделать это лучше всех. вот так и ты учишь постепенно, но очень качественно. Я не гонюсь быстрее стать front end разработчиком, я медленно, но верно и качественно учусь у тебя и верю, что это база потом будет стоять как Китайская стена
@AdmNice 2 жыл бұрын
Понимаю что коммент написан достаточно давно, и может быть уже в программе что-то поменялось, но я нашел как решить проблему с kit/html App Settings>Project Defaults>HTML Tools>Turf (Kit) Меняем Replace Segments на Relative to Input В поле Relative Path пишем такой путь ../ (две точки и слеш) Закрываем настройки и радуемся, файлик сохраняется там где надо ;D Всем добра!
@user-xz9vl8zd5i 2 жыл бұрын
@@AdmNice Добрый день! все делаю по урокам но у меня файл index.html основной так и не компилируется можете подсказать в чем может быть проблема?
@user-en4cc9jg5c 4 жыл бұрын
Это сказка какая-то! Всё, над чем я бы сидела час-другой, а в чем-то бы даже и не подумала разобраться и настроить, подано как на блюдечке. Я еще не смогла задать и сформулировать для себя вопросов, а ответы уже поданы) Спасибо огромное! Установила, осваиваю.
@FreelancerLifeStyle 4 жыл бұрын
Супер!
@SANseivich 4 жыл бұрын
Как всегда о(bold)енное спасибо!!! Всё четко разжевал. Эта программа решила некоторые мои вопросы.
@rim777rim9 3 жыл бұрын
prepros попробую, потому что смотрю твои уроки верстки html css js. спасибо за уроки.
@artyomvoytenko1237 4 жыл бұрын
Спасибо за видос. Никаким компилятором до этого не пользовался. Буду начинать с Prepros. Пока что не все понятно, но думаю, что когда начну активно юзать - все станет на места. В общем спасибо за очередной качественный видос!
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое! Все мои задачи он покрывает полностью)
@wildtube108 3 жыл бұрын
Не могу разобраться в начале, Тот препрос который скачал я имеет другой вид, нет кнопок слева, меню совсем по-другому расположено , нет разных форматов, kit например. Как настроить эту программу?
@mila4308 3 жыл бұрын
ничего не использовала, еще не дошла до сборщиков, после вашего видео использую Prepros)) спасибо большое за очередной крутой обзор! как всегда все понятно, супер доступно объясняете, без чего-то лишнего, а главное делитесь такой полезной инфой! и без рекламы! Обожаю ваши видео, спасибо за ваш труд!
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста! Я рад!
@user-on6lz5ml1y 4 жыл бұрын
Видео очень полезное и информативное! Обязательно буду пользоваться этой программой! Спасибо за обзор и разъяснения! С меня лайк и комментарий (самое минимальное что могу сделать...)
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@user-kk6ob5ud3n 2 жыл бұрын
Круто! Очень кратко и понятно. Спасибо большое!
@dilshodbaxtiyorov1691 3 жыл бұрын
спасибо большое за урок и за полезные информации
@FreelancerLifeStyle 3 жыл бұрын
Пожалуйста!
@paradox-player 4 жыл бұрын
Воу... для меня было полным откровением про препроцессор kit только либо я плохо искал либо хз но что то не могу найти более подробной информации про него , надеюсь выпустишь видео про препроцессор kit ? Видео как всегда на высоте ) хотя как по мне удобней использовать live server который доступен в vs code как расширение. Как обычно лайк коментарий ну и колокольчик врубил )
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Снимать то про него особо нечего но я что-то придумаю! Ну и про VS Code тоже будет выпуск!
@user-zr9ky8yx8b 4 жыл бұрын
@@FreelancerLifeStyle В интернете нет инфы про препроцессор kit. Так что думаю будет актуально очень видео запилить:) Спасибо, очень круто канал!
@FreelancerLifeStyle 4 жыл бұрын
Спасибо, что-то придумаю
@user-fs2ki7ph5j 3 жыл бұрын
Огромное спасибо! Действительно, Гулп и тд нереально сложные и я в них так не разобрался и даже отчаялся. А тут вы с таким материалом полезным
@NeedForHeavyMetal 2 жыл бұрын
невероятно крутой урок! спасибо!
@aleksgbr3878 4 жыл бұрын
Жека красавец как всегда!
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! 👍
@user-mi5xs5pl9p 3 жыл бұрын
Жека, если бы у нас в школах и университетах преподавали с такой же подачей и интересом, как это делаешь ты - мы бы давно обошли все остальные страны в развитии!
@radyslavvaluiskyi452 4 жыл бұрын
Интересный инструмент, будем разбираться по ходу обучения. Спасибо)
@Doniyorcs50 3 жыл бұрын
Браток ты лучший своём работе👍👍👍
@Pro_100_R_Z_R 4 жыл бұрын
Спасибо большое, прошёл уже 12у уроков по вёрстке, все отлично, программа класс. Сначала скачал 7 версию, не смог настроить толком, потом скачал ту которая у тебя, все пучком). Спасибо за годный контент. Скоро буду уже портфолио создавать)
@FreelancerLifeStyle 4 жыл бұрын
Крутяк!
@user-lv1fe6rz5q 4 жыл бұрын
Все ок Понял где ошибка Видос как всегда 🔥
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@user-op9lc3ws9z 2 жыл бұрын
Респект і повага до твого контенту. Дуже класний підхід до подачі матеріалу. Доступно та зрозуміло )))
@yuriishevchenko2594 4 жыл бұрын
Спасибо за объяснение еще одного удобного инструмента!
@user-um8lt5jo9c 4 жыл бұрын
Использую галп, но достаточно и етого инструмента, думаю буду юзать prepros. Спасибо!)
@FreelancerLifeStyle 4 жыл бұрын
Крутяк! 👍
@user-kb1mr4mc4k 4 жыл бұрын
Спасибо! За твои видео
@FreelancerLifeStyle 4 жыл бұрын
Пожалуйста! Рад что полезно!
@-Forever-Young- 3 жыл бұрын
Отличное видео. Спасибо за твой труд
@igr3943 4 жыл бұрын
Казалось бы, столько уже контента на ютабчике есть, нечем удивить... Как же я ошибался! Каждый твой видос эпичный, эпохальный, экстраординарный и тому подобное. Продолжай в том же духе! ну а мы будем поддерживать твой канал! Огромное спасибо! P.S. "Prepros" в триале очень отличается от приобретенной (на данный момент).
@FreelancerLifeStyle 4 жыл бұрын
Спасибо большое! Стараюсь)
@user-lp4ev9fi1m 3 жыл бұрын
Спасибо за урок!!! Всё супер-круто :) Не стала качать 6. В 7 версии тоже всё понятно интуитивно. Бургер справа вверху. Лайв превью - значок волшебной палочки слева от бургера: внутри поставить 2 галочки и открыть Inspect горячими клавишами ctrl+L и потом открыть в самом браузере файл index.html . Настройки по дефолту через App Settings открываются (в бургере). Вместо Compiler Settings есть 3 вкладки: HTML Tools, # CSS Tools, JS Tools. Ну и так по ходу можно разобраться, ящитаю. А вот kit не нашла в 7 версии (
@shelove4212 4 жыл бұрын
У меня семья и просыпаюсь в 6:00 каждый день что бы поверстать часа 2-3, пока дети не проснуться. На работу пока ходить не надо, а садики закрыты из-за карантина. Жду не дождусь, когда смогу работать весь день)))
@danilaundead4760 2 жыл бұрын
есть примеры работ ? То что уже успел сверстать.
@shelove4212 2 жыл бұрын
@@danilaundead4760 ушел в другую сферу - в крипту. Оказалось фронт-енд не мое. В крипте больше нравится. И получается немного
@user-lq8zh6tj9e 3 жыл бұрын
Грамотная подача материала, информативно: и подробно, и при этом без лишней воды:))
@arhangelohek-UKR 4 жыл бұрын
Крутейшее видео и такая же крутая подача! В общем решил - пересмотрю все видео, надеюсь не забуду поставить везде лайки.
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@oleksandrvorzhev5026 4 жыл бұрын
Крутая у вас идея сделать видео о получении заказа и после выполнения отправки его заказчику... будет единственный годный видос на всем Ютуб!
@FreelancerLifeStyle 4 жыл бұрын
Да, но нужно найти заказчика который будет не против. А это почти невозможно))
@oleksandrvorzhev5026 4 жыл бұрын
@@FreelancerLifeStyle Особенно интересно, как делать мелкие поправки в работающем уже сайте.. То есть когда сайт на сервере. Это прям загадка для новичков)
@FreelancerLifeStyle 4 жыл бұрын
@@oleksandrvorzhev5026 ок
@user-wk4fi8vm9g 4 жыл бұрын
Годная крутизна! :)))) я с утками ставлю лайки:)
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@user-dw1uu6cb9j 3 жыл бұрын
Просто пушка! Раньше всегда настаивал сборку проекта в gulp, и это занимало много времени, а тут есть все, что нужно и уже настроено из коробки, максимум пару галочек поставить, это просто огонь!
@andygr1n1 3 жыл бұрын
Отличное видео, полезная информация даже учитывая тот факт, что prepros обновился. Так - то пользуемся встроенными в IDE функциями, однако, всегда жаждется "пощупать что-нибудь " новенькое). Спасибо за труд бро.
@GamBitt777 4 жыл бұрын
Спасибо за видео, кайф)))
@FreelancerLifeStyle 4 жыл бұрын
Супер! Я очень рад)
@valentyndubin5441 4 жыл бұрын
Спасибо Женя!!! Взял себе на заметку). Если простой проект со стандартными требованиями, то вполне можно юзать. Если оценивать обэктивно. Prepros для сборки проектов на базовом уровне достаточно, для начинающих полный крутяк). Я когда начинал то использовал koala - лайт версия Prepros), там все по простому, отслеживет изменения, компилирует код препроцессоров и добавляет префиксы). Также сборщик можно реализовать в виде расширений в VScode в тем же самым функционалом как и Prepros. Gulp уже для большей кастомизации, можно реализовать гораздо больший функционал и пост обработку под свои задачи. Но всеравно приложение Prepros крутое)
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@user-pc4rn3ev5m 3 жыл бұрын
Спасибо, Вам, учитель!
@olexanderChorny 2 жыл бұрын
Супер! На этот момент прога сильно обновилась, изменилась менюха и настройка, но все равно все получилось и работает отлично! Благодарю!!
@user-xk1hz9hb3m 2 жыл бұрын
Спасибо за все видео! Очень полезно, учиться - одно удовольствие. Только у prepro, видимо, в 2021 интерфейс изменился. Часть из того, что на видео ,не могу в настройках найти. Например, целевую папку для компиляции из scss в css... Возможно, есть смысл обновить урок))
@catgamer3825 4 жыл бұрын
У кого на 7 версии "Вроде все по видео настройки выставил и даже как в описании на скриншотах для 7 версии но ничего не работает" подскажу: вы выставили значения default для новых проектов, а этот то уже создали) поменяйте настройки и для него, там есть , найдете. KIT - настройте HTML-TURF-Relative to Input path="../" kit заработал. Где то в комментарии ниже Женя выложил видео с разбором настроек 7 версии, Женя это видео в шапку бы или в закреп. Жека, привет! =) Спасибо тебе. ps Досмотрел до конца! Так ты тоже велосипедист, прикольно =)
@user-gf4dl8zc5k 4 жыл бұрын
немного не понял, как выставить дефолтные настройки, на каждый проект приходится пути сохранения kit и css прописывать, подскажешь?
@catgamer3825 4 жыл бұрын
@@user-gf4dl8zc5k kzfaq.info/get/bejne/bN6qgpp2m5aaepc.html ))) пересмотри, Женя в видео показывает
@nikroman.v 3 жыл бұрын
Спасибо тебе добрый человек!
@o_antushevich 3 жыл бұрын
Спасибо огромное!
@valentiny5461 4 жыл бұрын
Женя, спасибо, очень полезная штука.
@FreelancerLifeStyle 4 жыл бұрын
Спасибо!
@Chester_bell 3 жыл бұрын
Установил, Юзаю. Кайф!!!) Спасибо Жека
@aaronaaaronson9182 2 жыл бұрын
Евгений, спасибо за урок. Вопрос. Актуально ли сейчас использовать препрос, если пользуюсь Live Server и SASS в VS Code?
@Ahmatov-uz 4 жыл бұрын
Круто круто спасибо тебе за всё
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! 👍
@snaden3267 2 жыл бұрын
Очень крутое видео как и обучение в целом. Было бы очень круто увидеть обзор на новую версию Prepros,поскольку там в новой версии,как мне кажеться, немного замудрили. В любом случае,спасибо за эти уроки! Очень полезно,быстро и главное - понятным языком)
@HackerPRO777 2 жыл бұрын
Ты, наверное, уже нашёл, но у него есть стрим с новой версией.
@snaden3267 2 жыл бұрын
@@HackerPRO777 нет,как-то пропустил, можно ссылку?
@mikhail3374 4 жыл бұрын
Пользовался gulp до этого ролика. Буду пробовать prepros теперь. Подача материала просто огонь! Автору огромное спасибо!
@FreelancerLifeStyle 4 жыл бұрын
Спасибо! Про галп не стоит забывать, лучше знать чем нет)
@dmtryl 4 жыл бұрын
спасибо большое, очень понятно и доступно, а главное удобно. Правда Prepros, собака, обновился)
@FreelancerLifeStyle 4 жыл бұрын
Спасибо, да, уже 7я версия. Ту про некоторые настройки рассказываю kzfaq.info/get/bejne/l7uXepyTvrDKm3U.html
@user-up8vo5eo9f 4 жыл бұрын
Ребята, качайте со второй ссылки, так как первая ссылка на официальный сайт, а там версия 7 и она отличается от 6 версии, на которой Жэка показывает.
@FreelancerLifeStyle 4 жыл бұрын
Да, верно
@IgorSemenuk 4 жыл бұрын
Хороший совет, но для Linux не подходит.
@winsol5103 4 жыл бұрын
Спасибо огромное))
@pravnik84 4 жыл бұрын
@@FreelancerLifeStyle Жека, как насчет повторить на новой версии?))))
@pravnik84 4 жыл бұрын
@@katerinak5997 а что по поводу настройки ассоциаций файлов kit? 😊
@deemoor7511 2 жыл бұрын
Евгений, огромное спасибо за этот курс по HTML, CSS. Каждое видео на вес золото. Только в этом уроке возникли небольшие проблемы, из-за того, что за 2 года интерфейс программы поменялся. Сложно находить некоторые настройки и изменять. Так же спасибо, что обновили информацию в описании для путей сохранения. Были проблемы с преобразованием kit в html. Создавался отдельный файл HTML, но спустя 5 минут смог устранить эту проблему
@denismelnik6662 2 жыл бұрын
Да в новом интерфейсе не все так ) как у вас получилось сделать что бы когда пишешь в style.scss оно сохраняло в файл style.css?
@deemoor7511 2 жыл бұрын
@@denismelnik6662 Евгений в описании к видео оставил 2 скриншота по ссылке. И там надо поставить настройки чуть по-другому. Так же расположение папок и файлов должно быть как и в начале видео Отпишитесь, получилось или нет
@denismelnik6662 2 жыл бұрын
@@deemoor7511 Спасибо вам ) и Жека спасибо ) всё заработало ) как для 7 версии как на том скриншоте ) надо сделать ) прописать ../../css и в файле scss сохраняет всё в css )
@deemoor7511 2 жыл бұрын
@@denismelnik6662 я рад что всё получилось!)
@maksimrugalov3158 3 жыл бұрын
Конечно, буду им пользоваться это мой первый сборщик .Эта опция Automatic Browser Reload, огонь. Спасибо за видео. Снимите видео про Git.
Фрілансер по життю
Рет қаралды 740 М.
Александр Ламков — Friendly Frontend
Рет қаралды 20 М.
Фрілансер по життю
Рет қаралды 386 М.
Фрілансер по життю
Рет қаралды 660 М.