Верстка простого сайта, отвечаю на вопросы. Урок HTML. Первый стрим на канале Фрилансер по жизни

Верстка сайта онлайн, отвечаю на вопросы. Урок HTML. Первый стрим на канале Фрилансер по жизни.

БЕСПЛАТНЫЙ курс по верстке сайтов (Уроки HTML CSS JS):

Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов.
На YouTube канале «Фрилансер по жизни», я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!

«Фрилансер по жизни». Живи, а работай в свободное время! ©
#фрилансерпожизни #стрим #верстка

[slava_karat]

Молю тебя, Женя, не останавливайся! Очень цепляет твоя подача

[ladamaksyuk]

Учитель от бога! Редкость в наше время! Именно такие учителя учат не для получения прибыли, а чтобы просто делиться своими знаниями! Благодарю от души!

[МакМёрфи-ои]

Смотрю смотрю, все четко, видос отличный, веду конспект и тут я замечаю что не поставил лайк, и как втопил по кнопке! Спасибо за крутой урок!

[GAME-gmlq]

Женя, мне через две неделе уже 50 и я не перестаю учиться и развиваться! И с тобой учиться очень приятно, увлекательно и супер позитивно! Ты очень приятный позитивный чел! Благодарю!

[sergeysokolov]

Просто кайфую от твоих видосов, нравиться что у тебя всегда все очень позитивно и этот настрой передается, все грамотно по полочкам разложено, воспринимается так, как будто тебя обучает хороший друг.

[stepdeath]

чел, я с тобой поменяю свою жизнь, обещаю себе! ты нереальный учитель

[ДаряЮрко-ут]

Цей приклад верстки для новачків саме те що треба!

[annastaroverova]

14:00 max-width content
14:16 padding content-bottom
22:05 shift alt W завернуть в тег
24:45 кнопка ссылка a не div(важно)
27:52 bg body
28:32 padding content
29:10 max-width content
29:23 margin content
31:29 travel content top category
31:49 content top title
32:16 content top text align
33:40 margin content top category
36:01 max-width margin content top title
37:31 margin content top
37:48 почему два img(надежно)
38:51 content image box shadow bg-color padding
39:18 max width content image item img подстройка картинки под ширину(важно)
40:09 убрали лишний тег content image item
41:04 content bottom text(opacity выкинули)
42:20 margin content bottom text между p
42:29 margin content image от картинки до p
43:02 padding content bottom
47:18 псевдоклассы content bottom info list li
47:59 content bottom info list li nth-child 1-4
51:07 opacity content bottom info list li nth-child 4(хитроумно)
51:50 margin content bottom info list li между li
53:27 bg content bottom info list li иконки
54:43 padding content bottom info list li
56:12 margin content bottom text p last child убрать отступ
58:17 margin content bottom text
59:43 margin content bottom info list li last child список к кнопке
01:00:11 margin content bottom info list
01:01:00 content bottom info link
01:02:24 display-строчный в блочный content bottom info link
01:05:40 bg content bottom info link span
01:07:31 bg body стрелки на фоне

[p_avramenko]

Поддерживаю Женю, это лучший канал для самостоятельного обучения. Очень приятно смотреть и получаешь истинное удовольствие от процесса

[ПетрЧугунов-цщ]

Сверстал несколько макетов на примере других ютуберов, но дело в том, что ничего толком понять и запомнить не мог, тупо повторял за ними, а тут всё доступно и понятно для новичка. Огромное спасибо, лайк, подписка :)

[ДенисМальцев-мм]

Timecode:
1) Комбинация (Shift + alt+ w) 22:00
2) Правило кнопки с иконкой всегда тег (span) 25:30
3) Правило img (max-width: 100%;) 39:30
4) Эффект нажатой кнопки 1:09:10(box shadow, relative top:3)

Огромное спасибо Евгений за ваш стрим . Так и хочется сказать что стрим это твоё)
Не навидел pixel-perfect но после видео пересмотрел свои взгляды и хочется всё повторить . Очень понравился бонус в конце . Успехов вам во всём)

[ЄвгенСоколов-зц]

Жизнь полна чудес, если присмотреться. Одно из них - твои уроки, Женя! Спасибо, что делаешь этот мир комфортней!

[МарияАндри-йу]

Какой труд вы проделали, спасибо вам, это бесценно подача огонь 😀

[Жизнь-яъ]

Редко пишу комменты, но это просто бомба!!! Ваши уроки это просто как глоток воды в пустыне! Живо, понятно, фишечки. Я перешла сюда из домашки по этому макету. У меня нет авокода, так что я просто его запринтскринила и сделала на глаз, по картинке. Пол дня потела!) 90% получилось (визуально), что-то нет (галочки не вставились, но видно формат картинок был не тот (просто из нета взяла), кнопку в див запихнула:) и потом тоже сидела "чегойто она не работает" 0_0...). А потом уже посмотрела этот выпуск. И стало все намного понятнее! Теперь сделаю дубль - 2 по-памяти) Думаю, будут те же 90%, но зато качеством выше. За БЭМ ОТДЕЛЬНОЕ СПАСИБО! Документацию почитала, выпуск посмотрела...НО. Понятен лишь принцип - для чего это нужно. А вот практически сидишь и голову ломаешь - что во что вложить и как назвать. Поэтому в этом видео меня прям БЭМ зацепил - видно хоть более-менее, как это ручками делается) Будем дальше БЭМ осваивать)
ЕЩЕ РАЗ ОГРОМНОЕ СПАСИБО! Я ПОСМОТРЮ ВСЕ! И везде налайкаю)))

[АрыстанБирназаров]

Блээ. Ты самый ахуенный человек. Надеюсь ты не остановишься. Успехов тебе. И огромное спасибо за то что ты делаешь. Ничего лишнего все четко. Если у меня все плучится в этой сфере, все благодаря тебе. От души)

[Алекс-яле]

Как жалко что не знал о канале в 2019 году, прошло уже 2 года, а учиться только начал. Так бы уже давно мог научиться, подача у тебя просто идеальная смотреть и учиться одно удовольствие. Т реально твой канал найти, тоже самое что найти клад.))

[vrag]

Как я жалею, что не знал об этом канале в 2019-м. Это же просто как клад найти! Спасибо большое за уроки и мотивацию!

[infy]

Как всегда великолепно!
Для тех, кому важно правильное произношение английских слов -например, я живу не в России, меня просто не поймут))) span читается как СПЭН и означает охват (поэтому строчный тег, не растягивается, а наоборот, охватывает то что внутри со всех сторон-так лучше понять сущность смысла)

[Философствующийсантехник]

Здоровья тебе и твоим близким.Расскажу свою историю, кратко конечно ))Сижу я на работе(ИП по торговле), сижу 8-ой год.В общем и целом на жизнь хватает.Но, но чувствую, не моё это.Люди, много, разные.В голове застой, движения вперёд нету.А назад уже начинает тянуть, стал закладывать за воротник.И тут появляется старый приятель и предлагает поучится в IT(спасибо ему большое)на тестировщика.Что такое, кто это такой я не знал.Ну в общем, говорит, учись, работа будет.Учусь, читаю(Савина прочитал)смотрю видосы теорию прохожу.А работы нет и нет.Ну в общем решил я вёрстку попробовать.Тестирование как то не прикололо, скучно показалось.Мыкаюсь по сети, там пробую, здесь пробую.Везде подача не полная, очень не полная.А самое интересное только за деньги, Ну время такое, что сделать, жить всем хочется.И тут на YouTube нарываюсь на какого-то рыжего чувака который так эмоционально рассказывал как войти в IT с нуля.И у него на канале я и нашел что хотел.Спасибо тебе за твой труд.Кстати вёрстку я изучаю как хобби, начал изучать.А теперь вот думаю не окунутся ли в неё с головой.Естественно со временем, сейчас рановато.P.S мне 43 )))P.P.S вместо того что бы бухать с ровесниками в гараже я учусь чему то новому.И это мне нравится.

[katerinasavchenko]

Женя, огромное спасибо за такое качественное и бесплатное обучения. для меня это очень ценно и важно.