Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1

197,574 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

ТОЛЬКО ПО БЕЗДОРОЖЬЮ
ТОЛЬКО ПО БЕЗДОРОЖЬЮ - 13.07.2023 22:27

Классный лайфхак про линейку 😂

Ответить
Abdulkhamid
Abdulkhamid - 18.04.2023 00:53

Юрий спасибо большое! Очень полезный и понятный контент👍

Ответить
Александр Симанский
Александр Симанский - 29.03.2023 09:49

+

Ответить
Rafo
Rafo - 22.03.2023 23:51

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

Ответить
Лариса Захарова
Лариса Захарова - 20.02.2023 22:30

Как так быстра копировать классы с HTML в CSs?))

Ответить
Диана Диана
Диана Диана - 18.02.2023 16:35

Спасибо! Понравилась идея с паддингом и марджином

Ответить
Kaswister
Kaswister - 14.02.2023 14:26

Для тех кто с малым опытом хочет сверстать макет -- не советую!!. В данном макете автор применяет плохие практики кода и сам не до конца понимает что создаёт.

Ответить
Mr Wise
Mr Wise - 03.02.2023 18:52

Хорошо , а сможете ли вы свертстать игровой сайт? на подобье Perfect world!

Ответить
Vin drozel
Vin drozel - 02.02.2023 23:23

У меня возникла проблема, не могу открыть лайф сервер

Ответить
Эльмира Ниязбекова
Эльмира Ниязбекова - 17.01.2023 16:27

+

Ответить
Qqshka Rar
Qqshka Rar - 13.01.2023 01:28

спасибо броу, выручил, все четко и по делу

Ответить
DRKNSS
DRKNSS - 16.12.2022 09:09

Спасибо за ваш труд и возможность учиться!) Отдельное спасибо за функцию calc вначале, как раз ломал голову над таким же блоком, сам бы не понял)

Ответить
Marcus Lysenko
Marcus Lysenko - 14.12.2022 18:49

Спасибо большое за стрим, очень интересно и познавательно!!! Удачи вам))

Ответить
HA CTPIME
HA CTPIME - 10.12.2022 20:54

рили? !important ???

Ответить
HA CTPIME
HA CTPIME - 10.12.2022 20:51

всё настолько не последовательно🤔

Ответить
Илья Александрович
Илья Александрович - 08.12.2022 15:59

Как всегда! Начали за здравие, кончили за упокой! Видео называется "подробно с разъяснениями для новичков". Когда вы начинаете добавлять скрипты в учебный проект - никаких объяснений нет. Просто делайте вот так и всё. Повторял и другие проекты, и там была та же самая проблема, из-за чего конечная версия проекта выглядела ломаной, ведь починить что-то невозможно, если не понимаешь в чем ошибка. Спасибо за бесплатный контент, но карусель ведь можно сделать и более простым способом, например используя бутстрап. Думаю, многим вашим зрителям хотелось бы увидеть именно эту вариацию.

Ответить
Gro
Gro - 04.12.2022 18:43

Большое спасибо!
Очень показательный момент, который демонстрирует Ваше умение преподавать, - это объяснение создания container.right
Я очень благодарна, что вы показали всё поэтапно, а не сразу настрочили страшную формулу, которая таковой теперь не кажется))

И знание переменных, которые вы прекрасно объясняете, поднимает меня на новый уровень в программировании!

Ответить
Прохорова Диана
Прохорова Диана - 02.12.2022 11:52

Спасибо большое за твои уроки. Я узнала много нового

Ответить
Сергей Каминский
Сергей Каминский - 25.11.2022 18:49

Здравствуйте, очень полезное видео, но можете пожалуйста подсказать, как вгрузить фотки с бекенда в слайдер. Как например на киносайте "kinogo"

Ответить
Black Dracula
Black Dracula - 24.11.2022 15:13

я все делаю как ты делаешь но у меня как в начале не пошло с CALC я копирую даже у тебя код но он не срабатывает как у тебя у меня не ровно все равно (((

Ответить
Феклушкин Кирилл
Феклушкин Кирилл - 24.11.2022 00:06

+

Ответить
Анна Фролова
Анна Фролова - 18.11.2022 20:09

Спасибо за ваши уроки!

Ответить
Yuriy Kolomytsyn
Yuriy Kolomytsyn - 13.11.2022 15:05

Спасибо огромное за мастеркласс! Приобрел массу новых знаний и практического опыта! Юрий, всего тебе самого наилучшего!

Ответить
victory
victory - 05.11.2022 13:26

Спасибо большое за стрим!☺

Ответить
Vaspurak Avdalian
Vaspurak Avdalian - 05.10.2022 20:11

Спасибо что урок оставил.Позжалуйста,не удаляй,будь другом.👍

Ответить
Vaspurak Avdalian
Vaspurak Avdalian - 05.10.2022 20:10

Красава

Ответить
Kafi Ahammed
Kafi Ahammed - 24.09.2022 11:45

Hello sir, I am from Bangladesh.

Ответить
A. Олируж
A. Олируж - 15.09.2022 17:33

Усложнил в начале с переменными

Ответить
beauty is internal
beauty is internal - 15.09.2022 11:35

Скажите пожалуйста а что эта за программа макета?

Ответить
borning man
borning man - 14.09.2022 12:14

Извините если глупый вопрос но разве не легче просто копировать свойства картинок и всё в figma

Ответить
Дмитрий
Дмитрий - 30.08.2022 09:37

Спасибо за урок! Подскажите, какие приложения используете для vsc?

Ответить
Человек Будущего
Человек Будущего - 26.08.2022 07:18

крутейший урок, и канал супер) сегодня взялся за верстку этого проекта) Спасибо!

Ответить
Thomas Shelby
Thomas Shelby - 25.08.2022 20:10

Когда мы разместили картинку и посунули ее верх согласно макета ,то не работает hover ведь мы закрыли login и что делать как разместить не закрывая этот ефект ?

Ответить
Наталья Тулякова
Наталья Тулякова - 21.08.2022 18:49

при верстке первого экрана, при добавлении в css файл кода ".header_img {
flex-grow: 1;
position: relative; } пропадает подчеркивание в меню Pricing Contact и перестаёт прожиматься ссылка-кнопка в меню. В сообщениях ранее так же об этом упоминалось, но ответа не было.

Ответить
alan hilf
alan hilf - 20.08.2022 23:50

Доброго! Что за плагин позволяет скопировать структуру хтмл и перевести в цсс селекторы автоматически

Ответить
Дмитрий Нормов
Дмитрий Нормов - 19.08.2022 07:40

Создатель owl-карусели сам задепрекейтил свое творение и рекомендует юзать tiny слайдер...

Ответить
Avocode User
Avocode User - 18.08.2022 08:32

Насчёт того что быстро пишешь и трудно типа повторить, я смотрю на 1.5 и успеваю повторять. Сначала сам пишу, потом сравниваю твой вариант, как-то так

Ответить
Дмитрий Нормов
Дмитрий Нормов - 18.08.2022 07:55

а использование @import в css - может, это плохая практика?

Ответить
Avocode User
Avocode User - 18.08.2022 04:58

Я сам из Донецка, выбора работы у нас тут мало, но я всё таки нашёл микро компанию, в которую меня взяли с моим минимальным опытом работы. Так вот я пришёл к ним как верстальщик, но мне сказали, что у них таких вакансий нет, типа вёрстка для них это не выгодно, учи js, ну я и верстал сайты, у них месяц, было пипец тяжело в начале и параллельно учил js. Потом начались события эти, мы временно не работали, доделывали старые заказы. И меня снова взяли, но как фронта и у меня из-за этого сложилось мнение, что вёрстку недооценивают или действительно, она уже не актуально может. Ну как я сказал выше, выбора тут особо нет, поэтому учу вью, потому что когда я вернулся с базой js(не скажу, что я там профик на js, но знания есть, нужно просто практика, чтобы набить руку по сути) и мне сказали что сейчас с одним js тоже никуда, учи фреймоврк, я начал учить vue(потому что реакт это фейсбук, а ангуляр это гугл я не стал учить эти фреймворки из-за полит. обстановки), мало вероятно что наши уйдут с реактов там, но я уже ничему не удивлюсь и т.к. как вью это китайцы решил учить их фрейм. Ну я к тому или это у меня такой опыт или просто требования сейчас для новичков супер завышенные. Я в айти сейчас получаю меньше, чем когда ездил на заработки в рф, я там в отеле грубо говоря полы мыл за х3 больше по деньгам, чем сейчас в айтишке, зато у нас печеньки бесплатные)) терплю свою контору ради опыта. Спасибо тебе за твои уроки смотрю просто всё в захлёб и очень многое подмечаю для себя, в будущем обещаю задоначу тебе, курс покупать не буду для меня уже поздновато, а отблагодарю 100%. Спасибо и желаю всех благ тебе.

Ответить
Pro Пончик
Pro Пончик - 15.08.2022 11:30

Здравствуйте! У меня вопрос. Когда я пишу background-color для header у меня экран не весь заливается градиентом. Как это можно пофиксить?

Ответить
Avocode User
Avocode User - 15.08.2022 06:20

Привет, мне нравятся твои уроки. Прости если умничаю, но я не качал свг шейпа(5ти угольника) на тайтле под девушкой, а сделал так clip-path: polygon(50% 80px, 100% 6px, 100% 100%, 0% 100%, 0% 6px); + к этому, что я прикрепил формулу для отзывчивости и красиво адаптировать можно под любой вкус, изменяя параметры на лету, очень гибко, немного задрочисто, в первый раз юзал этот клип паз, методом тыка научился использовать его, классная штука для адаптации самое то.

Ответить
Azim Kurbanov
Azim Kurbanov - 14.08.2022 00:04

борода мощно идет

Ответить
Anatoliy Velichko
Anatoliy Velichko - 11.08.2022 20:56

после того как сделал вторую кнопку , панель навигации перестала работать, а когда сделал 3-ю кнопку , перестала вторая утапливаться, что это может быть ?

Ответить
отец и сын
отец и сын - 10.08.2022 22:04

Не скромный вопрос, я в мало что понимаю в сайтах, но почему нажимая стрелку направленную вправо, слайде едит налево и наоборот,
Вроде бы правильнее было куда стрелка показывает туда и картинка прячеться

Ответить