Що таке якісна верстка сайтів? Чотири критерії якості HTML-верстки. Що має вміти майстер по верстці?

Верстка сайтів чудовий напрямок для входу в айті, у тому числі, через відносну легкість у навчанні. У той же час інші представники айті-галузі ставляться до верстки досить легковажно.
🟢 Понад 5 000 пропозицій роботи для програмістів з України на Just Join IT! Перевір на bit.ly/3wglGhJ.
👉 Канал Just Join IT на Телеграмі - bit.ly/3F9YBQQ
👉 Група Just Join IT на Facebook - bit.ly/3kuVg55
🔴 Курс по якісній верстці сайтів: edu.fls.guru
Але чи дійсно молоді спеціалісти та «серйозні програмісти» до кінця розуміють що таке якісна верстка, які завдання вона має вирішувати, та наскільки важливу роль вона відіграє у взаємодії користувача з продуктом?
Я підготував для вас своє бачення того, яка верстка, на мій погляд, вважається дійсно якісною та яким критеріям вона має відповідати. Буде дуже корисно усім, поїхали!
Багато хто вважає, що завдання майстра по верстці - це зробити так, щоб верстка відповідала макету і на цьому все. Це жахлива помилка і такє ствердження немає нічого спільного з якісною версткою. Насправді, відповідність макету, у тому числі кросбраузерність (це коли верстка відображається максимально відповідно макету у якомога більшій кількості браузерів та їх версій) - це всього на всього лиш одне, і, насправді, не найважливіше завдання спеціаліста. На моє глибоке переконання, окрім відповідності макету дизайну та технічному завданню, що само собою зрозуміло, якісна верстка має обов’язково відповідати ще і наступнім чотирьом критеріям
❤️ Отримати доступ до екстра контенту + підтримати канал: / freelancerlifestyle
❤️ Стати спонсором каналу: / @freelancerlifestyle
🤟 БЕЗКОШТОВНИЙ курс по верстці сайтів (HTML, CSS, JavaScript): • БЕСПЛАТНЫЙ курс по вер...
🔴 Мапа каналу: miro.com/app/board/o9J_lZB3YKI=/
🔴 Отримати доступ до екстра контенту + підтримати канал: / freelancerlifestyle
🔴 Платний курс по верстці: edu.fls.guru
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
00:00 - Вступ
00:44 - Реклама
02:00 - Чотири критерії якості
03:05 - Семантика та доступність
04:00 - Швидкість
04:43 - Зручність
05:43 - Надійність
06:46 - Пріоритетність
07:53 - Справжній майстер по верстці
08:09 - Заключення
👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - / @itpassions
👉 @СЛУШАЙ! Канал с интересными историями из жизни.
👋 Мене звати Женя Андріканич, я IT - спеціаліст. Більше 10ти років займаюсь розробкою сайтів.
Перейняти досвід: / freelancerlifestyle
#навчання #верстка #фрілансерпожиттю
🤟 Живи, а працюй у вільний час! ©

[@FreelancerLifeStyle]

Теперь будете знати що такє якість! 🔴 Мапа каналу: miro.com/app/board/o9J_lZB3YKI=/ 🔴 Отримати доступ до екстра контенту + підтримати канал: www.patreon.com/freelancerlifestyle 🔴 Платний курс по верстці: edu.fls.guru 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle

[@oleksiikriuchkov7399]

Дякую! Дуже гарна в тебе солов'їна☺

[@user-ex5vy8kt4o]

Здоровенькі були! Слава Росії, ой Україні =)

[@bi_an_ser7349]

Жека, з кожним відео надихаюся все більше та більше! Дуже подобається контент на рідній мові! Ти робиш гарну справу! Впевнений тобі дуже багато людей ще подякує за твою працю!

[@user-yz7by1fn9v]

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

[@Enthe0genic]

Так класно споживати якісний контент українською ❤️ дуже дякую. У тебе настільки цікавий канал, що я мабуть буду передивлятися з самого початку 🤔

[@alsi_k]

Це точно

[@uomoandre]

Яўген, вялікі дзякуй за новае відэа. Вельмі іх не хапала. Дзякуй і за тое, што пакінуў усе старыя выпускі. 💪🏻🙏🏼

[@halavich9672]

Живє Білорусь :)

[@corvusfortis6493]

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

[@BRILLIANTIC1]

Лайк за українську. Коротко, змістовно, лаконічно. Як завжди :)

[@r0wen0]

Дуже приємно навчатись українською мовою. Дуже велике спасибі та велика повага за просування української мови.

[@SuperInsufferable]

Велика подяка вам за контент! Дуже круто, що у такі складні часи ви робите відео уроки. Ще дуже приємно чути рідну мову!!

[@D1O_]

Дякую за корисний матеріал, завдяки тобі я вивчив верстку та трохи javascript, зараз довчив js та починаю вчити react 🧡

[@gurudk3378]

шо означає довчив js?

[@oleksiivatsyk5860]

@@gurudk3378 основи напевне)

[@gurudk3378]

@@oleksiivatsyk5860 ну вивчив в плані знаєш синтаксис чи вивчив в плані навчився програмувати?

[@oleksiivatsyk5860]

@@gurudk3378 не знаю, в мене js на рівні трейні якогось, з Дому щось взяти вмію, апі обробити і вивести теж, мені достатньо поки. А автор коментаря можливо вже і вивчив як працює ядро джаваскріпта, хз)

[@user-ex5vy8kt4o]

Здоровенькі були! Слава Росії, ой Україні =)

[@zorogame4559]

Дуже радий чути Українську мову. І як завжди відео уроки на висоті!!!

[@grinnintosh]

Моё Уважение тебе! Есть люди которые честь не продают!

[@DenisenkoVlad]

Дякую за мега корисну інформацію!!! В черговий раз пишаюсь, що найкращий вчитель і наставник на Ютубі - українець і несе рідну мову в маси з гордістю!

[@stefanskyi_]

Дякую за відео. Бережи себе і близьких! Слава Україні!

[@user-nx2qc5bu4i]

Дуже дякую за популірізацію української мови в айті сфері

[@denisvolkov4784]

Теперь я не только языки программирования на твоих уроках могу учить, а ещё и Украинский) Спасибо за крутейший контент!

[@sonarsphere]

лучше уж сразу на английском.

[@user-ex5vy8kt4o]

Здоровенькі були! Слава Росії, ой Україні =)

[@user-ex5vy8kt4o]

@@user-je5ko3yi5g Слава Украине, героям слава!

[@tarashnatkiv134]

ТИ ПРОСТО НАЙКРАЩИЙ, ТВОЇ ВІДЕО І ТВОЯ ПОЗИЦІЯ ЗАХОПЛЮЮТЬ ТА НАДИХАЮТЬ!!! ВСЕ БУДЕ УКРАЇНА!!!💙💛

[@ENS357]

Наскільки приємно чути і бачити україномовний контент, мед для вух, дякую!

[@ggeelliikk]

Как хорошо , что я с Беларуси и понимаю украинский , то что вы перешли на родной язык меня вообще совершенно не смущает , так и дальше буду вас смотреть )

[@user-gh7pl8ku4w]

Хочу подякувати за працю. Дуже приємно чути рідну мову. Дивився твій другий канал на українській і дуже радий що і основний канал тепер україномовний

[@a.s.scherba]

Жека, дякую за корисну інфу! Привіт з Луганську)

[@rusichh]

Жека, Привет! Из ролика мало что понял (плохо знаю украинский) НО, буду учить и учить. Я восхищаюсь твоим мастерством, и я надеюсь что все рано или поздно закончиться и будем жить в мире. Береги себя

[@alexeyser3621]

тебя к фашику приписали заочно, а ты все равно рад))

[@ShaLena_Vilna]

Пане Євгене, щира дяка і низький уклін! Ви пояснюєте так легко і так повно, що запам'ятовується на раз. У Вас так структуровано і висвітлені всі нюанси, що розумієш що, для чого і як. Безмежно вдячна. Не думала, що у 48 можна почати повністю з нуля і розуміти! Ви дуже крутий! Дякую за Вашу працю!

[@user-uk8sb6lj8p]

Саме менше, що можу зробити це поставити лайк та написати коментар. Спасибі за відео. Хотів бути першим, але мене вже випередили😉

[@sidechkosashko3766]

Дякую, за якісний контент, за фахову викладку, і за українську мову теж!

[@bessonniy9208]

Спасибо тебе Женя! Благодаря тебе я стал фронтент-разработчиком(angular) и уже работаю в классной компании. Наверное, примерно 50% из того, что умею - умею благодаря тебе. Обязательно буду продолжать смотреть твои бесценные уроки и дальше, даже если они для начинающих. Та тебе просто приємно слухати і тим більше все зрозуміло! Ещё один повод выучить этот красивый язык. К сожалению, донатить тебе на патреон я в ближайшее время (пока не перееду) не смогу, но знаю куда донатить, чтобы помочь нуждающимся. Живи а працюй у вільний час! Ещё раз спасибо! P. S. И музыка в конце классная!

[@user-by4sn7gh8o]

Добрый день! Вы из Украины? Подскажите,фронтент разработчиком новичку реально стать? И нужны ли там навыки верстальщика?

[@anon5323]

ну, я пока не могу назвать себя фронтенд разработчиком, но если возникают такие вопросы то вы скорее всего не особо интересовались темой, потому, советую гуглить, а если уж гугл не знает ответ на ваш вопрос, то попробуйте ещё поискать в англоязычном сегменте всемирной паутины, он огромен, а переводчик(как и курсы английского) зачастую бесплатный) P.S. Ответ на ваш вопрос: все фронтенд разработчики когда-то были новичками) А HTML/CSS вёрстка это и есть по сути фронтенд, хоть и не весь.@@user-by4sn7gh8o

[@user-xc1ep2ee9z]

Величезне спасибі, дядьку Євгене! Дуже інформативне відео! 👍

[@liubart931]

Дякую за вартісну інформацію! Чекаю нових відео)

[@user-bb6bj5bp5b]

Хоть и я не знаю украинского, но все равно ты очень крут, я узнал о вас совсем недавно, случайно наткнулся, не зря говорят что в Украине один из самых сильных IT и я с этим согласен, прошу тебя только не удаляй предыдущие русскоязычные уроки, твои видео уроки это большой ценный труд, ничего взамен не могу дать, но прошу вас не удаляйте предыдущие видео

[@RP-gu5rz]

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

[@user-fc8nh4mm4z]

Матеріал на висоті, як завжди! Дякую!!!

[@FreelancerLifeStyle]

Я радий!

[@deterkot]

+

[@user-hf4fe1rf8m]

Євгене, дякую. Тепер я можу вивчати верстку та українську мову, як давно хотів. Останній 3 роки дивимось із дружиною шоу "Мастер Шеф" українською мовою. Тепер можу вивчити IT термінологію завдяки Вам. P.S. Вибачаюсь за свою українську, я з країни-агресора(

[@zhydachivteamlonely6454]

Завжди мав проблему висловлювань it-слів на рідній мові. Дякую за такий контент 🇺🇦🇺🇦🇺🇦

[@Winterik1]

Большое спасибо за контент, канал и всё что ты делаешь для обучения и помощи всем нам!

[@muratkuzhakhmetov6344]

@Фрілансер по життю, спасибо за уроки, жаль украинским не владею...смотрел уроки на русском, понимаю ситуация такая...в снг в любом случае твои уроки были одними из лучших

[@inbloom151]

Если не самыми лучшими

[@MrBrain-lq6nu]

Круто. Нове відео. Зразу лайк

[@user-qi9lb6vs3t]

Найкращій україномовний канал по сфері IT! Дякуємо, що ти є! ❤️🇺🇦

[@LuckyStilet1]

Я давно уже не джун, но зашел поддержать хорошего человека и пролайкать все :)

[@deterkot]

Лютий

[@olenayevtushok2014]

Дякую за корисне відео! Проходжу Ваш безкоштовний курс по верстці, Ваш підхід надихає вчитися)

[@Nazar5545]

Вітаю з переходом на солов'їну!) Дуже класно!

[@andriikytsak170]

Дякую вам за українську мову, я починав свій шлях з ваших уроків і дуже радий, що колись, натрапив на ваш канал))

[@user-xf8sd1fw4u]

Дякую!

[@Sky__82]

благодарочка тебе бро, решил в 40 лет ворваться в IT, надеюсь получиться. Привет из Харькова ( сейчас на Закарпатье )

[@user-wz8jd9ud9f]

Обратил внимание на футболку) Вы настолько серьезно относитесь и к своей работе и к ситуации в стране) Спасибо вам!

[@user-wm6qi4lx8j]

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

[@infoinfo8640]

Усі Ваші відео викликають тільки позитивні емоції. А їх інформативність і корисність просто зашкалює. Окрема подяка за щиру україгську мову.

[@user-gk6vi5wf6g]

Я коли подивився на назву каналу подумав шо то якісь плагіат. Приємно шо один із топових вчителів front-end розробки спілкується українською.

[@slabak4719]

Позитив у наш час дуже важливий, дякую за гарний настрій!

[@AKolesya]

Дякую за файні відоси. У Вас, пане, пречудова українська мова

[@Fafnirych]

Пане Євгене, хочу порадити вам ще частіше використовувати такі слова, як Ліпше, Вельми, адже це синоніми до Краще, Дуже. Наша мова вельми багата, тому гадаю нам варто збагачувати наші словникові запаси. Я сам хочу над цим попрацювати невдовзі, починаю Марафан читання української літератури, не лише зі шкільної програми, а й решту наших шедеврів. Прочитав Тигролови в оригіналі вже, і це просто неймовірно, дивуюсь з кожним разом, яка наша мова багата. Шкода, що навіть на ТБ використовують ДАЛЕКО не весь її потенціал

[@abardage]

Живу в Барселона много лет ,решила поменять профессию и тут твои уроки)судьба!

[@olegryazanov5926]

Женя, ти кращий! Вчора повнітстю пройшов твій безкоштовний курс з верстки і планую дивитися твої майстер-класи😊 Часи, звістно, зараз скрутні, та як тільки почну заробляти на верстці, одразу підпишуся на увесь твій платний контент. Ще нікому мені не кортіло так віддячити, як тобі.

[@acrisoul4352]

як добре знати українську не дивлячись на те звідки я, дуже класна подача

[@borysshulskyy960]

Дякую Вам за якісний україномовний контент!

[@igorpom6874]

Надо же, даже почти всё понятно, хоть и украинский никогда не учил. Женя, кажется, одними глазами понятно может рассказать)))

[@user-tv4cz7wv6u]

Дякую, матеріал як завжди корисний. Матеріали в яких надихаєшся на роботу!

[@ttarrmii1903]

Контент українською як мед для вух! Бажаю всім гарного навчання ;)

[@user-jr1bn3yn5g]

Дякую Вам, Євгене, за Вашу позицію та любов до українського народу❤

[@Rasty_Boss]

Ваша мова неймовірна

[@dvl1982ify]

Дякую за якісний контенст та цікаве заняття

[@artem5496]

Як завжди на висоті. Дякую за твою роботу!

[@startrek9425]

ТИ крутий, дякую за твою роботу!

[@yaroslav8717]

Корисне відео, дуже важливо пам’ятати про пріоритети. Дякую!

[@user-cl4qk1ki8g]

Дякую. Використовую ваші уроки в своїй педагогічній діяльності

[@olehpastovenskyi6441]

Дякую, за чудовий контент та свій досвід.

[@user-kj8vr1vw6s]

Дякую за відео

[@oleksandrvoron_ko580]

Будь-яке відео навчальне у Жені з позитивом, драйвом і ентузіазмом! А ще музика, що на початку, що в кінці :) - ну як ці всі фактори пропустити і не подивитися відео! Дякуюююю!

[@user-zw7pq2pf5k]

Українською звучить набагато краще! Дякую, за рідну мову на каналі.

[@yatskanych_oleksandr]

Погоджуюсь повністю з озвученими тезами. Дякую!

[@kary_ad]

Корисна інформація! Дякую) особливо радує українська❤

[@webdeveler]

Дякую за Україно мовний контент Завжди вважав цей канал топовим по тематиці

[@purestudent9795]

Дуже дякую! Завдяки Вам маю деяки успіхи у написанні декларативного коду)))) учора зробив перший адаптив и все вийшло!

[@user-qv3rt6rx5q]

Дякую за цікаве україномовне відео. Речі здавалося б очевидні, але під час програмування особисто я не завжди враховую, наприклад, що контент може змінюватись.

[@jetblack044]

Дуже вчасний відос, зараз багато хто змінює сферу, корисно! Дякую)

[@user-dd4vk6ow9m]

Женя давно час від часу переглядаю твої відео я тобі дуже вдячний що ти перейшов на українську!

[@JustTryToGetFun]

Дякую Євгене за якісний контент!

[@Anton-hg2wv]

Дякую за твою роботу!

[@sviatbondar1721]

Дякую за твій мега якісний контент. Ти крутий

[@alexandercoderunner5685]

Дякую за таку корисну інфу) Головне запяматати порядок цих критеріїв)))

[@lenkavselenka]

Привет! Я новичок. И на канале и в айти) Моя цель с нуля научиться верстать сайты и дальше развиваться как фронт енд девелопер. Очень нравится подача Жени, приятно, здраво, с улыбкой, кайф просто) Мотивирует и дает уверенность в том, что при желании и настойчивости можно добиться своей цели прямо здесь. А еще у меня папа Женя и брат Женя, поэтому мне вдвойне теплее смотреть и учиться у Жени) 😉 Очень надеюсь, что в свои 40 лет я смогу создавать что-то совершенно новое для себя! Спасибо!

[@user-um7cf8ql2t]

Євген,дякую вам за україномовний контент. Завдяки Вам я знайшов свою першу роботу)

[@FreelancerLifeStyle]

Супер!

[@deviant6646]

Обов'язково буду дотримуватись цих пунктів👍

[@jkonegin]

Жека, ти топчик! Золота голова, велика душа!

[@vladyslavb6788]

Дякую Вам! Найкращий блоггер 🫡

[@user-zm8cq8jd1n]

Дякую за чудовий контент!)

[@dianamatvienko8068]

Спочатку подумала, що здалося, що відео українською. Це нереально круто, дякую за подібний контент)

[@aliakbas7309]

Чаму я разумею гэту мову? Дзякуй.

[@hroom1732]

Бо ведаеш адну з славянкiх

[@Olegok13]

Дякую! Супер контент!❤❤❤

[@bogdanbogdan5218]

Просто супер, дякую. Дочекалися)))

[@romankril1640]

Жека, неймовірно вдячний за твої уроки!) І респект за те, що перейшов на рідну солов'їну)

[@user-cg9ng1ik6q]

Щиро вдячний за контент

[@user-lp7uc4yf8w]

Супер. Дякую за поради

[@dariya6343]

Як так пишаюся що цей прекрасний курс створив саме українець. Дякую Вам за Вашу працю

[@FreelancerLifeStyle]

Радий що корисно!

[@user-tc9se2nz1k]

Після університету думав що вмію верстати сайти, поки не вирішив купити курс по Front-end. Вже після першого місяця навчання я зрозумів що нічого не тямив в цьому)) Дякую за відео

[@zazametreveli2348]

я хочу сказать спасибо за то что столько от тебя узнал. я из грузии я знаю русский но не украинский и учился по твоим урокам тепер я тебя не слышу но понимаю всё что ты делаешь это правильно. продолжай на украинском делать уроки ты большой молодец и все тебя из за этого уважают. ёще раз спасибо за всё! Слава Україні

[@lisafox9026]

украинский язык которым говорят 90% украинский, тут не нужен, на нем ТОЛЬКО в украине говорят

[@user-fn8zj3ld8x]

Да, очень правильно просрать 80% своей аудитории из-за каких-то политических распрей)

[@zazametreveli2348]

"каких то"

[@user-tw4tr6ky4f]

Жека, дуже приємно чути українську мову, ось подивився твоє третє відео із курсу і кайфую, а сьогодні днем по твоєму відео почав налаштовувати vscode (років 5 назад трохи вчився версці) на саблаймі)), завтра продовжу налаштування, а потім візьмуся за курс. Слухаю та дивлюсь із кайфом, дякую тобі 🙏 Міцного тобі здоров'я 🙏 і все буде України 🇺🇦

[@user-pz3pv3ox2z]

Дчкую за чужовий матеріал і за українську🤝

[@rostyslavkinash5232]

Дякую за цікавий контент

[@user-cq1ct7vk2t]

Важные вещи вещаешь, и очень забавно звучит на украинском (в хорошем смысле). Топ контент

[@prepod2008]

Дякую за вашу роботу та вашу думку!