Що таке якісна верстка сайтів? Чотири критерії якості HTML-верстки. Що має вміти майстер по верстці?
Vložit
- čas přidán 16. 06. 2024
- Верстка сайтів чудовий напрямок для входу в айті, у тому числі, через відносну легкість у навчанні. У той же час інші представники айті-галузі ставляться до верстки досить легковажно.
🟢 Понад 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
#навчання #верстка #фрілансерпожиттю
🤟 Живи, а працюй у вільний час! ©
Теперь будете знати що такє якість!
🔴 Мапа каналу: 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
Дякую! Дуже гарна в тебе солов'їна☺
Здоровенькі були! Слава Росії, ой Україні =)
Жека, з кожним відео надихаюся все більше та більше!
Дуже подобається контент на рідній мові!
Ти робиш гарну справу!
Впевнений тобі дуже багато людей ще подякує за твою працю!
Так класно споживати якісний контент українською ❤️ дуже дякую.
У тебе настільки цікавий канал, що я мабуть буду передивлятися з самого початку 🤔
Це точно
"Сайт - это не статичная картина, которую можно повесить на кухне! " - вот прям в точку 👍. Почему-то большинство дизайнеров думают именно так.
Спасибо, Женя! Раньше учил на твоем канале верстку, теперь буду учить верстку и иностранный язык. Развиваюсь всесторонне
Яўген, вялікі дзякуй за новае відэа. Вельмі іх не хапала. Дзякуй і за тое, што пакінуў усе старыя выпускі. 💪🏻🙏🏼
Живє Білорусь :)
Лайк за українську. Коротко, змістовно, лаконічно. Як завжди :)
Дуже приємно навчатись українською мовою.
Дуже велике спасибі та велика повага за просування української мови.
Дякую за корисний матеріал, завдяки тобі я вивчив верстку та трохи javascript, зараз довчив js та починаю вчити react
🧡
шо означає довчив js?
@@gurudk3378 основи напевне)
@@oleksiivatsyk5860 ну вивчив в плані знаєш синтаксис чи вивчив в плані навчився програмувати?
@@gurudk3378 не знаю, в мене js на рівні трейні якогось, з Дому щось взяти вмію, апі обробити і вивести теж, мені достатньо поки. А автор коментаря можливо вже і вивчив як працює ядро джаваскріпта, хз)
Здоровенькі були! Слава Росії, ой Україні =)
Велика подяка вам за контент! Дуже круто, що у такі складні часи ви робите відео уроки. Ще дуже приємно чути рідну мову!!
Дуже радий чути Українську мову. І як завжди відео уроки на висоті!!!
Моё Уважение тебе! Есть люди которые честь не продают!
Жека, Привет! Из ролика мало что понял (плохо знаю украинский) НО, буду учить и учить. Я восхищаюсь твоим мастерством, и я надеюсь что все рано или поздно закончиться и будем жить в мире. Береги себя
тебя к фашику приписали заочно, а ты все равно рад))
Дуже дякую за популірізацію української мови в айті сфері
Дякую за відео. Бережи себе і близьких! Слава Україні!
Саме менше, що можу зробити це поставити лайк та написати коментар. Спасибі за відео. Хотів бути першим, але мене вже випередили😉
Теперь я не только языки программирования на твоих уроках могу учить, а ещё и Украинский) Спасибо за крутейший контент!
лучше уж сразу на английском.
Здоровенькі були! Слава Росії, ой Україні =)
@@user-je5ko3yi5g Слава Украине, героям слава!
Величезне спасибі, дядьку Євгене!
Дуже інформативне відео!
👍
Спасибо тебе Женя! Благодаря тебе я стал фронтент-разработчиком(angular) и уже работаю в классной компании. Наверное, примерно 50% из того, что умею - умею благодаря тебе. Обязательно буду продолжать смотреть твои бесценные уроки и дальше, даже если они для начинающих. Та тебе просто приємно слухати і тим більше все зрозуміло! Ещё один повод выучить этот красивый язык. К сожалению, донатить тебе на патреон я в ближайшее время (пока не перееду) не смогу, но знаю куда донатить, чтобы помочь нуждающимся. Живи а працюй у вільний час! Ещё раз спасибо! P. S. И музыка в конце классная!
Добрый день! Вы из Украины? Подскажите,фронтент разработчиком новичку реально стать? И нужны ли там навыки верстальщика?
ну, я пока не могу назвать себя фронтенд разработчиком, но если возникают такие вопросы то вы скорее всего не особо интересовались темой, потому, советую гуглить, а если уж гугл не знает ответ на ваш вопрос, то попробуйте ещё поискать в англоязычном сегменте всемирной паутины, он огромен, а переводчик(как и курсы английского) зачастую бесплатный)
P.S. Ответ на ваш вопрос: все фронтенд разработчики когда-то были новичками)
А HTML/CSS вёрстка это и есть по сути фронтенд, хоть и не весь.@@user-by4sn7gh8o
Жека, дякую за корисну інфу! Привіт з Луганську)
Хочу подякувати за працю. Дуже приємно чути рідну мову. Дивився твій другий канал на українській і дуже радий що і основний канал тепер україномовний
Дякую, за якісний контент, за фахову викладку, і за українську мову теж!
Большое спасибо за контент, канал и всё что ты делаешь для обучения и помощи всем нам!
Дякую за корисне відео! Проходжу Ваш безкоштовний курс по верстці, Ваш підхід надихає вчитися)
Дякую за вартісну інформацію! Чекаю нових відео)
Дякую за мега корисну інформацію!!!
В черговий раз пишаюсь, що найкращий вчитель і наставник на Ютубі - українець і несе рідну мову в маси з гордістю!
Женя, через пару слов что то понимаю, что то додумываю. Сейчас изучаю фронтенд потихоньку, хотел тебе огромное спасибо сказать за мотивацию, ты был одним из тех , благодара кому решил менять жизнь и начинать изучать что то новое, для меня интересное.
Євгене, дякую. Тепер я можу вивчати верстку та українську мову, як давно хотів. Останній 3 роки дивимось із дружиною шоу "Мастер Шеф" українською мовою. Тепер можу вивчити IT термінологію завдяки Вам.
P.S. Вибачаюсь за свою українську, я з країни-агресора(
Женя, ти кращий! Вчора повнітстю пройшов твій безкоштовний курс з верстки і планую дивитися твої майстер-класи😊
Часи, звістно, зараз скрутні, та як тільки почну заробляти на верстці, одразу підпишуся на увесь твій платний контент. Ще нікому мені не кортіло так віддячити, як тобі.
@Фрілансер по життю, спасибо за уроки, жаль украинским не владею...смотрел уроки на русском, понимаю ситуация такая...в снг в любом случае твои уроки были одними из лучших
Если не самыми лучшими
Як завжди на висоті. Дякую за твою роботу!
Дуже дякую! Завдяки Вам маю деяки успіхи у написанні декларативного коду)))) учора зробив перший адаптив и все вийшло!
Пане Євгене, щира дяка і низький уклін! Ви пояснюєте так легко і так повно, що запам'ятовується на раз. У Вас так структуровано і висвітлені всі нюанси, що розумієш що, для чого і як. Безмежно вдячна. Не думала, що у 48 можна почати повністю з нуля і розуміти! Ви дуже крутий! Дякую за Вашу працю!
Корисне відео, дуже важливо пам’ятати про пріоритети. Дякую!
Как хорошо , что я с Беларуси и понимаю украинский , то что вы перешли на родной язык меня вообще совершенно не смущает , так и дальше буду вас смотреть )
Матеріал на висоті, як завжди! Дякую!!!
Я радий!
+
Дякую, матеріал як завжди корисний. Матеріали в яких надихаєшся на роботу!
Наскільки приємно чути і бачити україномовний контент, мед для вух, дякую!
Дякую, за чудовий контент та свій досвід.
Хоть и я не знаю украинского, но все равно ты очень крут, я узнал о вас совсем недавно, случайно наткнулся, не зря говорят что в Украине один из самых сильных IT и я с этим согласен, прошу тебя только не удаляй предыдущие русскоязычные уроки, твои видео уроки это большой ценный труд, ничего взамен не могу дать, но прошу вас не удаляйте предыдущие видео
Дуже цікаво, дякую за найкорисніший контент. Сподіваюсь у майбутньому будуть й деякі окремі приклади як вірно потрібно писати код.
Дякую за якісний контенст та цікаве заняття
Круто. Нове відео. Зразу лайк
You are the best !!! ❤❤❤
Буду радий побачити верстку по усім даним критеріям у Вашому виконанні Женя !!! Чекатиму на відео !
Good luck brother 🙏 💪 ❤
Дуже вчасний відос, зараз багато хто змінює сферу, корисно! Дякую)
Позитив у наш час дуже важливий, дякую за гарний настрій!
Обратил внимание на футболку) Вы настолько серьезно относитесь и к своей работе и к ситуации в стране) Спасибо вам!
Привіт Женя. Я недавно почав цікавитись ІТ сферою, і завдяки твоїм урокам я бачу справжній прогрес! Тепер замість того, щоб КСочку пограти, я вчусь кодити, а головне просто вчусь. Вже всі уроки(4) html пройшов, і на 3 уроці css, і не планую зупинятись!
Жека, неймовірно вдячний за твої уроки!)
І респект за те, що перейшов на рідну солов'їну)
Живу в Барселона много лет ,решила поменять профессию и тут твои уроки)судьба!
Дякую Євгене за якісний контент!
Погоджуюсь повністю з озвученими тезами. Дякую!
Дякую за твій мега якісний контент. Ти крутий
Завжди мав проблему висловлювань it-слів на рідній мові. Дякую за такий контент 🇺🇦🇺🇦🇺🇦
Просто супер, дякую. Дочекалися)))
Дякую! Супер контент!❤❤❤
Дякую Вам за якісний україномовний контент!
Дякую за вашу роботу та вашу думку!
Щиро вдячний за контент
ТИ ПРОСТО НАЙКРАЩИЙ, ТВОЇ ВІДЕО І ТВОЯ ПОЗИЦІЯ ЗАХОПЛЮЮТЬ ТА НАДИХАЮТЬ!!! ВСЕ БУДЕ УКРАЇНА!!!💙💛
Надо же, даже почти всё понятно, хоть и украинский никогда не учил. Женя, кажется, одними глазами понятно может рассказать)))
Дякую за чудовий контент!)
Дякую за твою роботу!
Я давно уже не джун, но зашел поддержать хорошего человека и пролайкать все :)
Лютий
Будь-яке відео навчальне у Жені з позитивом, драйвом і ентузіазмом! А ще музика, що на початку, що в кінці :) - ну як ці всі фактори пропустити і не подивитися відео! Дякуюююю!
Дякую!
Дякую за чудовий контент. Чекатиму наступних відео
Вітаю з переходом на солов'їну!)
Дуже класно!
Женя, спасибо тебе за контент! На рідній мові звучить с душею 🥰
Дякую за цікавий контент
Обов'язково буду дотримуватись цих пунктів👍
спасибо тебе жека ты просто лучший смотрю твои видео по css html и ты объесняешь лучше чем многие учителя удачи тебе!!!
Дякую за крутий матеріал. Приємно слухати.
Дякую за таку корисну інфу) Головне запяматати порядок цих критеріїв)))
Респект, дзвіночок на усі відео! Молодець!
Друже, дякую за змiнення формату)
Жека, дякую! Дуже цікаво!
Жека, ти топчик! Золота голова, велика душа!
Дякую Вам! Найкращий блоггер 🫡
Дякую за цікавий контент!
Євген,дякую вам за україномовний контент. Завдяки Вам я знайшов свою першу роботу)
Супер!
Дякую за відео
ТИ крутий, дякую за твою роботу!
Дякую. Використовую ваші уроки в своїй педагогічній діяльності
Супер. Дякую за поради
Дякую.Як завжди на висотi
спасибо тебе за такой канал, я так скоро и украинский буду понимать..
с удовольствием смотрю твой курс, очень вдохновляет!
Большое спасибо за замечательный контент❤️
Найкращій україномовний канал по сфері IT! Дякуємо, що ти є! ❤️🇺🇦
Дякую велике!
Дякую за цікаве відео, все по ділу!
Дякую, чоловіче. Завдяки твоїм відео планую вивчити Фронт-енд за літо і вертсати свої сайти
Супер як і завжди!
Молодець! Так тримати!
Дякую за цікаве україномовне відео. Речі здавалося б очевидні, але під час програмування особисто я не завжди враховую, наприклад, що контент може змінюватись.
дякую за відео!
дякую за контент! він топ!
Дякую за крутий контент)
Спасибо, Жека!
Женя давно час від часу переглядаю твої відео я тобі дуже вдячний що ти перейшов на українську!