Hello! My name is Dmitry. This channel is dedicated to front-end and back-end development. On this channel we will make websites and various interesting and useful things. Subscribe! It will be interesting!
Это во всех видеонастолько мелко написано, что догадываться надо?
@sidoorenko10 күн бұрын
Поздно писать комментарии по этому плейлисту, можете найти другие уроки, на Ютубе полно более качественного контента но, спасибо, на следующий раз возьму во внимание ваше замечание)
@user-zf8xr5do5m10 күн бұрын
@@sidoorenko Ваш тоже хороший урок, есть для меня новинки. Я написала о неточности макета при применении переменных для шрифтов, потому что может я что-то не поняла, упустила из объяснения и не так сделала. Хотелось уточнить.
@user-zf8xr5do5m14 күн бұрын
Вышло так как на видео, но отличается от макета
@user-zf8xr5do5m14 күн бұрын
Зачем на одном экране? Были бы отдельно файлы, может быть буквы были бы побольше. Догадываться надо что там написано
@user-zf8xr5do5m14 күн бұрын
Что же так мелко?
@serenitiSever17 күн бұрын
"overflow-x: hidden;" - лучше не писать в body. Плохая практика. Рано или поздно это сыграет с вами злую шутку. Образует непонятные баги, а в телефоне во время скролла страница может ездить влево вправо и это будет бесить клиента, особенно если будет какой-то слайдер со свайпом влево-вправо, или range input для выбора количества, и в целом нужно проверять и избегать нижнего скролла, смотреть ваш сайт под разные размеры, в инспекторе кода это можно отследить через клавишу "F12". Ещё называют Dev Tools. В целом видно, что автор понял как пользоваться css, но всё же показано много плохой практики которая может вызывать ошибки, баги в вёрстке и сложность поддержки проекта. Шрифты по CDN подключать тоже плохая практика, так как обращение к стороннему сайту делает дополнительный запрос, что создаёт более медленную загрузку вашего сайта, в итоге, при плохой оптимизации, огромные картинки, шрифты с других сайтов, очень большой css файл, не правильно расставленные link приоритеты в head могут привести к замедлению загрузки сайта с 1 секунды до 1 минуты. Это плохо для SEO, в итоге такие сайты чаще закрываются пользователями, и сайт падает на самое дно поисковой выдачи.
@user-tx3ih9gx6dАй бұрын
Чесно говоря не чего не понял
@nayni69Ай бұрын
Бомба - как раз изучаю.реактивный двигатель мне пригодилось!
@mrdaimont7530Ай бұрын
Делай видосы
@0xlifechangeАй бұрын
Хорош, недавно смотрел 2 часовую лекцию от яндекса про реакт и после твоего ролика все стало намного понятнее. А что за музыка на фоне играет? Шазам не может найти
@sidoorenkoАй бұрын
Спасибо) напиши мне в телеграме (ссылка под видео) я скину бит 😊
@0xlifechangeАй бұрын
@@sidoorenko отписал :)
@mihascooter8264Ай бұрын
Делай видосы ещё
@ozgbes2212Ай бұрын
Как всегда 🔥
@sidoorenkoАй бұрын
Спасибо 🤪
@user-tl4sc9wz4rАй бұрын
по ходу не смог добавить fonts, ошибку выдает в 2х местах body { background-color: #0E0E2C; font-family:'Montserrat', sans-serif; color: #FFFFFF; overflow-x: hidden; } и в .navgation__link { position: relative; font-size: 16px; color: #FFFFFF font-weight: 400; }
@sidoorenkoАй бұрын
Если вы брали шрифт тоже с google fonts то могли заметить, что он уже отличается от того сайта что на видео, там немного изменен link подключения, можете мне в тг группе написать, я постараюсь более подробно описать что нужно сделать)
@Video-jd1soАй бұрын
Топ, спасибо!
@momosmart_ffАй бұрын
Я не бандит.
@ozgbes2212Ай бұрын
Ждём мобилку 😊
@momosmart_ffАй бұрын
Лучший
@CARTEL_MEDlA2 ай бұрын
так держать очень интересно,жду новых видео.
@sidoorenko2 ай бұрын
Спасибо большое за поддержку, последнее время не хватает ее🙃
@ozgbes22122 ай бұрын
💥💥💥
@dimasnytin2 ай бұрын
Мобайл верст будет?
@sidoorenko2 ай бұрын
Если видосы будут нормально просмотры собирать то могу запилить и адаптив )
@user-py3em3qq3s2 ай бұрын
Базовые советы, но полезные. Лучше соблюдать их до того, как будет выгорание
@sidoorenko2 ай бұрын
Да.. до выгорания лучше не доводить
@sitehi2 ай бұрын
Годные советы
@robertzohrabyan33163 ай бұрын
можете пожалуйста в следуюший раз верстать макет на подобие сайта spacex?
@ReMiX-lp6ri3 ай бұрын
И лучше для стилей использовать scss и вместо дивово использовать section. Они быстро работают
@sidoorenko3 ай бұрын
Кажется, я секции и так использую по назначению?
@skomggj24374 ай бұрын
сразу видно.самоучка . что такое БЭМ не в курсе , в container лишние стили , паддинги взял из головы, ужас . Что за стиль такой margin: 0 auto 130 px auto ? для тех кто учиться на его уроках,следует найти другого учителя , этот заведет в тупик
@sidoorenko4 ай бұрын
БЭМ это ж вроде методы в JavaScript'e чтобы добавлять обработки событий на кнопки ?)
@skomggj24374 ай бұрын
@@sidoorenko добрый день, бэм это - блок ,элемент - модификатор
@skomggj24374 ай бұрын
Допустим если у тебя есть див, назвал его tittle , в этом блоке у тебя лежит ещё один див и ты назвал его text, это не правильно , ты должен назвать его title__text
@skomggj24374 ай бұрын
Это на самом деле очень важно так как другой разработчик не сможешь читать вложения блоков
@nickshow8904 ай бұрын
Чел прав, обрати внимание на методологию БЭМ. Она тебе в будущем поможет, та и как он сказал след разработчики спокойно поймут твой код@@sidoorenko
@Dontdonel4 ай бұрын
зачем явно свг картинки добавлять как пнг?
@hoij76234 ай бұрын
Видео классное и по делу. Можешь рассказать про свой опыт и трудоустройство?
@trebor21594 ай бұрын
Ставлю лайк автоматом:) Спасибо тебе
@reallive4594 ай бұрын
Клацание клавиатуры и чавкание бесит если чесно, есть над чем работать и надо улучшить качество контента...
@greedy1003 ай бұрын
Звуки клавы мне наоборот заходят, тут уже дело вкуса каждого, а за чавканье согласен, но меня не вообще не бесит
@tomaabasidze31024 ай бұрын
не лучше ли вместо navigation__item:not(last-child) использовать gap?
@sidoorenko4 ай бұрын
Можно и так)
@uqble27124 ай бұрын
тоесть html верстальщик это тип тебе дают макет, и ты должен сделать его да? тип в код переписать
@sidoorenko4 ай бұрын
ну по сути да )
@Faybmi4 ай бұрын
обожаю ваши видосы💥 как по мне вы хорошо объясняете
@sidoorenko4 ай бұрын
Спасибо, но мне кажется, что не все моменты объясняю так как нужно🙃
@capwan4 ай бұрын
Объяснений маловато,но в принципе видео хорошее.Жду продолжение)
@user-zw7tc6lv9z4 ай бұрын
Мало объяснений, надо подробней рассказывать
@boomch1k2145 ай бұрын
Спасибо, очень интересно, попробую сделать такой же)
@azamatmussauatov75335 ай бұрын
а где джаваскрипт,?
@sidoorenko5 ай бұрын
Под капотом 🙃
@azamatmussauatov75335 ай бұрын
@@sidoorenko все идеально CSS, HTML, макет сайта класный, все класно сделано, но где Джаваскрипт? Правда там есть джаваскрипт по моему в 4 ом видео, но очень мало, 3 строки всего по джаваскрипт у. Автор хотел бы для практики увидеть джаваскрипт?
@HungerGames9115 ай бұрын
А позиционирование через absolute - не оторбазится отрицательно на дальнейшем адаптиве?
@sidoorenko5 ай бұрын
Смотря, относительно чего, если absolute в % указано позиционирование, то может влиять, а если в px то скорее всего нет, но опять-таки, все зависит от кейса
@ikn79685 ай бұрын
Приветствую, можешь ответить на пару вопросиков? 1. Как ты оцениваешь свои знания во фронте? 2. Существуют ли у вас в команде шутки про бекэндеров? 3. Сколькл времени ты потратил на обучение, от полного нуля до первой оффициальной работы? 4. Есть планы перейти в бекэнд?
@mikhaildolgov5 ай бұрын
Спасибо за Ваш труд! Отличное видео.
@TikTok-yj3wb5 ай бұрын
Отличные видео так держать💪
@Denis-lg9cg5 ай бұрын
Привет. Можешь макет скинуть в чат, по ссылке пишется такого нету макета
@Denis-lg9cg5 ай бұрын
Давай продолжение, не забрасывай
@CAZIOGI5 ай бұрын
Димуля, спасибо за такие полезные ролики !!!!
@ahkloshok60776 ай бұрын
Врятли меня ты вспомнишь , играли с тобой в кс , мб узнаешь меня под ником reyzusss или locky или же Az1rus , помню как ты 3 года назад мне говорил о том как хочешь этим всем заниматься, я рад узнать что у тебя все получилось , лучший брат❤🩹
@sidoorenko6 ай бұрын
Та помню помню назарчика) напиши в тг мне ?🙃
@ahkloshok60776 ай бұрын
@@sidoorenko уже)
@pavel_balan6 ай бұрын
А залить в инет?
@sidoorenko6 ай бұрын
Есть видео на канале как запушить на гитхаб)
@kapusta99996 ай бұрын
Годно,лайк
@EGOR386546 ай бұрын
Лучший бро, продолжай
@tarasmirus6 ай бұрын
Предыдущий макет cleaning до конца не сделал? 😏
@Mirrasim7 ай бұрын
спасибо за контент
@tle1net7 ай бұрын
Димон, у меня была одна фигня, из-за которой я не мог найти ошибку в css коде, фигня была в том, что обнуляющие стили в твоем исходном коде, который я нашел в телеге отличаются от того обнуляющего стиля который ты так же кидал в телегу. Как только я все заменил, код стал работать как у тебя, но а так, спасибо огромное что видосики пилишь, так как ты с agency еще не закончил я начал верстать этот. Если что, я только начал, поэтому пишу повторяя за тобой. Плюс гуглю те тэги и селекторы которые не понимаю
Пікірлер
😮😮333333
Это во всех видеонастолько мелко написано, что догадываться надо?
Поздно писать комментарии по этому плейлисту, можете найти другие уроки, на Ютубе полно более качественного контента но, спасибо, на следующий раз возьму во внимание ваше замечание)
@@sidoorenko Ваш тоже хороший урок, есть для меня новинки. Я написала о неточности макета при применении переменных для шрифтов, потому что может я что-то не поняла, упустила из объяснения и не так сделала. Хотелось уточнить.
Вышло так как на видео, но отличается от макета
Зачем на одном экране? Были бы отдельно файлы, может быть буквы были бы побольше. Догадываться надо что там написано
Что же так мелко?
"overflow-x: hidden;" - лучше не писать в body. Плохая практика. Рано или поздно это сыграет с вами злую шутку. Образует непонятные баги, а в телефоне во время скролла страница может ездить влево вправо и это будет бесить клиента, особенно если будет какой-то слайдер со свайпом влево-вправо, или range input для выбора количества, и в целом нужно проверять и избегать нижнего скролла, смотреть ваш сайт под разные размеры, в инспекторе кода это можно отследить через клавишу "F12". Ещё называют Dev Tools. В целом видно, что автор понял как пользоваться css, но всё же показано много плохой практики которая может вызывать ошибки, баги в вёрстке и сложность поддержки проекта. Шрифты по CDN подключать тоже плохая практика, так как обращение к стороннему сайту делает дополнительный запрос, что создаёт более медленную загрузку вашего сайта, в итоге, при плохой оптимизации, огромные картинки, шрифты с других сайтов, очень большой css файл, не правильно расставленные link приоритеты в head могут привести к замедлению загрузки сайта с 1 секунды до 1 минуты. Это плохо для SEO, в итоге такие сайты чаще закрываются пользователями, и сайт падает на самое дно поисковой выдачи.
Чесно говоря не чего не понял
Бомба - как раз изучаю.реактивный двигатель мне пригодилось!
Делай видосы
Хорош, недавно смотрел 2 часовую лекцию от яндекса про реакт и после твоего ролика все стало намного понятнее. А что за музыка на фоне играет? Шазам не может найти
Спасибо) напиши мне в телеграме (ссылка под видео) я скину бит 😊
@@sidoorenko отписал :)
Делай видосы ещё
Как всегда 🔥
Спасибо 🤪
по ходу не смог добавить fonts, ошибку выдает в 2х местах body { background-color: #0E0E2C; font-family:'Montserrat', sans-serif; color: #FFFFFF; overflow-x: hidden; } и в .navgation__link { position: relative; font-size: 16px; color: #FFFFFF font-weight: 400; }
Если вы брали шрифт тоже с google fonts то могли заметить, что он уже отличается от того сайта что на видео, там немного изменен link подключения, можете мне в тг группе написать, я постараюсь более подробно описать что нужно сделать)
Топ, спасибо!
Я не бандит.
Ждём мобилку 😊
Лучший
так держать очень интересно,жду новых видео.
Спасибо большое за поддержку, последнее время не хватает ее🙃
💥💥💥
Мобайл верст будет?
Если видосы будут нормально просмотры собирать то могу запилить и адаптив )
Базовые советы, но полезные. Лучше соблюдать их до того, как будет выгорание
Да.. до выгорания лучше не доводить
Годные советы
можете пожалуйста в следуюший раз верстать макет на подобие сайта spacex?
И лучше для стилей использовать scss и вместо дивово использовать section. Они быстро работают
Кажется, я секции и так использую по назначению?
сразу видно.самоучка . что такое БЭМ не в курсе , в container лишние стили , паддинги взял из головы, ужас . Что за стиль такой margin: 0 auto 130 px auto ? для тех кто учиться на его уроках,следует найти другого учителя , этот заведет в тупик
БЭМ это ж вроде методы в JavaScript'e чтобы добавлять обработки событий на кнопки ?)
@@sidoorenko добрый день, бэм это - блок ,элемент - модификатор
Допустим если у тебя есть див, назвал его tittle , в этом блоке у тебя лежит ещё один див и ты назвал его text, это не правильно , ты должен назвать его title__text
Это на самом деле очень важно так как другой разработчик не сможешь читать вложения блоков
Чел прав, обрати внимание на методологию БЭМ. Она тебе в будущем поможет, та и как он сказал след разработчики спокойно поймут твой код@@sidoorenko
зачем явно свг картинки добавлять как пнг?
Видео классное и по делу. Можешь рассказать про свой опыт и трудоустройство?
Ставлю лайк автоматом:) Спасибо тебе
Клацание клавиатуры и чавкание бесит если чесно, есть над чем работать и надо улучшить качество контента...
Звуки клавы мне наоборот заходят, тут уже дело вкуса каждого, а за чавканье согласен, но меня не вообще не бесит
не лучше ли вместо navigation__item:not(last-child) использовать gap?
Можно и так)
тоесть html верстальщик это тип тебе дают макет, и ты должен сделать его да? тип в код переписать
ну по сути да )
обожаю ваши видосы💥 как по мне вы хорошо объясняете
Спасибо, но мне кажется, что не все моменты объясняю так как нужно🙃
Объяснений маловато,но в принципе видео хорошее.Жду продолжение)
Мало объяснений, надо подробней рассказывать
Спасибо, очень интересно, попробую сделать такой же)
а где джаваскрипт,?
Под капотом 🙃
@@sidoorenko все идеально CSS, HTML, макет сайта класный, все класно сделано, но где Джаваскрипт? Правда там есть джаваскрипт по моему в 4 ом видео, но очень мало, 3 строки всего по джаваскрипт у. Автор хотел бы для практики увидеть джаваскрипт?
А позиционирование через absolute - не оторбазится отрицательно на дальнейшем адаптиве?
Смотря, относительно чего, если absolute в % указано позиционирование, то может влиять, а если в px то скорее всего нет, но опять-таки, все зависит от кейса
Приветствую, можешь ответить на пару вопросиков? 1. Как ты оцениваешь свои знания во фронте? 2. Существуют ли у вас в команде шутки про бекэндеров? 3. Сколькл времени ты потратил на обучение, от полного нуля до первой оффициальной работы? 4. Есть планы перейти в бекэнд?
Спасибо за Ваш труд! Отличное видео.
Отличные видео так держать💪
Привет. Можешь макет скинуть в чат, по ссылке пишется такого нету макета
Давай продолжение, не забрасывай
Димуля, спасибо за такие полезные ролики !!!!
Врятли меня ты вспомнишь , играли с тобой в кс , мб узнаешь меня под ником reyzusss или locky или же Az1rus , помню как ты 3 года назад мне говорил о том как хочешь этим всем заниматься, я рад узнать что у тебя все получилось , лучший брат❤🩹
Та помню помню назарчика) напиши в тг мне ?🙃
@@sidoorenko уже)
А залить в инет?
Есть видео на канале как запушить на гитхаб)
Годно,лайк
Лучший бро, продолжай
Предыдущий макет cleaning до конца не сделал? 😏
спасибо за контент
Димон, у меня была одна фигня, из-за которой я не мог найти ошибку в css коде, фигня была в том, что обнуляющие стили в твоем исходном коде, который я нашел в телеге отличаются от того обнуляющего стиля который ты так же кидал в телегу. Как только я все заменил, код стал работать как у тебя, но а так, спасибо огромное что видосики пилишь, так как ты с agency еще не закончил я начал верстать этот. Если что, я только начал, поэтому пишу повторяя за тобой. Плюс гуглю те тэги и селекторы которые не понимаю
Спасибо большое ❤️