Реально чувствуется по голосу насколько человек увлечен тем что делает и насколько кайфует от этого. Женя, благодарю тебя за твой труд и время которое тратишь на все эти уроки!! Ежедневно занимаюсь по твоим урокам. Со своей стороны твоим каналом поделился уже с 6-ю друзьями, по-любому в будущем буду рекомендовать ещё для тех кто будет спрашивать о подобном. как всегда ПАЛЕЦ ВВЕРХ!!! Удачи в работе, здоровья тебе и твоей семье!!!
Тайм-коды, если нужно быстро что-то найти: _______________________________________________________________________________ 00:00 Настройка файлов к работе 01:10 padding - внутренний отступ блочных тегов 05:45 margin - внешний отступ блочных тегов 07:45 width - устанавливает ширину блочных тегов 11:04 max-width - устанавливает максимальную ширину блочных тегов 12:24 min-width - устанавливает минимальную ширину блочных тегов 15:09 height - устанавливает высоту блочных тегов 16:50 max-height - устанавливает максимальную высоту блочных тегов 18:03 min-height - устанавливает минимальную высоту блочных тегов 19:23 ВАЖНО! Свойство box-sizing - расчёт размеров блочных тегов. Значения этого свойства указывают, влияют ли отступы и границы на размеры блочных тегов. 22:12 overflow - управляет отображением содержания блочного элемента 24:24 display - многоцелевое свойство, которое определяет, как элемент должен быть показан в документе. (Наример, делает из строчного элемента блочный и наоборот) 29:48 Шпаргалка от Евгения по свойствам этого урока 30:32 Домашнее задание _________________________________________________________________________
Настроение было отвратительное, но тем не менее села за урок, чтобы не пропускать и заниматься регулярно Даже настроение повысилось, спасибо вам за уроки! Вы отлично объясняете материал!
ДЛЯ ТЕХ, КТО НЕ ПОНЯЛ НА 19:23 При отключении BOX-SIZING в CSS: общая ширина блока=width+padding+margin+border Пример: общая ширина блока=width500+padding10+margin20+border1=500+10+10+20+20+1+1=562 При включенном BOX-SIZING в CSS: общая ширина блока=width+margin (padding и border входят внутрь ширины width, поэтому и не учитываются) Пример: общая ширина блока=width500+margin20=500+20+20=540 где width500=padding20+border1+оставшаяся ширина (500=20+20+1+1+458)
box-sizing в обнулении не сработал(код такой же, даже копировал из урока специально), и чтобы понять, как работает, пришлось дописать box-sizing в класс блочного тега.
К сожалению, автор заблуждается по поводу свойства box-sizing, так как ни при значении по умолчанию, ни при значении border-box, ширина и высота элемента не включают в себя значения свойства margin. Вот информация из MDN Web Docs: "border-box: The width and height properties include the content, padding, and border, but do not include the margin." Ну и через Chrome Dev Tools это тоже довольно просто отслеживается.
Я сам из Украины, но буду писать на русском, так как здесь много людей из России. Значит по домашке. 1. На макете есть текст помещенный в теги. Только текст надо разместить вам на странице. А в редакторе (sublime text 3, brackets и т.д.) сам текст надо обернуть в указанные в домашке теги. 2. Каждый урывок текста это своего рода блок. Если в Avocode или Photoshop навести на него курсор, то видно рамки этого блока. То есть, работайте с этими блоками, как Женя учил в уроке. Думайте! Мне очень понравилось display: block; и display: inline-block; 3. В каждом селекторе укажите свойство border внизу, чтоб видеть границы. Потом это уберете в конце. 4. На рабочей странице, в браузере, ну типа когда открываете, чтоб посмотреть, что натворили нажмите F12 или Fn+F12 на ноуте и вы увидите свой код. Когда мышкой ставите на свои теги, то вы классно видите границы каждого блока и стилизацию. Мне это очень помогало. Делюсь с вами моими наработками. Не благодарите)
Полезно! Пока только учусь, но тоже пришел к выводу что с бордерами удобнее воспринимать страницу на этапе проектирования. Только я назначаю полные рамки для всех дивов на странице, мне так удобнее.
спасибо! а не подскажите как удалось выстроить предпоследний элемент (ссылку ) в одну строку рядом со span? По идее применение inline-block должно тут помочь , но не помогает. Заранее спасибо.
А то что в макете есть названия тегов, например их надо переносить на готовую страницу? Или вместо этих тегов должны быть отступы в верстке, не понял этого момента
Ух, сделала. Один день ушел на то, чтобы пару раз посмотреть видео, и другой на то, чтобы разобраться. В среднем, отдаю обучению вёрстке 3 ч в день. Так приятно бывает смотреть на результат и гордиться своими скромными достижениями ))
Отличная мудрость "живи, а работай в свободное время". Найти работу по душе - так с предидущего предложения останется только одно слово) Спасибо за уроки.
Просто бомбезні уроки!!!! Наскільки мені відомо, в Ужгороді вже 2 року жодна компанія не організовувала курсів для бажаючих працювати в IT. А всі онлайн курси, які мені зустрічались зорієнтовані на заробітку. А тут Женя викладає матеріал в настількі доступній формі, що неможливо щось не зрозуміти. Та ще й безкоштовно!!! Величезне дякую, лайк, підписка. 👨🎓👏
Учусь с 0 по твоим урокам, никогда до этого я не сталкивался с программированием, а зря, это очень интересно) Устал от тяжёлой работы на ногах, хочу зарабатывать головой, тем более в наше сейчас время, когда ты не знаешь, что может произойти (война), и работы твоей может уже и не быть вовсе... Хочу сказать тебе огромное спасибо, что есть такой человек как ТЫ! Который обучает абсолютно бесплатно всех! А в конце ролика твоя речь, меня каждый раз вдохновляет только продолжать идти к цели и *Жить*...
Цілий урок конспектувала, а в кінці ви сказали, що залишили вже готовий конспект, мене дуже здивувало, що вам не жаль свого часу аж так допомагати людям. Підносите як на блюдці. Навчаюся з вами далі
Жека, спасибо тебе тысячу раз за то, что только на твоих уроках можно отлично стартануть в web. Ты так много вложил любви и времени в материалы по обучению... Я очень ценю твой дар!
@@FreelancerLifeStyle Женя. присоединяюсь ко всем коментам и словам благодарности. учиться по Вашему материалу одно удовольствие. все четко и продумано. Мне ваш курс посоветовал мой муж, который выучился на Ваших уроках и сейчас работает на фирме. Я когда раньше смотрел ем занимаеться мой муж, то чесно говоря хотелось плакать. А теперь сама в 40 лет после 6 лет декрета решила стать фрилансером и прохожу Ваши уроки. Сейчас мне уже не страшно, а даже наабарот интересно. Я понимаю, что именно через такую подачу материала как у Вас я и поменяла свое мнение. Еще раз спасибо Вам и успехов Вам во всех проектах.
Я от души присоединяюсь ко всем восторженным отзывам о канале в целом и об этом курсе в частности! Настолько понятного материала по вёрстке я ещё не встречала... "Это просто праздник какой-то!" :)
Привіт з 2023! вирішив перейти з геймдеву у веб розробку. Дуже вдячний за ці всі уроки. Дуже корисно, без води, чітко та структуровано. Дуже велика робота була зроблена щоб вийшов такий результат. Дуже велика подяка за зроблену роботу !!!
Как ты объясняешь, Жек, это нечто. Все понятно и доходчиво. Если зайти на некий ресурс и глянуть описание - черт ногу сломит, а тут все просто и понятно. мерси
@@tommy7tommy , в основном смотрел других ютуберов. Но от них матва не было, из-за этого ушел со сферы программирования. Потом неожиданно захотел вернуться, примерно 3-4 месяца учебы от фрилансера по жизни + телеграм канал. Дал себе знать чего я достоен, и это только начало
Евгений, просто ЗАМЕЧАТЕЛЬНЕЙШИЕ уроки! Все разложено по полочкам, все логично, все понятно разъяснено, все необходимые доп материалы, ничего не упущено. При этом сама подача не скучная, душевная и в то же время грамотная. Ты уделил внимание каждой мелочи как в самом материале для обучения, так и в его подаче. Плюс ты реагируешь на наши советы. Это самые лучшие уроки, которые я видел по разным темам, а не только по теме сайтов. Понимаю, какой большой труд вложен в каждый урок + часть своей души. Огромнейшее тебе спасибо!!! Успехов и удачи тебе во всем)))
Автору: 1е у тебя талант преподавателя. 2е просто ты очень приятный молодой человек - на тебя приятно смотреть и приятно слушать. Хотелось бы еще вот такие уроки по JS . Это конечно не CSS и тема явно сложнее но поэтому ты и нужен, потому что у тебя получается правильно доносить информацию.
Женя, дуже дякую тобі, насправді поки що найкращий курс який я пробував почати вчити, дуже толково і продумано, і приємно все робити. а ще класно те що ти досі читаєш коментарі і лайкаєш! ти крутий, дякую!
ахахахах, я сижу весь урок, скрупулезно конспектирую каждое слово, Эвгений в конце видео: "для того, чтобы тебе не пришлось..."... P.S.: "Щиро вдячний за твiй контент)"
Спасибо за отличный формат и поэтапное чёткое объяснение. Мне очень нравится, что, приступая к новому параметру, внизу экрана есть название и описание этого параметра, это очень удобно и вносит еще больше ясности, особенно для тех, кто лучше воспринимает не на слух, а визуально
Евгений, очень хорошие уроки, и канал вырос заметно, я присоединился когда было что то около тысячи, занимался по твоим урокам, потом год практически не мог уделять время. Сейчас опять в строю! Спасибо!!
Спасибо Вам огромное, начал смотреть канал по рекомендации Хауди, и мне очень нравиться, особенно то что вы проговариваете все тонкости применения свойств! чего нет в литературе где просто говориться к примеру про width а про такие свойства как min-width или max-width, будет описываться где-то через несколько глав и то если со скуки не бросишь эту затею... а у Вас в доходчивом стиле и по наполнению очень приятно смотреть рад у вас перенять ваш опыт capucin с вами!
Никогда не писал комментарии к видео, но здесь не могу пройти мимо. Женя, смотрю твои видео с огромным удовольствием. Видно, что ты любишь то, чем занимаешься. Спасибо за мотивацию и отличный контент!
Щиро дякую за твої уроки. На онлайн курсах на html та css було всього три уроки та інформація була надана в скороченому вигляді. В тебе уроки більш розширені та більш зрозумілі.
Поступил в онлайн школу на курс "FullStack разаработчик". Информация подается скомкано, быстро и ее очень много для одного урока. Жека подает информацию дозированно и очень доступно. Очень заинтересовал курс с 1 сентября. Очень гуманная цена, попробовав позаниматься с Женей, понял что это очень хороший курс. Но... уже учусь на курсах и деньги никто не вернет. Пока в раздумьях по покупке курса. Жека, ты классный! Жаль что не попробовал заниматься по твоей программе раньше.
Всё ждала, когда скажете про box-sizing. Ведь без обнуляющего стиля всё может выглядеть не совсем так, как в уроке. И тут: 19:24 важная информация :) Спасибо за уроки! Крутая подача и немного юмора в тему - видео смотрятся на одном дыхании.
Жека привет. Знаю тебя еще со школьных времен, росли в одном городе. До сих пор даже приблизительно не догадывался чем ты занимаешься. Недавно совершенно случайным образом набрел на твой канал. Пазл сложился, теперь ясно стало, почему тебя по городу с камерой видел частенько. Одним словом - агнищще! Мне 32 и все это время мое программирование было на уровне Word и Excel. Твои обучающие видео проглатываю целиком, будто ребенок впервые в жизни опробовав сладкое. Стал серьезно задумываться о смене профессии. Во-первых - огромное спасибо, во-вторых - Keep up the good work! P.S. 30:52 Кивок в сторону оператора. (Наташе привет) :)
@@FreelancerLifeStyle Спасибо добрый человек! И чтоб ты жил долго и счастливо! ))) ИМХО самые выверенные по соотношению количество полезной информации\время и при этом доступные для восприятия "с нуля" курсы русскоязычного сегмента.
Спасибо большое, Женя за очередной классный выпуск! Мне понравилось как ты в конце засмеялся, когда строчный тег превратился в блочный, улыбнулся вместе с тобой! Ты вдохновляешь на занятия версткой!
Жень, Женечка, Евгений Просто лучший! У меня лежит уродливейший конспект на эту тему, совсем без структуры и наглядных пояснений. Благодаря твоему уроку, наконец-то, систематизирую свои хаотично-собранные на просторах интернет-справочников знания. Спасибо за урок!
Да ладно! Оказывается все проще, чем пытаются объяснить в книжке!!) Действительно очень круто! Спасибо за уроки! Наверное платные учителя тебя немножко ненавидят)
Женя, доброго времени суток) Спасибо за твои уроки, смотрю не отрываясь. Очень нравиться твоя подача, картинка, монтаж, звук. Как будто ты этим делом несколько лет занимаешься. Жду выпуски чтобы посмотреть, что будет в тот раз на красном шкафу :) Хочу спросить: куда можно тебе написать, чтобы проконсультироваться по тому или иному вопросу, если можно?:) Давай продолжение, и можешь сделать новую рубрику: как ты выполняешь заказы. Будет интересно посмотреть))
Я не смогу перестать говорить тебе спасибо! Твои уроки это правда высший класс! И хоть ты и даешь все инфу уже готовую в текстовом файле, я все равно буду ее переписывать (в основном в комментариях к тегам и свойствам, но иногда куда то отдельно), мне кажется так информация намного лучше усваивается!
@@FreelancerLifeStyle ДЗ крутое, в некоторых моментах заставило подумать, но в целом справился относительно быстро. Но хотелось бы, чтобы ДЗ охватывало весь пул знаний, которые мы получаем из видео. Понимаю, что это займет немного больше времени (а для фрилансера это самое ценное:), но если можно было сделать - было бы круто!)
Женя, спасибо вам большое! Я биолог-эколог по образованию (в этом году выпуск), но по вечерам в свободное время одно удовольствие проходить ваш курс, даже такому далекому от IT-сферы человеку, как мне) Здоровская и подробная подача материала без воды. Такое упустить просто нельзя!) Желаю вам всего самого наилучшего!
Очень крутые уроки! Долго искала что-то подобное. Но твой канал превзошел все ожидания! Реально лучше большинства курсов онлайн школ. Спасибо огромное за твои труды! У тебя большой талант в обучении! Успехов! И не останавливайся!!!!! Уважение!
Если с према смотреть то не будет что-ли капать, или засчитывается как-то?)Автор конечно лучший, довольно быстро ввёл в курс дела по html и сss, которые были для меня обратной стороной Луны до сегодня)