Верстка сайта по макету из Figma без Dev Mode в бесплатной версии

[@ITDoctor]

Этот новый урок доступен вам БЕСПЛАТНО в курсе Сайт на Wordpress, Верстка сайта и перенос на CMS ( stepik.org/113393 ) в модуле "Верстка из Figma без Dev Mode". На Stepik доступны задания и дополнительные материалы, а так же видео разбито на отдельные фрагменты для вашего удобства, чтобы не смотреть большое видео за один раз.

[@АшурМезлан]

Пишет: 404.

[@ITDoctor]

@@АшурМезлан спасибо исправил. из-за круглых скобок написанных слитно ссылка поламалась.

[@ИванТюников-д3е]

То, что ITDoctor прописал. Понятно, доходчиво, сразу на конкретном примере.

[@ITDoctor]

Спасибо что оценили!

[@rikenbaker1]

Спасибо за видео! Первая же строка у меня не сошлась с пиксель перфект, часа два ломал голову всё сравнивал. Оказалось в моей винде просто не было шрифта Montserrat , сделал ссылку на гугл фонтс на этот шрифт и всё сошлось один в один. 😀 Если что-то не получается, не бросайте, прогуляйтесь, чаю попейте и новым взглядом посмотрите.

[@ITDoctor]

Вы правы, сдавать нельзя. Рад что у вас получилось!

[@ИльяКабанов-с1ч]

Исмаил, спасибо! Информативно, понятно, доступно. Всех Вам благ!

[@ITDoctor]

Спасибо, взаимно!

[@АшурМезлан]

Спасибо огромнейшее. С Ваших материалов началось моё знакомство с IT-индустрией. Конкретно с вёрстки.

[@ITDoctor]

Спасибо, рад слышать!

[@АкимеУсеинова-с3е]

Спасибо за ваш труд😊

[@_pheax]

Спасибо вам за урок.

[@ITDoctor]

всегда пожалуйста

[@DmytriyScience]

Начал обучение с Python, потом понял, что фронтэнд ближе мне, но начал учить JavaScript. Всё то же самое, что и в Python. А теперь понимаю, что нужно было учить фронтэнд именно с HTML и CSS. Но как только начал учить фронтэнд с этого, понял, что верстка мне не нравится и очень скучная. Что посоветуете: двигаться дальше во фронтэнде или возвращаться назад в бэкенд? Может в бєке есть тоже какието 2 подваха на подобие htm и сss или верстки)

[@ITDoctor]

если верстка не нравится то дальше не станет лучше и вряд ли она начнет нравится сильнее. если нравится писать бэкенд код то почему бы не делать то что нравится. вас же никто не заставляет.

[@Александр-ю8ы4к]

Привет, сделай как нибудь вёрстку сайта с помощью SASS, и Gulp пожалуйста, буду очень благодарен.

[@ITDoctor]

Спасибо за предложение

[@tohrrogeil4847]

на гитхабе для этого проекта, в файле main.css, на строках 13 и 14 заданы max-width:1444px и width:100% для container. Свойство width:100% будет излишним , так блочный элемент занимает все доступное пространство(по ширине) по дефолту. Я прав?

[@ITDoctor]

нет. и я рассказывал почему мы так сделали. и еще недавно вышло видео там тоже говорил про это kzbin.info/www/bejne/g6CsfGqNqbqpqtE если вы начнете делать адаптив то поймете сами в чем косяк. 100% говорит нам что на маленьких экранах будет занимать всю ширину. а 1440 это максимум, тоесть больше этого не будет точно. а вот меньше может быть и будет занимать весь экран. на смартфонах например. ну можно и по другому делать конечно это не единственно верный способ. можно потом писать в медиа это. но зачем если легче сразу один раз задать для контейнера.

[@Web..223]

Привет, я вам очень благодарен, но был бы ещё больше благодарен вам если вы покажите нам, вашим ученикам вёрстку с использованием SASS и gaup🙏

[@ITDoctor]

у меня есть подобные уроки на канале хоть они и записаны пару лет назад. но по сути сильно ничего не поменялось. новые может тоже запишу. но не стал бы прям ждать, а воспользовался уже тем что есть просто извлек бы для себя оттуда максимум пользы и применял. Спасибо что написали ваши пожелания!

[@Web..223]

@@ITDoctor Спасибо вам, не каждый отвечает на вопросы, а просто игнорит,а вам я уже задаю не один вопрос и вы отвечаете за это огромное спасибо, а что касается моего вопроса я обязательно посмотрю и извлеку максимум пользы и буду с удовольствием применять 🙂, ещё раз спасибо

[@Web..223]

@@ITDoctor сможете если не сложно скинуть ссылку на эти видио уроки пожалуйста

[@ITDoctor]

​@@Web..223kzbin.info/aero/PLuY6eeDuleIMEIav0T-g0VBM52C3cAhLC&si=sJx8IynJV7lBlH8M kzbin.info/aero/PLuY6eeDuleIM2_X9rA_5DDE0rX9cjUQoX&si=VD_y9SN6veqIwrvx kzbin.info/aero/PLuY6eeDuleIM-cQvHBy4jQnGH0fVZ_RhK&si=pxco8X2UZogl8zNm И на канале ещё много другого можно найти в разделе плейлистов, там подписано все

[@Web..223]

@@ITDoctor Спасибо

[@UDAV_]

Платная подписка только на группу же? Нельзя купить на свой аккаунт и использовать его во всех проектах. Или я не прав?

[@ITDoctor]

Dev Mode сейчас в платной подписке. Можете сами проверить у вас работает этот режим или нет?

[@azamatmussauatov7533]

Я уже задолбался в джаваскрипт е , появляется постоянно unexpected input error, и у меня дальше не идет джаваскрипт из за этого???

[@oldiBerezko_]

Закинь в ИИ и узнай.

[@ITDoctor]

в вашем вопросе видны эмоции но самой формулировки вопроса и адекватного объяснения сути не вижу. помочь в таком случае тоже трудно t.me/itdoctor_official/962

[@Игорь-ж6е8т]

Здравствуйте. В вашем курсе вы объясняете почему нужно ставить max-width, width 100%, и этого типа значения. Нечего непонятно просто когда и как их ставить и зачем? Почему нельзя просто писать обычно width и hight? И есть пояснени по поводу велечин изменрения vh, em и т.д. ?

[@ITDoctor]

max это значит может быть меньше но не больше этого значения. то есть контента мало и ширина может быть уже. а если контента больше то ширина больше не станет а просто текст перейдет на новые строки. изучайте основы перед тем как браться за что то сложнее. есть плейлист по основам css kzbin.info/aero/PLuY6eeDuleINJ5hIlBJWopSWHWDJYz_XW а так же отдельное видео на интересующую вас тему kzbin.info/www/bejne/kKa1e4ahq9p7pbMsi=UXdhSufjyg6q4g46 а также пошаговые планы обучения (бесплатно) и если ничего не пропускать и шаг за шагом разбираться то таких вопросов на данной стадии уже не будет t.me/itdoctor_official/943

[@Игорь-ж6е8т]

@@ITDoctor здравствуйте. Спасибо посмотрю.

[@ВалентинаУсикова-б3э]

Водянистая вода, всю инфу можно вместить и в 30 минут 😮‍💨

[@usuratonkach1]

Вот все говорят можно уместить, а ты купи верблюда

[@ITDoctor]

однажды всю инфу будут за секунду загружать в мозг и не придется тратить время, смотреть на воду, стараться и учиться. Если доживете буду рад за вас.