@@timurtadjiev3737 надо плагин ставить для scss. он его просто не понимает и распознает как обычный файл. гуглани, я просто в vscode уже дано работаю, точно не помню.
тоже поставил 6 версию, ибо 7 версия ад какой-то... получилось настроить KIT и Less. с Less, только если сам файл style.less лежит в папке #source остальное можно в отдельную и импортить в сам файл, тогда работает. если и основной файл вложить в папку less к примеру, то жопа... короче вот та не работает #source/less/style.less как не мучался, чет не получилось. только если основной файл лежит вот так - #source/style.less
хвала интернету и людям, которые великодушно готовы делиться наработанным опытом. Среди огромного количества информации в сети, зачастую переполненной ненужными деталями и водой, огромное удовольствие доставляет настолько офигенная подача материала. Не каждый может быть учителем, но у тебя, Женя, замечательно получается. Будь здоров, спасибо за урок.
Ах да. Отдельное спасибо за новые вещицы на комоде. В каждом новом видосе новая штуковина. Иногда аж думается, что же в следующем видео там будет ))) Мелочь, а приятно )) Приятно, что человек для нас старается и так заморачивается, даже в таких мелочах. Качество складывается из мелочей! Успеха! И, лайк, однозначно.
Спасибо ОГРОМНОЕ за полезную инфу. Женя ты супер, продолжай снимать, смотрю все твои ролики!!! Если у кого-то возникла проблема с созданием папки css в #source, я решил это так. В версии 7 путь должен сработать такой ../css Его нужно вставить в настройках программы > бургер > App Setings > Prodject Defaults > CSS Tools > Sass (прокручиваем вниз и нам находим поля ввода) > Output > Replace Segments > Replace With > (меняем значения на ) ../css Если не сработало. Скорее всего вы сначала добавили проект, а потом залезли в настройки программы где меняете путь, но настройки проекта остались прежними. Зайдите в настройки самого проекта и поменяйте путь на ../css
Жека, честно говоря нахожусь в самом начале своего пути в IT, несмотря на свои чуть >40 years, но благодаря Твоим замечательным урокам, конечно буду пользоваться всеми программами, которые ты советуешь, в том числе и Prepros. Будь здоров и счастлив!!!
Женя, вот от самого сердца говорю: с каждым твоим уроком я прям чувствую, как я расту с 0 до начинающего. Столько фишек и крутых вещей узнаю от тебя каждый урок!
ТАЙМКОДЫ. Женя, спасибо! Только настройку Kit разработчики программы убрали, по крайней мере не нашёл. 00:00 - Вступление 00:23 - Встречайте, Prepros! 02:11 - Скачивание, установка, первичная настройка 03:12 - Демонстрация возможностей программы 07:16 - Настройка и демонстрация возможностей Prepros на SASS (загляни в описание!) 12:38 - Настройка и демонстрация возможностей Prepros на скриптах JS (загляни в описание!) 17:13 - Настройка и демонстрация возможностей Prepros на Kit. В чём смысл Kit? 22:52 - Другие настройки Prepros 36:47 - Заключение и инструкции от разработчиков программы
Женя! Спасибо большое! Kit работает в 7 версии. Просто не из папки Source, а с корня, потому как index.html создается там, где лежит index.kit т.к. в настройках нельзя указать пути вывода. Но все равно круто! Не обязательно же хранить index.kit и прочие файлы header.html в папке source. А так в целом очень доволен уроком, впрочем как и всегда! Женя, Уил Смитр говорит, что не надо думать, что задача построить стену сразу, задача - положить 1 кирпич, но сделать это лучше всех. вот так и ты учишь постепенно, но очень качественно. Я не гонюсь быстрее стать front end разработчиком, я медленно, но верно и качественно учусь у тебя и верю, что это база потом будет стоять как Китайская стена
Понимаю что коммент написан достаточно давно, и может быть уже в программе что-то поменялось, но я нашел как решить проблему с kit/html App Settings>Project Defaults>HTML Tools>Turf (Kit) Меняем Replace Segments на Relative to Input В поле Relative Path пишем такой путь ../ (две точки и слеш) Закрываем настройки и радуемся, файлик сохраняется там где надо ;D Всем добра!
Женя, спасибо огромное за качественный и полезный материал :)) помимо самомго материла интересно смотреть твои вступительные ролики из разных мест! классный креативный подход!!!
ничего не использовала, еще не дошла до сборщиков, после вашего видео использую Prepros)) спасибо большое за очередной крутой обзор! как всегда все понятно, супер доступно объясняете, без чего-то лишнего, а главное делитесь такой полезной инфой! и без рекламы! Обожаю ваши видео, спасибо за ваш труд!
Это сказка какая-то! Всё, над чем я бы сидела час-другой, а в чем-то бы даже и не подумала разобраться и настроить, подано как на блюдечке. Я еще не смогла задать и сформулировать для себя вопросов, а ответы уже поданы) Спасибо огромное! Установила, осваиваю.
Женя, великолепное, исчерпывающее видео! до данного видео посмотрела все предыдущие, могу однозначно сказать (как учитель), у вас отличные преподавательские данные! есть множество людей, кто хорошо знает свое ремесло, но только единицы могут так грамотно поэтапно объяснить, что и зачем они делают. Сказать спасибо за Ваш труд - не сказать ничего :)
Вас не смутило, что материал старый? Я пробовал постигнуть Prepros через его видео, и это, с новым интерфейсом и несколько изменёнными фишками не представляется возможным без просмотра других(многих) источников. Вам удалось по его видео что-то сделать?
Казалось бы, столько уже контента на ютабчике есть, нечем удивить... Как же я ошибался! Каждый твой видос эпичный, эпохальный, экстраординарный и тому подобное. Продолжай в том же духе! ну а мы будем поддерживать твой канал! Огромное спасибо! P.S. "Prepros" в триале очень отличается от приобретенной (на данный момент).
Действительно шикарная подача материала , как-то раз посмотрел один видос и теперь каждый сижу , пытаюсь , изучаю, вот если б еще были частные курсы было б вообще круто ))
Prepros - супер прога, пришлось купить платную версию, потому что через пару недель юзания бесплатной задолбали появляться окна "купи". Спасибо за такой подробный обзор, теперь буду пользоваться kit.
В данный момент пишу диплом основанный на вёрстке - сайт с бд который является каталогом готовых компонентов сайтов (пока только менюшки и кнопки). Сегодня же наткнулся на то, что часто встречаю готовые элементы с разширениями pug, scss, stylus и не мог понять что это и почему не работает при переносе в мои файлы .html .css - и тут натыкаюсь на это видео! Боже храни Евгения и такие видосы! Это чудо! Даёт желание становиться разрабом и прокачивать скилл в вёрстке! Лайк на видео и респект Евгению!
У меня семья и просыпаюсь в 6:00 каждый день что бы поверстать часа 2-3, пока дети не проснуться. На работу пока ходить не надо, а садики закрыты из-за карантина. Жду не дождусь, когда смогу работать весь день)))
Спасибо за видос. Никаким компилятором до этого не пользовался. Буду начинать с Prepros. Пока что не все понятно, но думаю, что когда начну активно юзать - все станет на места. В общем спасибо за очередной качественный видос!
Не могу разобраться в начале, Тот препрос который скачал я имеет другой вид, нет кнопок слева, меню совсем по-другому расположено , нет разных форматов, kit например. Как настроить эту программу?
Евгений, огромное спасибо за этот курс по HTML, CSS. Каждое видео на вес золото. Только в этом уроке возникли небольшие проблемы, из-за того, что за 2 года интерфейс программы поменялся. Сложно находить некоторые настройки и изменять. Так же спасибо, что обновили информацию в описании для путей сохранения. Были проблемы с преобразованием kit в html. Создавался отдельный файл HTML, но спустя 5 минут смог устранить эту проблему
@@denismelnik6662 Евгений в описании к видео оставил 2 скриншота по ссылке. И там надо поставить настройки чуть по-другому. Так же расположение папок и файлов должно быть как и в начале видео Отпишитесь, получилось или нет
@@deemoor7511 Спасибо вам ) и Жека спасибо ) всё заработало ) как для 7 версии как на том скриншоте ) надо сделать ) прописать ../../css и в файле scss сохраняет всё в css )
Жека, если бы у нас в школах и университетах преподавали с такой же подачей и интересом, как это делаешь ты - мы бы давно обошли все остальные страны в развитии!
Бимба-выбухивка! В самом начале своего обучения потратил кучу времени на другие каналы, но как то не зашло. Твои же видео очень крутые и нереально вдохновлют двигаться дальше! Пользуюсь ютубом много лет, но только твой контент вдохновляет на искренние комментарии благодарности!
Очень редко лайкаю и пишу комменты, но здесь - человеческое ОГРОМНОЕ спасибо! Все говорят про node.js, galp и т.д., причем как их настраивать - хрен его знает: поставьте, установите, пропишите, работайте ... А как это сделать - не говорят, подразумевая, что это всем известно. Здесь все по существу, коротко и понятно на конкретном примере.
Привет! Контент, как всегда, годный и качественный! Сколько ни смотрел про препроцессоры, думал "Ё-мае", проще JS изучить" (шутка). А тут все в одной проге. Супер-вещица. Качаю!
@@FreelancerLifeStyle Особенно интересно, как делать мелкие поправки в работающем уже сайте.. То есть когда сайт на сервере. Это прям загадка для новичков)
Спасибо большое за это видео, я только недавно начал изучать html и css и всегда мечтал о такой функции чтобы не обновлять страницу и не смотреть результат измененного кода, а чтобы изменения были видны сразу как только изменяешь и сохраняешь код, как я рад что такое уже придумали люди, кстати у вас также очень классные видео про css, много нового из них узнал
У кого на 7 версии "Вроде все по видео настройки выставил и даже как в описании на скриншотах для 7 версии но ничего не работает" подскажу: вы выставили значения default для новых проектов, а этот то уже создали) поменяйте настройки и для него, там есть , найдете. KIT - настройте HTML-TURF-Relative to Input path="../" kit заработал. Где то в комментарии ниже Женя выложил видео с разбором настроек 7 версии, Женя это видео в шапку бы или в закреп. Жека, привет! =) Спасибо тебе. ps Досмотрел до конца! Так ты тоже велосипедист, прикольно =)
Видос спас меня! У меня на vs code плагин SASS Auto Compiller c ума сошел, 3 дня пытался его настроить, ничего не получилось, а сроки поджимают, нужно доделать верстку. Вот теперь работаю с Prepros! Классная прога! Спасибо Женя!
Спасибо большое, прошёл уже 12у уроков по вёрстке, все отлично, программа класс. Сначала скачал 7 версию, не смог настроить толком, потом скачал ту которая у тебя, все пучком). Спасибо за годный контент. Скоро буду уже портфолио создавать)
Актуально или нет не знаю) Нашел решение без Turf. В главном окне prepros в списке папок находим и кликаем на index.kit, справа в появившемся меню указываем путь для index.html к корневой папке. Заменяем файл, если нужно. Работает) ВНИМАНИЕ! Теперь в настройках указано, что TURF это KIT так что ставим смело.
Воу... для меня было полным откровением про препроцессор kit только либо я плохо искал либо хз но что то не могу найти более подробной информации про него , надеюсь выпустишь видео про препроцессор kit ? Видео как всегда на высоте ) хотя как по мне удобней использовать live server который доступен в vs code как расширение. Как обычно лайк коментарий ну и колокольчик врубил )
Отличный контент. Спасибо Жека! Обязательно начну использовать. Работал с Koala, и с Gulp знаком, но здесь все уже упаковано, почему бы не пользоваться.
Спасибо за урок!!! Всё супер-круто :) Не стала качать 6. В 7 версии тоже всё понятно интуитивно. Бургер справа вверху. Лайв превью - значок волшебной палочки слева от бургера: внутри поставить 2 галочки и открыть Inspect горячими клавишами ctrl+L и потом открыть в самом браузере файл index.html . Настройки по дефолту через App Settings открываются (в бургере). Вместо Compiler Settings есть 3 вкладки: HTML Tools, # CSS Tools, JS Tools. Ну и так по ходу можно разобраться, ящитаю. А вот kit не нашла в 7 версии (
Не получилось с первого раза настроить программу, поскольку версия вышла уже новая, и чет так расстроился( Но сейчас сел и взглянул на нее свежим взглядом и понял, что ничего сложного в этом нет. Спасибо за обзор, Жень! Ты очень сильно мотивируешь на развитие! Очень редко пишу комментарии на UA-cam, но делаю это тут почти под каждым видосом, чтобы хоть как-то поддержать проект. Твои труды не должны быть незамеченными!
сейчас тоже настраиваю, как я понял разницы в настройке старой и новой версий почти нет, в этом плане они просто слегка изменили интерфейс. p.s какие ощущения от проги, есть ли какие то проблемы? стоит ли взять на постоянное вооружение вместо галпа?
Спасибо Женя!!! Взял себе на заметку). Если простой проект со стандартными требованиями, то вполне можно юзать. Если оценивать обэктивно. Prepros для сборки проектов на базовом уровне достаточно, для начинающих полный крутяк). Я когда начинал то использовал koala - лайт версия Prepros), там все по простому, отслеживет изменения, компилирует код препроцессоров и добавляет префиксы). Также сборщик можно реализовать в виде расширений в VScode в тем же самым функционалом как и Prepros. Gulp уже для большей кастомизации, можно реализовать гораздо больший функционал и пост обработку под свои задачи. Но всеравно приложение Prepros крутое)
Спасибо, теперь учиться буду еще быстрее, возможно мне бы он после первого урока уже пригодился, обновляя страницу в браузере я бы сэкономил какое-то время)
Чувак, спасибо тебе за все ролики. Недавно в ленте видео ютуба услышал твой голос и прям снова вдохновился, хотя был поздний вечер. Надеюсь, у тебя всё хорошо и ты получаешь профит от проделанной работы. Всех благ:)
Отличный урок, хоть я и практиковался верстать странички с помощью Gulp, и провел настройку с помощью твоего урока) Все же буду пробовать использовать Prepros и пользоватся им
Просто пушка! Раньше всегда настаивал сборку проекта в gulp, и это занимало много времени, а тут есть все, что нужно и уже настроено из коробки, максимум пару галочек поставить, это просто огонь!
У кого вопросы по 7й версии - читайте описание видоса! и посмотрите стрим Жеки начиная с 2:20 по ссылке ua-cam.com/video/aUgG9bYJfkA/v-deo.html&ab_channel=%D0%A4%D1%80%D0%B8%D0%BB%D0%B0%D0%BD%D1%81%D0%B5%D1%80%D0%BF%D0%BE%D0%B6%D0%B8%D0%B7%D0%BD%D0%B8-IT%D0%B8%D1%84%D1%80%D0%B8%D0%BB%D0%B0%D0%BD%D1%81
Отличная программа. До знакомства с ней всё думал, как реализована анимация изменений стилей в уроках. А вот оно что оказывается. За такую софтинку и деньги не жалко заплатить, очень полезный инструмент. Спасибо, Женя.
Всё скачал и начал пользоваться. Отличный Ролик! Было бы интересно узнать про ваш распорядок дня и общение с клиентами, какие казусы попадались вам и как лучше вести себя в той или иной ситуации. Спасибо)
Жека, в очередной раз спасибо за качественный контент!!! Надеюсь ты и дальше будешь радовать подписчиков полезными материалами)) Товарищи, может кто настраивал prepros 7.3.38 версии, почему-то не всплывают уведомления в виде смайлика при компиляции. В настройках они включены. Файлы компилируются, но уведомлений нет. Тайм-аут тоже выставил большой.
Очень крутое видео как и обучение в целом. Было бы очень круто увидеть обзор на новую версию Prepros,поскольку там в новой версии,как мне кажеться, немного замудрили. В любом случае,спасибо за эти уроки! Очень полезно,быстро и главное - понятным языком)
Кто не хочет мучаться с 7 версией на том же сайте, где качаем preprose в меню есть FAQ и тас в вопросе "How can I download prepros 6?" есть ссылка на версию, которая в видосе
Отличное видео, полезная информация даже учитывая тот факт, что prepros обновился. Так - то пользуемся встроенными в IDE функциями, однако, всегда жаждется "пощупать что-нибудь " новенькое). Спасибо за труд бро.
отдельная благодарность Жека за то что показал как один HTML вкладывать в другой, эта казалось бы тривиальная задача а траблов может принести капец, если неправильно сделать. Спасибо!
Когда-то изучал по чьим-то урокам... Коалой пользовался,хоть и не долго, не особо знал функционал, но чувствую он сильно проигрывает Препросу. У тебя прям еще обзорчик получился на компилятор) Лайк автоматом)
Раздел .kit tools был мало полезным. Поэтому разработчики Prepros вовсе убрали его из навигации. Из настроек в нём были настройки по автокомпеляции и пути сохранения. Как и говорилось в данном ролике настроить конкретный файл можно просто нажав на него. То есть, если вы столкнулись с проблемой настройки пути сохранения в определенную папку, а не в папку soucre. Просто нажмите на файл к примеру, как из урока на header.kit и справа в панели нажмите на путь и выберите нужную папку, как правило это корень проекта. Ну а галочку автокомпеляции по необходимости можете поставить. Думаю, данный комментарий поможет новичкам 😉
Женя нужен плэй-лист с обзором на хостинги, регистрацию, домены, платно(для заказчиков) , бесплатно (для тестов и может для знакомых)! Очень буду рад если выпустишь обзоры на эту тему, заранее спасибо! С меня лайки!
ОЧЕНЬ ценю твой ЛАЙК и КОММЕНТ!
Поддержать канал: www.patreon.com/freelancerlifestyle
Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
Instagram: instagram.com/freelancer.lifestyle/
Facebook: facebook.com/freelancerlifestyle/
Почему на sublime файл scss цвет текста белый? На index и css цвета как установлено.
@@timurtadjiev3737 надо плагин ставить для scss. он его просто не понимает и распознает как обычный файл. гуглани, я просто в vscode уже дано работаю, точно не помню.
тоже поставил 6 версию, ибо 7 версия ад какой-то... получилось настроить KIT и Less. с Less, только если сам файл style.less лежит в папке #source остальное можно в отдельную и импортить в сам файл, тогда работает. если и основной файл вложить в папку less к примеру, то жопа... короче вот та не работает #source/less/style.less как не мучался, чет не получилось. только если основной файл лежит вот так - #source/style.less
У вас нормально работает Autoprefixer? У меня вообще не работает, хотя галочка стоит.
Работаю с less.
Prepros 7.2.18.
Autoprefixer: 9.7.6.
Здравствуйте! Подскажите как настроить Kit Tools в последней версии Prepros, ибо его там просто нет вообще.
хвала интернету и людям, которые великодушно готовы делиться наработанным опытом. Среди огромного количества информации в сети, зачастую переполненной ненужными деталями и водой, огромное удовольствие доставляет настолько офигенная подача материала. Не каждый может быть учителем, но у тебя, Женя, замечательно получается. Будь здоров, спасибо за урок.
Спасибо! Рад что нравится!
Спасибо
Ах да. Отдельное спасибо за новые вещицы на комоде. В каждом новом видосе новая штуковина. Иногда аж думается, что же в следующем видео там будет ))) Мелочь, а приятно )) Приятно, что человек для нас старается и так заморачивается, даже в таких мелочах. Качество складывается из мелочей! Успеха! И, лайк, однозначно.
Спасибо большое! Верно, стараюсь)
Спасибо ОГРОМНОЕ за полезную инфу. Женя ты супер, продолжай снимать, смотрю все твои ролики!!!
Если у кого-то возникла проблема с созданием папки css в #source, я решил это так. В версии 7 путь должен сработать такой ../css Его нужно вставить в настройках программы > бургер > App Setings > Prodject Defaults > CSS Tools > Sass (прокручиваем вниз и нам находим поля ввода) > Output > Replace Segments > Replace With > (меняем значения на ) ../css
Если не сработало. Скорее всего вы сначала добавили проект, а потом залезли в настройки программы где меняете путь, но настройки проекта остались прежними. Зайдите в настройки самого проекта и поменяйте путь на ../css
Сергей, огромное спасибо!!! Ваш комментарий помог разобраться!книксен:)
Спасибо огромное, очень помогли!!!
спасибо, вы спасли меня!
Спасибо вам большое!! У меня сработал второй вариант:)
Спасибо) за 2 часа сам так и не разобрался)
Жека, честно говоря нахожусь в самом начале своего пути в IT, несмотря на свои чуть >40 years, но благодаря Твоим замечательным урокам, конечно буду пользоваться всеми программами, которые ты советуешь, в том числе и Prepros. Будь здоров и счастлив!!!
Рад что полезно!
как успехи?
@@rustrust-bl7upвсе ок, учимся, работаем, учимся работаем🤠
помер
@@rustrust-bl7up
Женя, вот от самого сердца говорю: с каждым твоим уроком я прям чувствую, как я расту с 0 до начинающего. Столько фишек и крутых вещей узнаю от тебя каждый урок!
ТАЙМКОДЫ. Женя, спасибо! Только настройку Kit разработчики программы убрали, по крайней мере не нашёл.
00:00 - Вступление
00:23 - Встречайте, Prepros!
02:11 - Скачивание, установка, первичная настройка
03:12 - Демонстрация возможностей программы
07:16 - Настройка и демонстрация возможностей Prepros на SASS (загляни в описание!)
12:38 - Настройка и демонстрация возможностей Prepros на скриптах JS (загляни в описание!)
17:13 - Настройка и демонстрация возможностей Prepros на Kit. В чём смысл Kit?
22:52 - Другие настройки Prepros
36:47 - Заключение и инструкции от разработчиков программы
Настройку файлов kit не убрали. Она сейчас во вкладке HTML Tools, далее Turf (Kit), ну и так уже добавляешь расширение kit
@@kadet__7943 знаю
благодарю за тайм-коды
Женя! Спасибо большое! Kit работает в 7 версии. Просто не из папки Source, а с корня, потому как index.html создается там, где лежит index.kit т.к. в настройках нельзя указать пути вывода. Но все равно круто! Не обязательно же хранить index.kit и прочие файлы header.html в папке source. А так в целом очень доволен уроком, впрочем как и всегда! Женя, Уил Смитр говорит, что не надо думать, что задача построить стену сразу, задача - положить 1 кирпич, но сделать это лучше всех. вот так и ты учишь постепенно, но очень качественно. Я не гонюсь быстрее стать front end разработчиком, я медленно, но верно и качественно учусь у тебя и верю, что это база потом будет стоять как Китайская стена
Понимаю что коммент написан достаточно давно, и может быть уже в программе что-то поменялось, но я нашел как решить проблему с kit/html
App Settings>Project Defaults>HTML Tools>Turf (Kit)
Меняем Replace Segments на Relative to Input
В поле Relative Path пишем такой путь ../ (две точки и слеш)
Закрываем настройки и радуемся, файлик сохраняется там где надо ;D
Всем добра!
@@AdmNice Добрый день! все делаю по урокам но у меня файл index.html основной так и не компилируется можете подсказать в чем может быть проблема?
@@AdmNice Вот тебе спасибо большое! Друг
Женя, спасибо огромное за качественный и полезный материал :)) помимо самомго материла интересно смотреть твои вступительные ролики из разных мест! классный креативный подход!!!
"За" отдельный урок по передаче заказа программисту или заказчику!
Пользуюсь PREPROS!
ничего не использовала, еще не дошла до сборщиков, после вашего видео использую Prepros)) спасибо большое за очередной крутой обзор! как всегда все понятно, супер доступно объясняете, без чего-то лишнего, а главное делитесь такой полезной инфой! и без рекламы! Обожаю ваши видео, спасибо за ваш труд!
Пожалуйста! Я рад!
Это просто божественно, спасибо за информацию
Спасибо! 😊 Рад что было полезно!
Блин. Я залип на канале. Сегодня просмотрел более 10 видосов. Реально круто и понятно. Жека, твои видосы лучшие. Побольше тебе подписок и лайков.
Супер, спасибо! Я очень рад что полезно!
Да, в паре с Мининым отличный курс фронтэнда выходит.
Это сказка какая-то! Всё, над чем я бы сидела час-другой, а в чем-то бы даже и не подумала разобраться и настроить, подано как на блюдечке. Я еще не смогла задать и сформулировать для себя вопросов, а ответы уже поданы) Спасибо огромное! Установила, осваиваю.
Супер!
Женя, великолепное, исчерпывающее видео! до данного видео посмотрела все предыдущие, могу однозначно сказать (как учитель), у вас отличные преподавательские данные! есть множество людей, кто хорошо знает свое ремесло, но только единицы могут так грамотно поэтапно объяснить, что и зачем они делают. Сказать спасибо за Ваш труд - не сказать ничего :)
Вас не смутило, что материал старый? Я пробовал постигнуть Prepros через его видео, и это, с новым интерфейсом и несколько изменёнными фишками не представляется возможным без просмотра других(многих) источников.
Вам удалось по его видео что-то сделать?
Казалось бы, столько уже контента на ютабчике есть, нечем удивить... Как же я ошибался! Каждый твой видос эпичный, эпохальный, экстраординарный и тому подобное. Продолжай в том же духе! ну а мы будем поддерживать твой канал! Огромное спасибо!
P.S.
"Prepros" в триале очень отличается от приобретенной (на данный момент).
Спасибо большое! Стараюсь)
Действительно шикарная подача материала , как-то раз посмотрел один видос и теперь каждый сижу , пытаюсь , изучаю, вот если б еще были частные курсы было б вообще круто ))
Спасибо! Курс есть бесплатный на канале
Prepros - супер прога, пришлось купить платную версию, потому что через пару недель юзания бесплатной задолбали появляться окна "купи". Спасибо за такой подробный обзор, теперь буду пользоваться kit.
Супер! Там вышла 7я версия уже. Ее настройки немного отличаются. Но можно пользоваться и 6й без проблем
"За" отдельный урок по передаче заказа программисту или заказчику! Спасибо.
Тут ua-cam.com/video/c0NiLGXaTzY/v-deo.html
@@FreelancerLifeStyle Благодарю.
Впервые столкнулась с prepros очень шустренький. Не знала что такая автоматизация существует. Спасибо за уроки!
Ребята, качайте со второй ссылки, так как первая ссылка на официальный сайт, а там версия 7 и она отличается от 6 версии, на которой Жэка показывает.
Да, верно
Хороший совет, но для Linux не подходит.
Спасибо огромное))
@@FreelancerLifeStyle Жека, как насчет повторить на новой версии?))))
@@katerinak5997 а что по поводу настройки ассоциаций файлов kit? 😊
В данный момент пишу диплом основанный на вёрстке - сайт с бд который является каталогом готовых компонентов сайтов (пока только менюшки и кнопки). Сегодня же наткнулся на то, что часто встречаю готовые элементы с разширениями pug, scss, stylus и не мог понять что это и почему не работает при переносе в мои файлы .html .css - и тут натыкаюсь на это видео! Боже храни Евгения и такие видосы! Это чудо! Даёт желание становиться разрабом и прокачивать скилл в вёрстке! Лайк на видео и респект Евгению!
Спасибо!
У меня семья и просыпаюсь в 6:00 каждый день что бы поверстать часа 2-3, пока дети не проснуться. На работу пока ходить не надо, а садики закрыты из-за карантина. Жду не дождусь, когда смогу работать весь день)))
есть примеры работ ? То что уже успел сверстать.
@@danilaundead4760 ушел в другую сферу - в крипту. Оказалось фронт-енд не мое. В крипте больше нравится. И получается немного
Респект і повага до твого контенту. Дуже класний підхід до подачі матеріалу. Доступно та зрозуміло )))
Спасибо за видос. Никаким компилятором до этого не пользовался. Буду начинать с Prepros. Пока что не все понятно, но думаю, что когда начну активно юзать - все станет на места. В общем спасибо за очередной качественный видос!
Спасибо большое! Все мои задачи он покрывает полностью)
Не могу разобраться в начале,
Тот препрос который скачал я имеет другой вид, нет кнопок слева, меню совсем по-другому расположено , нет разных форматов, kit например.
Как настроить эту программу?
Евгений, огромное спасибо за этот курс по HTML, CSS. Каждое видео на вес золото.
Только в этом уроке возникли небольшие проблемы, из-за того, что за 2 года интерфейс программы поменялся. Сложно находить некоторые настройки и изменять. Так же спасибо, что обновили информацию в описании для путей сохранения.
Были проблемы с преобразованием kit в html. Создавался отдельный файл HTML, но спустя 5 минут смог устранить эту проблему
Да в новом интерфейсе не все так )
как у вас получилось сделать что бы когда пишешь в style.scss оно сохраняло в файл style.css?
@@denismelnik6662 Евгений в описании к видео оставил 2 скриншота по ссылке. И там надо поставить настройки чуть по-другому.
Так же расположение папок и файлов должно быть как и в начале видео
Отпишитесь, получилось или нет
@@deemoor7511 Спасибо вам )
и Жека спасибо )
всё заработало )
как для 7 версии как на том скриншоте ) надо сделать ) прописать ../../css
и в файле scss сохраняет всё в css )
@@denismelnik6662 я рад что всё получилось!)
Жека, если бы у нас в школах и университетах преподавали с такой же подачей и интересом, как это делаешь ты - мы бы давно обошли все остальные страны в развитии!
Бимба-выбухивка! В самом начале своего обучения потратил кучу времени на другие каналы, но как то не зашло. Твои же видео очень крутые и нереально вдохновлют двигаться дальше! Пользуюсь ютубом много лет, но только твой контент вдохновляет на искренние комментарии благодарности!
Спасибо большое!
спасибо, очень приятно смотреть твои уроки. Может найдется время сделать обзор последней версии Prepros
Очень редко лайкаю и пишу комменты, но здесь - человеческое ОГРОМНОЕ спасибо!
Все говорят про node.js, galp и т.д., причем как их настраивать - хрен его знает: поставьте, установите, пропишите, работайте ...
А как это сделать - не говорят, подразумевая, что это всем известно.
Здесь все по существу, коротко и понятно на конкретном примере.
Пожалуйста! 👍
Привет! Контент, как всегда, годный и качественный! Сколько ни смотрел про препроцессоры, думал "Ё-мае", проще JS изучить" (шутка). А тут все в одной проге. Супер-вещица. Качаю!
Спасибо! Рад что видос полезен!
Здравствуйте сейчас эта программа изменилась спасибо за уроки 👍
Крутая у вас идея сделать видео о получении заказа и после выполнения отправки его заказчику... будет единственный годный видос на всем Ютуб!
Да, но нужно найти заказчика который будет не против. А это почти невозможно))
@@FreelancerLifeStyle Особенно интересно, как делать мелкие поправки в работающем уже сайте.. То есть когда сайт на сервере. Это прям загадка для новичков)
@@oleksandrvorzhev5026 ок
Спасибо большое за это видео, я только недавно начал изучать html и css и всегда мечтал о такой функции чтобы не обновлять страницу и не смотреть результат измененного кода, а чтобы изменения были видны сразу как только изменяешь и сохраняешь код, как я рад что такое уже придумали люди, кстати у вас также очень классные видео про css, много нового из них узнал
У кого на 7 версии "Вроде все по видео настройки выставил и даже как в описании на скриншотах для 7 версии но ничего не работает" подскажу: вы выставили значения default для новых проектов, а этот то уже создали) поменяйте настройки и для него, там есть , найдете.
KIT - настройте HTML-TURF-Relative to Input path="../" kit заработал. Где то в комментарии ниже Женя выложил видео с разбором настроек 7 версии, Женя это видео в шапку бы или в закреп.
Жека, привет! =) Спасибо тебе.
ps Досмотрел до конца! Так ты тоже велосипедист, прикольно =)
немного не понял, как выставить дефолтные настройки, на каждый проект приходится пути сохранения kit и css прописывать, подскажешь?
@@ИванПарфёнов-б6п ua-cam.com/video/6xzO7E606Jc/v-deo.html )))
пересмотри, Женя в видео показывает
Спасибо тебе добрый человек!
Спасибо огромное!
Позитивно понятно простым языком хочется смотреть и смотреть !!!!!!!!! СПАСИБО ЗА ТВОЙ ТРУД! партон обеспечен!
Пушка, бомба, ракета)
Крутяк! Рад что полезно! 👍
Жека, дякую тобі за таку доступну інформацію, дуже ясно і чітко все викладаєш продовжую далі вчитися з твоєю допомогою))
И снова спасибо!
Очень полезная информация.
Очень нравится манера повествования. Методично, доступно, с хорошей дикцией.
Пожалуйста! Рад что нравится!
Видос спас меня! У меня на vs code плагин SASS Auto Compiller c ума сошел, 3 дня пытался его настроить, ничего не получилось, а сроки поджимают, нужно доделать верстку. Вот теперь работаю с Prepros! Классная прога! Спасибо Женя!
Спасибо большое, прошёл уже 12у уроков по вёрстке, все отлично, программа класс. Сначала скачал 7 версию, не смог настроить толком, потом скачал ту которая у тебя, все пучком). Спасибо за годный контент. Скоро буду уже портфолио создавать)
Крутяк!
Пользовался gulp до этого ролика. Буду пробовать prepros теперь. Подача материала просто огонь! Автору огромное спасибо!
Спасибо! Про галп не стоит забывать, лучше знать чем нет)
ВАЖНО! Все кто скачал последнюю версию и не находит .kit, используйте Turf, расширение указывайте kit и работает всё как надо)
у меня антивирус не допускает прогу, точно без манера и тд?
@@elmirsalmanov602 Конечно без майнера, антивирус отключи на время, он всегда ругается на сторонние программы
Актуально или нет не знаю) Нашел решение без Turf. В главном окне prepros в списке папок находим и кликаем на index.kit, справа в появившемся меню указываем путь для index.html к корневой папке. Заменяем файл, если нужно. Работает) ВНИМАНИЕ! Теперь в настройках указано, что TURF это KIT так что ставим смело.
@@AloneInThisWorld. cпасибо, очень помог)
У меня live preview не работает(
Очень полезно. Каждый разработчик должен для себя это открыть!
Спасибо!
Спасибо за видео! Мега полезный препроц, очень упрощает работу и делает жизнь легче. PS. крутой велосипед)
Воу... для меня было полным откровением про препроцессор kit только либо я плохо искал либо хз но что то не могу найти более подробной информации про него , надеюсь выпустишь видео про препроцессор kit ? Видео как всегда на высоте ) хотя как по мне удобней использовать live server который доступен в vs code как расширение. Как обычно лайк коментарий ну и колокольчик врубил )
Спасибо! Снимать то про него особо нечего но я что-то придумаю!
Ну и про VS Code тоже будет выпуск!
@@FreelancerLifeStyle В интернете нет инфы про препроцессор kit. Так что думаю будет актуально очень видео запилить:) Спасибо, очень круто канал!
Спасибо, что-то придумаю
Большое спасибо ! Главное не останавливайся ! Лайк в подарок ! )))
Спасибо!
Отличный контент. Спасибо Жека! Обязательно начну использовать. Работал с Koala, и с Gulp знаком, но здесь все уже упаковано, почему бы не пользоваться.
Спасибо! Очень рад что вышло полезно!
prepros попробую, потому что смотрю твои уроки верстки html css js. спасибо за уроки.
Жень видео огонь!! Это именно то, что я хотел, чтоб было автоматическое обновление, и более ускоренное написание кода)))
Спасибо! Рад что полезно!
после того, как увидел код js резко отбилась мотивация
Спасибо за урок!!! Всё супер-круто :)
Не стала качать 6.
В 7 версии тоже всё понятно интуитивно. Бургер справа вверху. Лайв превью - значок волшебной палочки слева от бургера: внутри поставить 2 галочки и открыть Inspect горячими клавишами ctrl+L и потом открыть в самом браузере файл index.html .
Настройки по дефолту через App Settings открываются (в бургере). Вместо Compiler Settings есть 3 вкладки: HTML Tools, # CSS Tools, JS Tools.
Ну и так по ходу можно разобраться, ящитаю.
А вот kit не нашла в 7 версии (
Конечно, буду им пользоваться это мой первый сборщик .Эта опция Automatic Browser Reload, огонь. Спасибо за видео. Снимите видео про Git.
Очень понравилась программка и спасибо что делитесь с нами такой хорошей информацией. Удачи!
Я рад!
Выражаю благодарность за ваш труд, если я таки осилю вашу науку - с меня поляна)
Побольше бы таких людей как ты, и мир стал бы лучше.
Не получилось с первого раза настроить программу, поскольку версия вышла уже новая, и чет так расстроился(
Но сейчас сел и взглянул на нее свежим взглядом и понял, что ничего сложного в этом нет. Спасибо за обзор, Жень! Ты очень сильно мотивируешь на развитие!
Очень редко пишу комментарии на UA-cam, но делаю это тут почти под каждым видосом, чтобы хоть как-то поддержать проект. Твои труды не должны быть незамеченными!
сейчас тоже настраиваю, как я понял разницы в настройке старой и новой версий почти нет, в этом плане они просто слегка изменили интерфейс.
p.s какие ощущения от проги, есть ли какие то проблемы? стоит ли взять на постоянное вооружение вместо галпа?
Очень круто, Жека, спасибо, продолжай в том же духе!
Я говорит английский не знаю, но читает его лучше чем моя учительница со школы)))это было в лохматых годах))).
Спасибо Женя!!! Взял себе на заметку). Если простой проект со стандартными требованиями, то вполне можно юзать. Если оценивать обэктивно. Prepros для сборки проектов на базовом уровне достаточно, для начинающих полный крутяк). Я когда начинал то использовал koala - лайт версия Prepros), там все по простому, отслеживет изменения, компилирует код препроцессоров и добавляет префиксы). Также сборщик можно реализовать в виде расширений в VScode в тем же самым функционалом как и Prepros. Gulp уже для большей кастомизации, можно реализовать гораздо больший функционал и пост обработку под свои задачи. Но всеравно приложение Prepros крутое)
Спасибо!
Спасибо за ваши уроки! Просмотрев видео, понимаю, что я попал к профи. Удачи всем!
Пожалуйста!
Спасибо, теперь учиться буду еще быстрее, возможно мне бы он после первого урока уже пригодился, обновляя страницу в браузере я бы сэкономил какое-то время)
Пожалуйста! 👍
Чувак, спасибо тебе за все ролики. Недавно в ленте видео ютуба услышал твой голос и прям снова вдохновился, хотя был поздний вечер. Надеюсь, у тебя всё хорошо и ты получаешь профит от проделанной работы.
Всех благ:)
Ценный материал. Спасибо!!!!!!
Спасибо!
Отличный урок, хоть я и практиковался верстать странички с помощью Gulp, и провел настройку с помощью твоего урока) Все же буду пробовать использовать Prepros и пользоватся им
Видео класс, почаще бы такие хорошие видео выходили
Спасибо! Стараюсь как могу)
Огромное спасибо за урок и за то что сохранили 6-ую версию для мака
Не человек а ЧЕЛОВЕЧИЩЕ! Практически святой человек!
Жека ты очень крутой специалист. Спасибо что делаешь все это для нас. +1 преданый фанат
Жека красавец как всегда!
Спасибо! 👍
Просто пушка! Раньше всегда настаивал сборку проекта в gulp, и это занимало много времени, а тут есть все, что нужно и уже настроено из коробки, максимум пару галочек поставить, это просто огонь!
Видос супер полезный спасибо дорогой!
Рад что полезно!
Было очень полезно! Пользуюсь Prepros, но не все тонкости знал, как пример, о существовании kit... здорово! Огромное спасибо!
Пожалуйста!
@@FreelancerLifeStyle А есть документация на kit, в инете не могу найти.
У кого вопросы по 7й версии - читайте описание видоса!
и посмотрите стрим Жеки начиная с 2:20 по ссылке
ua-cam.com/video/aUgG9bYJfkA/v-deo.html&ab_channel=%D0%A4%D1%80%D0%B8%D0%BB%D0%B0%D0%BD%D1%81%D0%B5%D1%80%D0%BF%D0%BE%D0%B6%D0%B8%D0%B7%D0%BD%D0%B8-IT%D0%B8%D1%84%D1%80%D0%B8%D0%BB%D0%B0%D0%BD%D1%81
Спасибо огромное, не знал что нужно сначала настаивать Prepros, а только потом добавлять файлы
Спасибо помогло!
Отличная программа. До знакомства с ней всё думал, как реализована анимация изменений стилей в уроках. А вот оно что оказывается. За такую софтинку и деньги не жалко заплатить, очень полезный инструмент.
Спасибо, Женя.
Фбсолютно согласен со всеми коментариями🥰 Жека лучший!!!!!!!!!!!!!!!! 😊 огромное спасибо, зато то , что ты делаешь 🤗🤗🤗
Очень полезная инфа 😊
Всё скачал и начал пользоваться. Отличный Ролик! Было бы интересно узнать про ваш распорядок дня и общение с клиентами, какие казусы попадались вам и как лучше вести себя в той или иной ситуации. Спасибо)
Жека, в очередной раз спасибо за качественный контент!!! Надеюсь ты и дальше будешь радовать подписчиков полезными материалами)) Товарищи, может кто настраивал prepros 7.3.38 версии, почему-то не всплывают уведомления в виде смайлика при компиляции. В настройках они включены. Файлы компилируются, но уведомлений нет. Тайм-аут тоже выставил большой.
такая же фигня... И в логах чисто. В настройках включены. Автообновление на странице работает.
@@andreiBylkin Если актуально: в windows 10 в строке поиска вводишь "параметры уведомлений и действий">получать уведомления от приложений "вкл"
@@МаксимБаш спасибо друг, это у меня включено, я просто с препросом не разобрался и компелироваться нечему было
Огромное спасибо! Действительно, Гулп и тд нереально сложные и я в них так не разобрался и даже отчаялся. А тут вы с таким материалом полезным
Годная крутизна! :)))) я с утками ставлю лайки:)
Спасибо!
Очень крутое видео как и обучение в целом. Было бы очень круто увидеть обзор на новую версию Prepros,поскольку там в новой версии,как мне кажеться, немного замудрили. В любом случае,спасибо за эти уроки! Очень полезно,быстро и главное - понятным языком)
Ты, наверное, уже нашёл, но у него есть стрим с новой версией.
@@HackerPRO777 нет,как-то пропустил, можно ссылку?
Кто не хочет мучаться с 7 версией на том же сайте, где качаем preprose в меню есть FAQ и тас в вопросе "How can I download prepros 6?" есть ссылка на версию, которая в видосе
спасибо добрый человек
А почему мучиться? в чем разница?
Супер! На этот момент прога сильно обновилась, изменилась менюха и настройка, но все равно все получилось и работает отлично! Благодарю!!
Большущий лайк респект и уважуха!)))
Спасибо большое!)
До этого никаким сборщиком не пользовался. Крутой обзор, спасибо Жека, теперь буду юзать Prepros.
Спасибо большое!
Евгений, спасибо за урок. Вопрос. Актуально ли сейчас использовать препрос, если пользуюсь Live Server и SASS в VS Code?
Отличное видео, полезная информация даже учитывая тот факт, что prepros обновился. Так - то пользуемся встроенными в IDE функциями, однако, всегда жаждется "пощупать что-нибудь " новенькое). Спасибо за труд бро.
спасибо большое за урок и за полезные информации
Пожалуйста!
отдельная благодарность Жека за то что показал как один HTML вкладывать в другой, эта казалось бы тривиальная задача а траблов может принести капец, если неправильно сделать. Спасибо!
Спасибо большое, отличный инструмент!!! Избавляет от лишней головной боли!!!!!
Привет, пользуюсь gulp. После этого видео обязательно попробую prepros. Спасибо, очень полезное видео.
Пожалуйста!
Многое из этого VS Code может, но очень удобно когда все вместе, и не надо разбираться с плагинами
Верно! Я делюсь инструментами, а использовать или нет уже дело каждого) Часто все сводится к привычке))
Просто волшебство какое-то! Всё просто и понятно! Спасибо Женя!!!!
Когда-то изучал по чьим-то урокам... Коалой пользовался,хоть и не долго, не особо знал функционал, но чувствую он сильно проигрывает Препросу.
У тебя прям еще обзорчик получился на компилятор)
Лайк автоматом)
Спасибо! 🤘
Спасибо, Вам, учитель!
Раздел .kit tools был мало полезным. Поэтому разработчики Prepros вовсе убрали его из навигации. Из настроек в нём были настройки по автокомпеляции и пути сохранения. Как и говорилось в данном ролике настроить конкретный файл можно просто нажав на него. То есть, если вы столкнулись с проблемой настройки пути сохранения в определенную папку, а не в папку soucre. Просто нажмите на файл к примеру, как из урока на header.kit и справа в панели нажмите на путь и выберите нужную папку, как правило это корень проекта. Ну а галочку автокомпеляции по необходимости можете поставить. Думаю, данный комментарий поможет новичкам 😉
Спасибо ! Разобрался..
После такого обзора Уверен Я буду спать с чувством стыда и не выполненного долга, если буду работать не на Prepros! ) Thanks
Женя нужен плэй-лист с обзором на хостинги, регистрацию, домены, платно(для заказчиков) , бесплатно (для тестов и может для знакомых)! Очень буду рад если выпустишь обзоры на эту тему, заранее спасибо! С меня лайки!
Использую галп, но достаточно и етого инструмента, думаю буду юзать prepros. Спасибо!)
Крутяк! 👍
Очень понравился этот сборщик, хотя до этого вообще никаким не пользовался, но особенно круто пока для меня это автообновление после сохранения!
Супер!