Разбор портфолио подписчика. Что верстальщики делают не так?

  Переглядів 20,960

ВебКадеми | Юрий Ключевский

ВебКадеми | Юрий Ключевский

День тому

Подкаст. Разбор GitHub профиля HTML верстальщика. Как оформить GitHub профиль. Какие работы не стоит размещать в портфолио. Типовые ошибки начинающих HTML верстальщиков.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
7 уроков по 30 мин: webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
Сайт школы ВебКадеми: webcademy.ru
Вконтакте: webcademy
Telegram канал: t.me/webcademynews
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Тайм-коды
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
00:00 Вступление
00:58 Главная страница GitHub профиля
04:52 Проект Grow Skills -
12:08 Проект Test Slam -
20:36 Проект Windoor +
27:43 Недоделанное тестовое задание -
28:30 Проект Furniking +
37:16 Проект mBox -
40:08 Рабочая заготовка -
40:49 Еще одна тестовая заготовка -
42:05 Проект Healthy Food +
45:41 Проект Космический туризм -
48:32 Проект IceCream +
52:10 Пример. Как доработать свои проекты в портфолио

КОМЕНТАРІ: 64
@user-og7kn2ve7s
@user-og7kn2ve7s 2 роки тому
Юрий, благодарю! Этим видео вы меня избавили от комплекса неполноценности в вёрстке)))
@user-ef2wx9es1p
@user-ef2wx9es1p 2 роки тому
Юрий, спасибо! Очень полезный разбор. Увидела свои ошибки. Обязательно их исправлю.
@user-nb1is5wc4k
@user-nb1is5wc4k Рік тому
Спасибо, было очень интересно! Верстальщик - молодец. Надеюсь, разбор пойдёт на пользу.
@denlay8587
@denlay8587 Рік тому
Юрий, благодарю! Получил то, что давно искал.
@uk-lych_sveta
@uk-lych_sveta Рік тому
Юрий добрый день, спасибо за отличный контент! Очень полезный разбор, обязательно учту в будущем при создании странице на гитхаб.
@upwlqwp
@upwlqwp Рік тому
Спасибо большое, очень ценная информация и объективный разбор
@alinanur6676
@alinanur6676 Рік тому
Супер полезный разбор! Спасибо
@react1964
@react1964 2 роки тому
круто меня опустили)) шутка, все воспринимаю как урок , продолжаю дальше копить опыт
@WebCademy
@WebCademy 2 роки тому
На самом деле так выглядят профили 90% начинающих верстальщиков. Ну и разбор был с целью показать что докрутить и улучшить. Так что вин-вин, надеюсь было интересно и полезно)
@TheEegmen
@TheEegmen 8 місяців тому
Ну не все так плохо, просто в порядок надо привести и половину скрыть.
@user-cw5dn4db8s
@user-cw5dn4db8s 2 роки тому
Спасибо! Много нового и полезного узнал!
@maxdubovik4786
@maxdubovik4786 2 роки тому
критика по фактам и с конкретикой. Было интересно посмотреть и послушать. Верстальщику желаю успехов)
@user-or1hy4xz8u
@user-or1hy4xz8u Рік тому
много придирок, с таким подходом - это поиск "идеального верстальщика" за пачку доширака ......
@kvidon1357
@kvidon1357 Рік тому
@@user-or1hy4xz8u в реале "придирок" будет раз в 100 больше
@user-vp9qe7gh1h
@user-vp9qe7gh1h 9 днів тому
Спасибо, дали мне уверенность за свой проект
@_Fantom_.
@_Fantom_. Рік тому
Спасибо за проф. разбор портфолио и за дельные советы!
@valerypobelenskiy1001
@valerypobelenskiy1001 2 роки тому
А в целом вы отличный специалист ... Очень ответственный и дотошный)) очень требовательно и досканально подходите к делу.... Давно за вами наблюдаю... и надо признать тот факт что отчасти скиллы в Дизайне внесли свою лепту к делу которым вы живете и получаете кайф)
@WebCademy
@WebCademy 2 роки тому
Спасибо)
@aleksandr.v100
@aleksandr.v100 2 роки тому
Очень полезный разбор! Дякую!
@mambasacaremamba2671
@mambasacaremamba2671 2 роки тому
Канал классный, очень полезный видос много для себя подчерпнул
@demboy2672
@demboy2672 10 місяців тому
Это очень познавательно, спасибо) Теперь ясно как надо делать, а как нет. Вывод - лучше небольшой но качественный лендинг с рабочим интерактивном и адаптацией👍
@veterok54
@veterok54 Рік тому
Прикольное видео, полезно)) Верстальщик конечно начинающий, но все равно полезно))
@luxarmiger5729
@luxarmiger5729 2 роки тому
Просмотрел и возник вопрос: зависит ли оценка от того, на чем реализован интерактив ( имею в виду js, jquery)? Сам просто верстаю второй год и начал уходить от jquery и стараюсь интерактив создавать на чистом js. Хотя это посложнее и готовых решений в разы меньше. По поводу просмотренного могу сказать, что работы действительно слабые. Сложных работ не видно. С таким я бы не стал устраиваться на работу. Что касается меня, то я делаю сейчас упор на верстке интернет-магазинов. Когда все полностью в голове утрясется, тогда и буду работу искать. Наверное, уже скоро.
@raixia2845
@raixia2845 Рік тому
Ну что , нашел работу?
@luxarmiger5729
@luxarmiger5729 Рік тому
@@raixia2845 Работа меня нашла. Я не искал.
@user-ql4xu5qu2u
@user-ql4xu5qu2u 2 роки тому
В общем какие можно сделать выводы: Чтобы сделать хорошую верстку, нужно знать фронтэнд на приличном уровне, а не только html5+scss и js на уровне очищения инпутов и слайдеров
@aleksandr.v100
@aleksandr.v100 2 роки тому
Ну не сказал бы. Просто нужна насмотренность. У автора рассмотренных работ насмотренность малая. Мало опыта
@user-or1hy4xz8u
@user-or1hy4xz8u Рік тому
80% оценок и претензий - к дизайнеру...
@pihu293
@pihu293 2 роки тому
На почту не приходит ссылка на бесплатный урок. Приходит только рассылка...
@agatapanda7380
@agatapanda7380 Рік тому
Тож обратила внимание на этот факт ) По поводу льзя или нельзя, нет таких законов которые регламентируют что можно, а что нет класть в портфолио. Плохо это тем что работы со стримов могут быть скорее всего и у других соискателей тоже. Также для стримов используются слишком изи макеты, это тож минус. НО Технический специалист который оценивает портфолио даже не подумает о том что человек мог бездумно списывать код даже не вникая, это чекается оч быстро при последующей проверке. Так что не стала бы слишком беспокоиться об этом. Можно смело брать чужие макеты, менять шрифт, фон, картинки и выдавать за свое.
@WebCademy
@WebCademy Рік тому
В сети есть масса макетов которые не были на стримах. Стоит сверстать их для портфолио. И также верно - что навыки легко проверяются тестовым заданием.
@alexo6935
@alexo6935 8 місяців тому
Я вообще от 300 делаю мобильную версию)) А по идее нужно ещё меньше, например для SAMSUNG z fold в не разложеном варианте.
@justkrem7764
@justkrem7764 7 місяців тому
года 2 назад говорили что нужно делать от 320, последнее время заметил что в заданиях уже от 360 в основном требования, под 0.1% пользователей нишевых телефонов никто подстраиваться не будет
@druf5962
@druf5962 2 роки тому
А на какую зарплату может претендовать верстальщик с опытом как в последнем примере? Если работать на фирму/себя (график стандарт)
@WebCademy
@WebCademy 2 роки тому
Пока там слабое портфолио. Нужно подтягивать уровень.
@Tuzlay
@Tuzlay 2 роки тому
Чёт какой то косяк с ссылками( В конец добавляется вот такой кусок: %E2%80%8B
@WebCademy
@WebCademy 2 роки тому
Точно, спасибо, поправил 👌
@user-zj1nn8zj8f
@user-zj1nn8zj8f 2 роки тому
Где же научиться такие вылизанные красивые сайты делать, кругом на курсах html css и тп, плюс один максимум два простых лендинга и все. Хотелось бы курс по продвинутой верстке, чтоб уже не учить азы, а учится верстать сложные дизайны с анимацией и интерактивом, функционалом (формы отправки сообщений, квизы и тп)?
@mariins267
@mariins267 2 роки тому
Тоже такие ищу
@user-zj1nn8zj8f
@user-zj1nn8zj8f 2 роки тому
@@mariins267 Найдешь подскажи, если не трудно.
@mariins267
@mariins267 2 роки тому
@@user-zj1nn8zj8f договорились👍
@luxarmiger5729
@luxarmiger5729 2 роки тому
Этому уже учишься самостоятельно. Берешь сложный макет (многостраничник) и верстаешь его от души. Если непонятно, поведение элементов, находишь аналогичный сайт и смотришь, как там реализовано и воплощаешь у себя. Я так делаю. В процессе поиска столько решений находишь, что ни на каких курсах не узнаешь.
@user-zj1nn8zj8f
@user-zj1nn8zj8f 2 роки тому
@@luxarmiger5729 Понятно что практика лучший учитель, я тоже так делаю, но в данном случае хотелось бы дать совет автору канала что интересно подписчику
@time4769
@time4769 2 роки тому
Зачем добавлять парфолио макет туризма, если его верстали со стримов? А не сам человек.
@mambasacaremamba2671
@mambasacaremamba2671 2 роки тому
Макет космический туризм это макет для новичков которые ещё верстать вообще не умеют от канала от 0 до 1 вадима прокопчука такие макеты нельзя в портфолио ложить о чем он сам не один раз говорил
@VladDraculator
@VladDraculator Рік тому
Ты такой интересный. Назвал видео «верстальщики» и прибираешься к нерабочим интерактивным элементам на js) Ну естественно можно все делать качественно один, два раза. Для портфолио. Но учитывая что творится в реальных проектах, все работы вполне достойные. Тебя послушать верстала должен и дизайн придумать профессиональный и элементы оживить, не жирно?)
@valerypobelenskiy1001
@valerypobelenskiy1001 2 роки тому
Юрий, ну последняя работа сделана далеко не новичком даже при должном уровне подготовки в верстаки, там есть и GSAP и JS фильтрация , динамический рендеринг карточек а это далеко не уровень новичка верстальщика .... Тут задача стоит у парня научиться просто хорошо верстать под мобилу и декстоп и потом уже прикладываться больше к JS чтобы все оживлять и делать интерактивным....
@WebCademy
@WebCademy 2 роки тому
Хорошо, принято. Убираем из сайта примера (застройщика Гранель) GSAP, JS фильтрацию и динамический рендеринг и остается то что под силу верстальщику. Цель же вырасти в скилах и сделать работу которая произведет wow эффект.
@valerypobelenskiy1001
@valerypobelenskiy1001 2 роки тому
@@WebCademy Именно Юрий wow 'эффект по достоинству можно оценить при наличии вышеперечисленных скиллов ... а чистая верстка она лишь стартовый трамплин в погружение веб разработки откуда можно дальше развиваться и взаимодействовать с другими технологиями. Зачастую ей сейчас отводят ни так много внимания и времени как хотелось бы.... ) А люди в погоне за скиллами четко не прорабатывают каждый рубеж ... Всего что называется по маленьку ... Потому что отлично владеть версткой понадобится более чем 3 месяца работы в практике ... на чем никто не хочет останавливаться и в итоге мы имее что имеем... Верстка - эта удел креатива и дизайна ) что многим с течением времени становится скучным и муторым....
@user-ht5kp6mb3u
@user-ht5kp6mb3u Рік тому
А ничего, что последний пример, лично ваш ? И сверстан два года назад 😂😂😂
@WebCademy
@WebCademy Рік тому
Вы меня с кем-то путаете.
@alexblack43
@alexblack43 Рік тому
Я скорее бы взял на работу данного верстальщика, чем автора видео. Что это за оценщик верстки, который даже не заглянул ни разу ни в css, ни в js? И основная претензия - мне дизайн не нравится (субъективщивна, плюс дизайн зависит не от верстальщика), или картинки слишком ужаты (вероятно они такие и были в макете). Ну и все эти интерактивные штуки - были ли они в макете? И это уже больше задача фронтенда, а не верстальщика.
@user-lc2cz5pj8u
@user-lc2cz5pj8u Рік тому
1000%
@user-bs5hv4qr2t
@user-bs5hv4qr2t 8 місяців тому
Интересно, на сколь “прокаченную” должность, претендует “начинающий"" веб.пр-ст”..? т.к. претензий, как к спецу... Вообще, сложилось впечатление, что работодатели ища "стажеров", и пр-тов "без опыта работы", пишут требования, на уровень-несколько выше.... Автор конечно спец, но ощущение , что цифровой бизнес не "отсеивает " а вырубает "начинающих" или желающих идти этой линии. Ведь убытки работодатель нести не хочет, а начинающим пр-там практика нужна, на работу таких не возьмут. Новая "фича" - завышенные тр., портфолио, потом собеседование, потом еще одно. Это с учетом, что после любых курсов выпускник , мягко сказать "начинающий"... С этого видео информацию , конечно почерпнул. Но, энтузиазма не прибавилось. ....почему я 1с занялся...))
@justkrem7764
@justkrem7764 8 місяців тому
О, я тоже хочу чтобы мой так глянули, я реально не дня ещё не отработал в этой сфере, из-за определенных обстоятельств, но портфолио с pet-projects, десяток работ, там имею, парочку кстати сделал по ютуб урокам ВэбКадеми, в том числе и сам сайт-портфолио
@WebCademy
@WebCademy 8 місяців тому
Давайте ссылку на свой GitHub.
@justkrem7764
@justkrem7764 8 місяців тому
@@WebCademy скинул в телегу
@FA1F.W
@FA1F.W 10 місяців тому
А все тут объясняется легко: Учиться на врача - 5 лет - ну это норма; Учиться на юриста - 5 лет - ну да, так и надо, там законы, практики; Учиться на программиста - полугодовые курсы? Да за кого вы меня держите? Петя сидоров из соседнего подъезда скачал 15 минутный туториал как лежать с ноутбуком на пляжу за 100500$. А в результате рыночек переполнен говнорями, которые даже не изучимши отличия между let, var, const качают современные библиотеки и фреймworkИ, которые даже не могут подключить. Запомните, пупсики: в IT знаний столько, что не хватит жизни, чтоб все изучить
Уверенное портфолио HTML верстальщика. Разбор работ и GitHub профиля
29:27
ВебКадеми | Юрий Ключевский
Переглядів 13 тис.
ЧТО ДЕЛАТЬ, ЕСЛИ НЕ ХВАТАЕТ ДЕНЕГ НА ВОССТАНОВЛЕНИЕ ТАЧКИ?
47:52
Артем Пивоваров х Klavdia Petrivna - Барабан
03:16
Artem Pivovarov
Переглядів 5 млн
Їжа Закарпаття. Великий Гід.
1:00:29
Мiша Кацурiн
Переглядів 688 тис.
Travel Agent 3/4. HTML верстка на Gulp сборке. Шаблоны в gulp-file-include. Вертикальный swiper
1:53:12
Верстка под cms
34:31
От 0 до 1
Переглядів 15 тис.
Travel Agent 4/4. Адаптивная верстка на Gulp сборке
4:06:35
ВебКадеми | Юрий Ключевский
Переглядів 4,3 тис.
CSS функции min, max и clamp с примерами использования
11:42
ВебКадеми | Юрий Ключевский
Переглядів 8 тис.
Ошибки в HTML верстке сайтов. Никогда не верстай так
22:34
ВебКадеми | Юрий Ключевский
Переглядів 22 тис.
Натяжка верстки на wordpress
3:42:55
От 0 до 1
Переглядів 282 тис.
ЧТО ДЕЛАТЬ, ЕСЛИ НЕ ХВАТАЕТ ДЕНЕГ НА ВОССТАНОВЛЕНИЕ ТАЧКИ?
47:52