Приятно тебя слушать и смотреть. Начинаю заниматься фронтом во второй раз, в этот уже сделал несколько проектов и стараюсь писать код каждый день, спасибо за твои видео, желаю удачи!
@@MrBenedig был перерыв снова какое-то время, сейчас js углубленно изучаю, пушу сейчас асинхронность и прочее. Планирую скоро начать реакт. В данный момент уже 4 месяца почти ежедневно занимаюсь, иногда делаю себе выходной)
Почему классы сходу не писать, пока пишешь структуру в HTML? Так разве не будет удобнее, а то постоянно переключаться между файлами, как по мне, не особо удобно.
Он потому что в исходнике пнгшный. Дизайнер такой лого вставил, в слоях это можно увидеть, если там стоит иконка картинки, то значит это растр изначально. Еще способ, приблизить на максимум или взять лого и увеличить его во много раз и посмотреть появляются пиксели или нет. Такой лого нет смысла в свг выгружать в итоге, в самом свг если откроешь и посмотришь у тебя будет тег image и просто вставлена ссылка на пнгшку.
Спасибо за урок. Начала изучать SCSS и Gulp. Есть пару вопросов: возникают ошибки с переменной цвета, в папке style. scss нашла причину (в импорте в конце строки не было точки с запятой), ховер в навигации заработал. Теперь не могу оформить кнопку, снова ошибка с переменной и импортом блока 'first'
Оу, а адаптив где? В макете даже показано как должно на мобилках выглядеть, и в макете есть всякие эффекты свечения вокруг кнопок и прочих элементов, их как делать?
Тег задает навигацию по сайту и указывает на самые важные его страницы. У нас лендинг, поэтому в роли ссылок у нас якори которые ведут на блоки этого же лендинга. Смысла в SEO оптимизации не будет. А насчёт тегов ul>li это скорее вкусовщина, мне не очень нравится в них вставлять ссылки
Нужно запустить сервер с помощью npm run dev в первом терминале и после того как сайт запустится нужно открыть второй терминал не закрывая первый и во втором прописать npm run svgSprive Вы все так делаете?
@@karenpetrosyan1972 да так и должно быть, он собирает спрайт и завершает работу Если добавишь новые свг картинки, то надо будет ещё раз эту команду ввести чтобы он повторно новый спрайт создал
Просмотрев дальше я заметил еще одну ошибку это то как он пользуется БЕМ методологией. И плевать на тонкости, но основы БЕМ-нейминга вы(автор) должны знать как человек который объясняет людям.
Каким образом он тебе поможет починить инет, когда на это есть миллион причин, начиная от плохого роутера, заканчиваю ещё чем то, он фронт энд разработчик
Да, в лендингах можно так делать и не париться. Но в крупных проектах уже конечно придется использовать максимальную оптимизацию(лишний не раз создавать класс, постоянно использовать переменные и т.д.)
Всем зрителям советую канал по верстке Фрилансер по жизни. Автор этого видео ещё новичок это видно по тому как он работает с SCSS не используя вложенность. Пример: Код автора: .header__link {...} .header__inner {...} Удобнее всего в этом случае будет: .header { &__link {...} &__inner {...} } Также использует grid-gap в flex-контейнере. Пример: Код автора: .header__links { display: flex; align-items: center; margin-right: 160px; grid-gap: 60px; } Лучше всего в этом случае будет: .header__links { display: flex; align-items: center; margin-right: 160px; gap: 60px; // или column-gap: 60px; } На последок. Я не смотрел этот ролик до конца так как сложно смотреть на такие не точности. И поэтому я также совету автору канала этого видео посмотреть канал Фрилансер по жизни.
Спасибо за критику, отношусь к ней очень позитивно! Насчёт того удобнее ли вложенности или нет, то это скорее холеварная тема и помню даже на каком-либо видосе сам Женя с канала фрилансер по жизни говорил что особо не пользуется вложенностями (не знаю как он верстает сейчас так как уже давно не смотрю видео по вёрстке) Насчёт того, что я пишу вместо gap, grid-gap признаю вину. Привык к такой записи, а переучиваться сложно :( В общем спасибо за критику, буду благодарен если будет больше таких нормальных критиков как ты)
Сомневаюсь что Женя говорил так как вы утверждаете так как на всех роликах по практике он использовал вложенность. Я помню как он рассказывал про вложенность, как одну из супер способностей SASS(SCSS). А так спасибо за быстрый ответ.
![[Bad] - YouTube ВСЁ? (победа VK и прощание с подписчиками)](/img/n.gif)
Приятно тебя слушать и смотреть. Начинаю заниматься фронтом во второй раз, в этот уже сделал несколько проектов и стараюсь писать код каждый день, спасибо за твои видео, желаю удачи!
спасибо, удачи!
я тоже второй раз началь обучаться на фронтенд
как успехи?
@@MrBenedig был перерыв снова какое-то время, сейчас js углубленно изучаю, пушу сейчас асинхронность и прочее. Планирую скоро начать реакт. В данный момент уже 4 месяца почти ежедневно занимаюсь, иногда делаю себе выходной)
@@heisenberg1o2 Как успехи?
макета на фигме уже нету, выдаёт ошибку переходя по ссылке
а я сначала увидел тебя на канале red group ;) Спасибо и успехов!!!
Спасибо)
блин, нашел тебя по поиску и очень рад что нашел. Спасибо за классный материал
Все чётко, с конкретными примерами сразу, приятно смотреть. Закинул бы ещё исходник проекта в гитхаб шаблоны - вообще топчик был бы!
Спасибо! Да в этом уроке забыл про это, но в следующих ссылка на гитхаб имеется.
Блин, у меня windows 8 стоит, на этой сборке не идет. Хочет 8.1 минимум, а переустанавливать слишком много придется.
@@kubris.developer Напиши мне в тг. Он дан в описании, попробую помочь
Наконец-то нашёл видос как верстать быстро
Спасибо)
Топ видос, спасибо
Не за что!
а что макет пропал по ссылке?? можно еще раз апдейтнуть, плиз
I cant find sources on Google Drive. How to access to it?
Хороший старт! Удачи в развитии канала!
Спасибо!
Привет! при переходе на макет фигмы, пишет что страница не найдена. не мог бы ты обновить ссылку ?
Спасибо вам, очень качественный контент
Очень круто 🔥🔥
Почему классы сходу не писать, пока пишешь структуру в HTML? Так разве не будет удобнее, а то постоянно переключаться между файлами, как по мне, не особо удобно.
Плюсую!
Все круто, но безымянные дивы прям коробят сильно(
Привет! Спасибо за урок! Подскажи, по какой причине логотип выгружаешь в формате png а не в svg? обычно советуют выгружать именно в svg.
Он потому что в исходнике пнгшный. Дизайнер такой лого вставил, в слоях это можно увидеть, если там стоит иконка картинки, то значит это растр изначально. Еще способ, приблизить на максимум или взять лого и увеличить его во много раз и посмотреть появляются пиксели или нет. Такой лого нет смысла в свг выгружать в итоге, в самом свг если откроешь и посмотришь у тебя будет тег image и просто вставлена ссылка на пнгшку.
исходники не открываются
Подскажи пожалуйста, как настроить цвет отображения вложеннности?
в vs code нужно установить плагин indent-rainbow
Снял шортс про 5 лучших плагинов: th-cam.com/users/shortsP8MmO4bvl1w?feature=share
спасибо тебе :)
Благодарю за урок
Всегда пожалуйста!
Спасибо за урок. Начала изучать SCSS и Gulp.
Есть пару вопросов: возникают ошибки с переменной цвета, в папке style. scss нашла причину (в импорте в конце строки не было точки с запятой), ховер в навигации заработал. Теперь не могу оформить кнопку, снова ошибка с переменной и импортом блока 'first'
Странно я сейчас скачал исходники и все хорошо. Вы можете написать мне в тг, постараюсь помочь
@@imrondev спасибо, пишу
спасибо друг за урок
Рад что помог!
Оу, а адаптив где? В макете даже показано как должно на мобилках выглядеть, и в макете есть всякие эффекты свечения вокруг кнопок и прочих элементов, их как делать?
адаптив и свечения делались в конце. смотри плейлист
вроде бы все могло быть супер но начать не с бекграунда....
Ссылка на макет не открывается. Из-за этого не буду продолжать смотреть. Смысла нет.
Ссылка на sources в гугл док выдает ошибку.(( Где можно найти файл галпа из урока?
drive.google.com/file/d/1h3oxuPm4jmnOuuUfijgSfCVDPTPRzQ91/view?usp=sharing
все должно работать, попробуй скопировать ссылку и открыть в другом браузере
@@imrondev по этой ссылке открылось - спасибо большое!
Прикольное видео, скоро будет следующее видео?
Спасибо, завтра будет следующий урок!
Круто! Буду ждать
th-cam.com/video/RfNUJXY3uGg/w-d-xo.html
Нельзя скачать сурс..
а где макет найти ?
А не лучше писать для навигации nav в котором ul в котором li в котором будут сами ссылки?
Тег задает навигацию по сайту и указывает на самые важные его страницы.
У нас лендинг, поэтому в роли ссылок у нас якори которые ведут на блоки этого же лендинга. Смысла в SEO оптимизации не будет. А насчёт тегов ul>li это скорее вкусовщина, мне не очень нравится в них вставлять ссылки
@@imrondev понял
@@imrondev а если про семантику говорить?
@@onfull8166 в нашем случае не особо влияет семантика, вот в многостраничнике уже лучше писать в nav и ul, li
хороший старт канала, какое видео будет после этого плейлиста?
Спасибо, Топ плагинов для фронтенд разработчиков
у меня SVG ни как ни включается пожалуита посоветутте как иправет, все делаю точно как в видео
Нужно запустить сервер с помощью npm run dev в первом терминале и после того как сайт запустится нужно открыть второй терминал не закрывая первый и во втором прописать npm run svgSprive
Вы все так делаете?
@@imrondev точно так и делаю, набераю npm run svgSprive спрайв начинает работу, потом завершает и отключается, так и должно быть? или как?
@@karenpetrosyan1972 да так и должно быть, он собирает спрайт и завершает работу
Если добавишь новые свг картинки, то надо будет ещё раз эту команду ввести чтобы он повторно новый спрайт создал
@@imrondev спасибо, не понемаю почему стрелки не видно, инсепектирую елемент там оно есть, но его не видно
@@karenpetrosyan1972 Можешь написать в тг который дан в описании, попробую помочь
Просмотрев дальше я заметил еще одну ошибку это то как он пользуется БЕМ методологией. И плевать на тонкости, но основы БЕМ-нейминга вы(автор) должны знать как человек который объясняет людям.
Спасибо большое за критику ещё раз) Сейчас же изучу больше про БЭМ. Есть ещё какие-то ошибки?
@@imrondev Эти ошибки я могу рассказать при личной беседе.
@@Husan203 в описании мой телеграм, думаю мы можем друг другу очень сильно помочь)
@@imrondev Ок
Вы же программист, как мне починить скорость инета. Мне вёрстка не так интересна как скорость инета. Снимите про это видео пж
Каким образом он тебе поможет починить инет, когда на это есть миллион причин, начиная от плохого роутера, заканчиваю ещё чем то, он фронт энд разработчик
когда думал, что мемы с "тыжпрограммист" это все байка..ан нет, ни фига))
Все это очень круто, но я не могу заново запустить проект локально
Надеюсь не ограничишся только этим видосом
сегодня вечером обязательно постараюсь выпустить следующую часть
th-cam.com/video/RfNUJXY3uGg/w-d-xo.html
Ого не знал что можно просто скопировать код с фигмы и не париться, тогда скорость верстки реально сильно увеличивается
Да, в лендингах можно так делать и не париться. Но в крупных проектах уже конечно придется использовать максимальную оптимизацию(лишний не раз создавать класс, постоянно использовать переменные и т.д.)
@@imrondev а можешь сделать видос как надо кодить именно в таких крупных проектах? думаю опыт есть)
@@yourdigital9087 Спасибо за идею, постараюсь скорее сделать!
Ты бы сам выучил scss в чем суть , прежде чем других учить (
Всем зрителям советую канал по верстке Фрилансер по жизни. Автор этого видео ещё новичок это видно по тому как он работает с SCSS не используя вложенность.
Пример:
Код автора:
.header__link {...}
.header__inner {...}
Удобнее всего в этом случае будет:
.header {
&__link {...}
&__inner {...}
}
Также использует grid-gap в flex-контейнере.
Пример:
Код автора:
.header__links {
display: flex;
align-items: center;
margin-right: 160px;
grid-gap: 60px;
}
Лучше всего в этом случае будет:
.header__links {
display: flex;
align-items: center;
margin-right: 160px;
gap: 60px; // или column-gap: 60px;
}
На последок. Я не смотрел этот ролик до конца так как сложно смотреть на такие не точности. И поэтому я также совету автору канала этого видео посмотреть канал Фрилансер по жизни.
Спасибо за критику, отношусь к ней очень позитивно!
Насчёт того удобнее ли вложенности или нет, то это скорее холеварная тема и помню даже на каком-либо видосе сам Женя с канала фрилансер по жизни говорил что особо не пользуется вложенностями (не знаю как он верстает сейчас так как уже давно не смотрю видео по вёрстке)
Насчёт того, что я пишу вместо gap, grid-gap признаю вину. Привык к такой записи, а переучиваться сложно :(
В общем спасибо за критику, буду благодарен если будет больше таких нормальных критиков как ты)
Стараюсь всегда повышать качество видео😀
Сомневаюсь что Женя говорил так как вы утверждаете так как на всех роликах по практике он использовал вложенность. Я помню как он рассказывал про вложенность, как одну из супер способностей SASS(SCSS). А так спасибо за быстрый ответ.
@@Husan203 понял значит был не прав
После того как фрилансер поехал башкой по теме украинства, пусть смотрит сам свои ролики.