Тёмный
Sidoorenko
Sidoorenko
Sidoorenko
Подписаться
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!
#6 ВЕРСТАЕМ ZoSale | CSS | HTML
38:37
Месяц назад
#4 Верстаем две секции Agency
21:32
7 месяцев назад
Комментарии
@user-zf8xr5do5m
@user-zf8xr5do5m 10 часов назад
Вышло так как на видео, но отличается от макета
@user-zf8xr5do5m
@user-zf8xr5do5m 15 часов назад
Зачем на одном экране? Были бы отдельно файлы, может быть буквы были бы побольше. Догадываться надо что там написано
@user-zf8xr5do5m
@user-zf8xr5do5m 17 часов назад
Что же так мелко?
@serenitiSever
@serenitiSever 3 дня назад
"overflow-x: hidden;" - лучше не писать в body. Плохая практика. Рано или поздно это сыграет с вами злую шутку. Образует непонятные баги, а в телефоне во время скролла страница может ездить влево вправо и это будет бесить клиента, особенно если будет какой-то слайдер со свайпом влево-вправо, или range input для выбора количества, и в целом нужно проверять и избегать нижнего скролла, смотреть ваш сайт под разные размеры, в инспекторе кода это можно отследить через клавишу "F12". Ещё называют Dev Tools. В целом видно, что автор понял как пользоваться css, но всё же показано много плохой практики которая может вызывать ошибки, баги в вёрстке и сложность поддержки проекта. Шрифты по CDN подключать тоже плохая практика, так как обращение к стороннему сайту делает дополнительный запрос, что создаёт более медленную загрузку вашего сайта, в итоге, при плохой оптимизации, огромные картинки, шрифты с других сайтов, очень большой css файл, не правильно расставленные link приоритеты в head могут привести к замедлению загрузки сайта с 1 секунды до 1 минуты. Это плохо для SEO, в итоге такие сайты чаще закрываются пользователями, и сайт падает на самое дно поисковой выдачи.
@user-tx3ih9gx6d
@user-tx3ih9gx6d 23 дня назад
Чесно говоря не чего не понял
@nayni69
@nayni69 28 дней назад
Бомба - как раз изучаю.реактивный двигатель мне пригодилось!
@mrdaimont7530
@mrdaimont7530 28 дней назад
Делай видосы
@0xlifechange
@0xlifechange 28 дней назад
Хорош, недавно смотрел 2 часовую лекцию от яндекса про реакт и после твоего ролика все стало намного понятнее. А что за музыка на фоне играет? Шазам не может найти
@sidoorenko
@sidoorenko 28 дней назад
Спасибо) напиши мне в телеграме (ссылка под видео) я скину бит 😊
@0xlifechange
@0xlifechange 28 дней назад
@@sidoorenko отписал :)
@mihascooter8264
@mihascooter8264 29 дней назад
Делай видосы ещё
@ozgbes2212
@ozgbes2212 Месяц назад
Как всегда 🔥
@sidoorenko
@sidoorenko Месяц назад
Спасибо 🤪
@user-tl4sc9wz4r
@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
@sidoorenko Месяц назад
Если вы брали шрифт тоже с google fonts то могли заметить, что он уже отличается от того сайта что на видео, там немного изменен link подключения, можете мне в тг группе написать, я постараюсь более подробно описать что нужно сделать)
@Video-jd1so
@Video-jd1so Месяц назад
Топ, спасибо!
@momosmart_ff
@momosmart_ff Месяц назад
Я не бандит.
@ozgbes2212
@ozgbes2212 Месяц назад
Ждём мобилку 😊
@momosmart_ff
@momosmart_ff Месяц назад
Лучший
@CARTEL_MEDlA
@CARTEL_MEDlA Месяц назад
так держать очень интересно,жду новых видео.
@sidoorenko
@sidoorenko Месяц назад
Спасибо большое за поддержку, последнее время не хватает ее🙃
@ozgbes2212
@ozgbes2212 Месяц назад
💥💥💥
@dimasnytin
@dimasnytin Месяц назад
Мобайл верст будет?
@sidoorenko
@sidoorenko Месяц назад
Если видосы будут нормально просмотры собирать то могу запилить и адаптив )
@user-py3em3qq3s
@user-py3em3qq3s Месяц назад
Базовые советы, но полезные. Лучше соблюдать их до того, как будет выгорание
@sidoorenko
@sidoorenko Месяц назад
Да.. до выгорания лучше не доводить
@sitehi
@sitehi Месяц назад
Годные советы
@robertzohrabyan3316
@robertzohrabyan3316 3 месяца назад
можете пожалуйста в следуюший раз верстать макет на подобие сайта spacex?
@ReMiX-lp6ri
@ReMiX-lp6ri 3 месяца назад
И лучше для стилей использовать scss и вместо дивово использовать section. Они быстро работают
@sidoorenko
@sidoorenko 3 месяца назад
Кажется, я секции и так использую по назначению?
@skomggj2437
@skomggj2437 3 месяца назад
сразу видно.самоучка . что такое БЭМ не в курсе , в container лишние стили , паддинги взял из головы, ужас . Что за стиль такой margin: 0 auto 130 px auto ? для тех кто учиться на его уроках,следует найти другого учителя , этот заведет в тупик
@sidoorenko
@sidoorenko 3 месяца назад
БЭМ это ж вроде методы в JavaScript'e чтобы добавлять обработки событий на кнопки ?)
@skomggj2437
@skomggj2437 3 месяца назад
@@sidoorenko добрый день, бэм это - блок ,элемент - модификатор
@skomggj2437
@skomggj2437 3 месяца назад
Допустим если у тебя есть див, назвал его tittle , в этом блоке у тебя лежит ещё один див и ты назвал его text, это не правильно , ты должен назвать его title__text
@skomggj2437
@skomggj2437 3 месяца назад
Это на самом деле очень важно так как другой разработчик не сможешь читать вложения блоков
@nickshow890
@nickshow890 3 месяца назад
Чел прав, обрати внимание на методологию БЭМ. Она тебе в будущем поможет, та и как он сказал след разработчики спокойно поймут твой код@@sidoorenko
@Dontdonel
@Dontdonel 3 месяца назад
зачем явно свг картинки добавлять как пнг?
@hoij7623
@hoij7623 3 месяца назад
Видео классное и по делу. Можешь рассказать про свой опыт и трудоустройство?
@trebor2159
@trebor2159 3 месяца назад
Ставлю лайк автоматом:) Спасибо тебе
@reallive459
@reallive459 3 месяца назад
Клацание клавиатуры и чавкание бесит если чесно, есть над чем работать и надо улучшить качество контента...
@greedy100
@greedy100 3 месяца назад
Звуки клавы мне наоборот заходят, тут уже дело вкуса каждого, а за чавканье согласен, но меня не вообще не бесит
@tomaabasidze3102
@tomaabasidze3102 4 месяца назад
не лучше ли вместо navigation__item:not(last-child) использовать gap?
@sidoorenko
@sidoorenko 4 месяца назад
Можно и так)
@uqble2712
@uqble2712 4 месяца назад
тоесть html верстальщик это тип тебе дают макет, и ты должен сделать его да? тип в код переписать
@sidoorenko
@sidoorenko 4 месяца назад
ну по сути да )
@Faybmi
@Faybmi 4 месяца назад
обожаю ваши видосы💥 как по мне вы хорошо объясняете
@sidoorenko
@sidoorenko 4 месяца назад
Спасибо, но мне кажется, что не все моменты объясняю так как нужно🙃
@capwan
@capwan 4 месяца назад
Объяснений маловато,но в принципе видео хорошее.Жду продолжение)
@user-zw7tc6lv9z
@user-zw7tc6lv9z 4 месяца назад
Мало объяснений, надо подробней рассказывать
@boomch1k214
@boomch1k214 4 месяца назад
Спасибо, очень интересно, попробую сделать такой же)
@azamatmussauatov7533
@azamatmussauatov7533 4 месяца назад
а где джаваскрипт,?
@sidoorenko
@sidoorenko 4 месяца назад
Под капотом 🙃
@azamatmussauatov7533
@azamatmussauatov7533 4 месяца назад
@@sidoorenko все идеально CSS, HTML, макет сайта класный, все класно сделано, но где Джаваскрипт? Правда там есть джаваскрипт по моему в 4 ом видео, но очень мало, 3 строки всего по джаваскрипт у. Автор хотел бы для практики увидеть джаваскрипт?
@HungerGames911
@HungerGames911 4 месяца назад
А позиционирование через absolute - не оторбазится отрицательно на дальнейшем адаптиве?
@sidoorenko
@sidoorenko 4 месяца назад
Смотря, относительно чего, если absolute в % указано позиционирование, то может влиять, а если в px то скорее всего нет, но опять-таки, все зависит от кейса
@ikn7968
@ikn7968 5 месяцев назад
Приветствую, можешь ответить на пару вопросиков? 1. Как ты оцениваешь свои знания во фронте? 2. Существуют ли у вас в команде шутки про бекэндеров? 3. Сколькл времени ты потратил на обучение, от полного нуля до первой оффициальной работы? 4. Есть планы перейти в бекэнд?
@mikhaildolgov
@mikhaildolgov 5 месяцев назад
Спасибо за Ваш труд! Отличное видео.
@TikTok-yj3wb
@TikTok-yj3wb 5 месяцев назад
Отличные видео так держать💪
@Denis-lg9cg
@Denis-lg9cg 5 месяцев назад
Привет. Можешь макет скинуть в чат, по ссылке пишется такого нету макета
@Denis-lg9cg
@Denis-lg9cg 5 месяцев назад
Давай продолжение, не забрасывай
@CAZIOGI
@CAZIOGI 5 месяцев назад
Димуля, спасибо за такие полезные ролики !!!!
@ahkloshok6077
@ahkloshok6077 5 месяцев назад
Врятли меня ты вспомнишь , играли с тобой в кс , мб узнаешь меня под ником reyzusss или locky или же Az1rus , помню как ты 3 года назад мне говорил о том как хочешь этим всем заниматься, я рад узнать что у тебя все получилось , лучший брат❤‍🩹
@sidoorenko
@sidoorenko 5 месяцев назад
Та помню помню назарчика) напиши в тг мне ?🙃
@ahkloshok6077
@ahkloshok6077 5 месяцев назад
@@sidoorenko уже)
@pavel_balan
@pavel_balan 5 месяцев назад
А залить в инет?
@sidoorenko
@sidoorenko 5 месяцев назад
Есть видео на канале как запушить на гитхаб)
@kapusta9999
@kapusta9999 6 месяцев назад
Годно,лайк
@EGOR38654
@EGOR38654 6 месяцев назад
Лучший бро, продолжай
@tarasmirus
@tarasmirus 6 месяцев назад
Предыдущий макет cleaning до конца не сделал? 😏
@Mirrasim
@Mirrasim 6 месяцев назад
спасибо за контент
@tle1net
@tle1net 7 месяцев назад
Димон, у меня была одна фигня, из-за которой я не мог найти ошибку в css коде, фигня была в том, что обнуляющие стили в твоем исходном коде, который я нашел в телеге отличаются от того обнуляющего стиля который ты так же кидал в телегу. Как только я все заменил, код стал работать как у тебя, но а так, спасибо огромное что видосики пилишь, так как ты с agency еще не закончил я начал верстать этот. Если что, я только начал, поэтому пишу повторяя за тобой. Плюс гуглю те тэги и селекторы которые не понимаю
@sidoorenko
@sidoorenko 7 месяцев назад
Спасибо большое ❤️
@tle1net
@tle1net 7 месяцев назад
только начал верстать, спасибо огромное за твой труд
@sidoorenko
@sidoorenko 7 месяцев назад
и тебе спасибо )
@user-tp2eo5vb9k
@user-tp2eo5vb9k 7 месяцев назад
Привет. Ничего, что PageSpeed Insights ругается на шрифты гугл подключенные таким образом, как ты описал?
@sidoorenko
@sidoorenko 7 месяцев назад
по-хорошему, не должен ругаться, а так, если для практики ты используешь гугл шрифты то ничего страшного