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

Поделиться
HTML-код
  • Опубликовано: 23 июл 2024
  • Подкаст. Разбор GitHub профиля HTML верстальщика. Как оформить GitHub профиль. Какие работы не стоит размещать в портфолио. Типовые ошибки начинающих HTML верстальщиков.
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
    От установки редактора, до публикации в сети.
    👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/htmlsite/
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
    Обучение с наставником, 3 месяца, результат, гарантия.
    Научим создавать веб-сайты и зарабатывать на этом.
    Старт обучения: 05 Августа 2024 года.
    💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
    Обучение с наставником, 3 месяца, результат, гарантия.
    Старт обучения: 12 Августа 2024 года.
    💻 Курс "Разработка сайтов на PHP + MySQL":
    webcademy.ru/phpcourse/
    Создание сайтов с системой управления.
    Присоединиться к курсу можно прямо сейчас.
    🏁 Обучение с нуля
    💁‍♂️ Обучение с наставником
    🎯 Доведение с нуля до результата
    🏢 Помощь с трудоустройством
    💵 Поможем взять первый заказ на фрилансе
    💳 возможна рассрочка
    💳 если курс не понравится, вернём деньги в первую неделю
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    💈 Сайт школы ВебКадеми: 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 Пример. Как доработать свои проекты в портфолио

Комментарии • 66

  • @user-og7kn2ve7s
    @user-og7kn2ve7s 2 года назад +24

    Юрий, благодарю! Этим видео вы меня избавили от комплекса неполноценности в вёрстке)))

  • @user-nb1is5wc4k
    @user-nb1is5wc4k 2 года назад +3

    Спасибо, было очень интересно!
    Верстальщик - молодец. Надеюсь, разбор пойдёт на пользу.

  • @maxdubovik4786
    @maxdubovik4786 2 года назад +22

    критика по фактам и с конкретикой. Было интересно посмотреть и послушать. Верстальщику желаю успехов)

    • @user-or1hy4xz8u
      @user-or1hy4xz8u Год назад

      много придирок, с таким подходом - это поиск "идеального верстальщика" за пачку доширака ......

    • @kvidon1357
      @kvidon1357 Год назад +1

      @@user-or1hy4xz8u в реале "придирок" будет раз в 100 больше

  • @user-ef2wx9es1p
    @user-ef2wx9es1p 2 года назад +1

    Юрий, спасибо! Очень полезный разбор. Увидела свои ошибки. Обязательно их исправлю.

  • @valerypobelenskiy1001
    @valerypobelenskiy1001 2 года назад +9

    А в целом вы отличный специалист ... Очень ответственный и дотошный)) очень требовательно и досканально подходите к делу.... Давно за вами наблюдаю... и надо признать тот факт что отчасти скиллы в Дизайне внесли свою лепту к делу которым вы живете и получаете кайф)

  • @uk-lych_sveta
    @uk-lych_sveta 2 года назад +2

    Юрий добрый день, спасибо за отличный контент! Очень полезный разбор, обязательно учту в будущем при создании странице на гитхаб.

  • @denlay8587
    @denlay8587 Год назад +1

    Юрий, благодарю! Получил то, что давно искал.

  • @react1964
    @react1964 2 года назад +12

    круто меня опустили)) шутка, все воспринимаю как урок , продолжаю дальше копить опыт

    • @WebCademy
      @WebCademy  2 года назад +3

      На самом деле так выглядят профили 90% начинающих верстальщиков. Ну и разбор был с целью показать что докрутить и улучшить. Так что вин-вин, надеюсь было интересно и полезно)

    • @TheEegmen
      @TheEegmen 10 месяцев назад

      Ну не все так плохо, просто в порядок надо привести и половину скрыть.

  • @alinanur6676
    @alinanur6676 Год назад +1

    Супер полезный разбор! Спасибо

  • @upwlqwp
    @upwlqwp Год назад +1

    Спасибо большое, очень ценная информация и объективный разбор

  • @aleksandr.v100
    @aleksandr.v100 2 года назад

    Очень полезный разбор! Дякую!

  • @_Fantom_.
    @_Fantom_. Год назад

    Спасибо за проф. разбор портфолио и за дельные советы!

  • @demboy2672
    @demboy2672 Год назад +2

    Это очень познавательно, спасибо) Теперь ясно как надо делать, а как нет. Вывод - лучше небольшой но качественный лендинг с рабочим интерактивном и адаптацией👍

  • @user-cw5dn4db8s
    @user-cw5dn4db8s 2 года назад

    Спасибо! Много нового и полезного узнал!

  • @user-vp9qe7gh1h
    @user-vp9qe7gh1h 2 месяца назад

    Спасибо, дали мне уверенность за свой проект

  • @mambasacaremamba2671
    @mambasacaremamba2671 2 года назад

    Канал классный, очень полезный видос много для себя подчерпнул

  • @veterok54
    @veterok54 Год назад

    Прикольное видео, полезно))
    Верстальщик конечно начинающий, но все равно полезно))

  • @luxarmiger5729
    @luxarmiger5729 2 года назад +3

    Просмотрел и возник вопрос: зависит ли оценка от того, на чем реализован интерактив ( имею в виду js, jquery)? Сам просто верстаю второй год и начал уходить от jquery и стараюсь интерактив создавать на чистом js. Хотя это посложнее и готовых решений в разы меньше.
    По поводу просмотренного могу сказать, что работы действительно слабые. Сложных работ не видно. С таким я бы не стал устраиваться на работу. Что касается меня, то я делаю сейчас упор на верстке интернет-магазинов. Когда все полностью в голове утрясется, тогда и буду работу искать. Наверное, уже скоро.

    • @raixia2845
      @raixia2845 Год назад

      Ну что , нашел работу?

    • @luxarmiger5729
      @luxarmiger5729 Год назад +1

      @@raixia2845 Работа меня нашла. Я не искал.

  • @user-or1hy4xz8u
    @user-or1hy4xz8u Год назад +3

    80% оценок и претензий - к дизайнеру...

  • @pihu293
    @pihu293 2 года назад

    На почту не приходит ссылка на бесплатный урок. Приходит только рассылка...

  • @user-ql4xu5qu2u
    @user-ql4xu5qu2u 2 года назад

    В общем какие можно сделать выводы: Чтобы сделать хорошую верстку, нужно знать фронтэнд на приличном уровне, а не только html5+scss и js на уровне очищения инпутов и слайдеров

    • @aleksandr.v100
      @aleksandr.v100 2 года назад

      Ну не сказал бы. Просто нужна насмотренность. У автора рассмотренных работ насмотренность малая. Мало опыта

  • @druf5962
    @druf5962 2 года назад

    А на какую зарплату может претендовать верстальщик с опытом как в последнем примере? Если работать на фирму/себя (график стандарт)

    • @WebCademy
      @WebCademy  2 года назад +1

      Пока там слабое портфолио. Нужно подтягивать уровень.

  • @user-zf8xr5do5m
    @user-zf8xr5do5m Месяц назад

    А где такие качественные фото брать?

  • @agatapanda7380
    @agatapanda7380 Год назад +1

    Тож обратила внимание на этот факт ) По поводу льзя или нельзя, нет таких законов которые регламентируют что можно, а что нет класть в портфолио.
    Плохо это тем что работы со стримов могут быть скорее всего и у других соискателей тоже. Также для стримов используются слишком изи макеты, это тож минус. НО Технический специалист который оценивает портфолио даже не подумает о том что человек мог бездумно списывать код даже не вникая, это чекается оч быстро при последующей проверке. Так что не стала бы слишком беспокоиться об этом. Можно смело брать чужие макеты, менять шрифт, фон, картинки и выдавать за свое.

    • @WebCademy
      @WebCademy  Год назад +1

      В сети есть масса макетов которые не были на стримах. Стоит сверстать их для портфолио. И также верно - что навыки легко проверяются тестовым заданием.

  • @alexo6935
    @alexo6935 10 месяцев назад

    Я вообще от 300 делаю мобильную версию))
    А по идее нужно ещё меньше, например для SAMSUNG z fold в не разложеном варианте.

    • @justkrem7764
      @justkrem7764 10 месяцев назад

      года 2 назад говорили что нужно делать от 320, последнее время заметил что в заданиях уже от 360 в основном требования, под 0.1% пользователей нишевых телефонов никто подстраиваться не будет

  • @Tuzlay
    @Tuzlay 2 года назад +1

    Чёт какой то косяк с ссылками( В конец добавляется вот такой кусок: %E2%80%8B

    • @WebCademy
      @WebCademy  2 года назад +1

      Точно, спасибо, поправил 👌

  • @time4769
    @time4769 2 года назад

    Зачем добавлять парфолио макет туризма, если его верстали со стримов? А не сам человек.

  • @VladDraculator
    @VladDraculator Год назад +2

    Ты такой интересный. Назвал видео «верстальщики» и прибираешься к нерабочим интерактивным элементам на js) Ну естественно можно все делать качественно один, два раза. Для портфолио. Но учитывая что творится в реальных проектах, все работы вполне достойные. Тебя послушать верстала должен и дизайн придумать профессиональный и элементы оживить, не жирно?)

  • @alexdreamer11
    @alexdreamer11 2 года назад +3

    Где же научиться такие вылизанные красивые сайты делать, кругом на курсах html css и тп, плюс один максимум два простых лендинга и все. Хотелось бы курс по продвинутой верстке, чтоб уже не учить азы, а учится верстать сложные дизайны с анимацией и интерактивом, функционалом (формы отправки сообщений, квизы и тп)?

    • @mariins267
      @mariins267 2 года назад

      Тоже такие ищу

    • @alexdreamer11
      @alexdreamer11 2 года назад +2

      @@mariins267 Найдешь подскажи, если не трудно.

    • @mariins267
      @mariins267 2 года назад +1

      @@alexdreamer11 договорились👍

    • @luxarmiger5729
      @luxarmiger5729 2 года назад

      Этому уже учишься самостоятельно. Берешь сложный макет (многостраничник) и верстаешь его от души. Если непонятно, поведение элементов, находишь аналогичный сайт и смотришь, как там реализовано и воплощаешь у себя. Я так делаю. В процессе поиска столько решений находишь, что ни на каких курсах не узнаешь.

    • @alexdreamer11
      @alexdreamer11 2 года назад +1

      @@luxarmiger5729 Понятно что практика лучший учитель, я тоже так делаю, но в данном случае хотелось бы дать совет автору канала что интересно подписчику

  • @mambasacaremamba2671
    @mambasacaremamba2671 2 года назад +2

    Макет космический туризм это макет для новичков которые ещё верстать вообще не умеют от канала от 0 до 1 вадима прокопчука такие макеты нельзя в портфолио ложить о чем он сам не один раз говорил

  • @alexblack43
    @alexblack43 Год назад +1

    Я скорее бы взял на работу данного верстальщика, чем автора видео. Что это за оценщик верстки, который даже не заглянул ни разу ни в css, ни в js? И основная претензия - мне дизайн не нравится (субъективщивна, плюс дизайн зависит не от верстальщика), или картинки слишком ужаты (вероятно они такие и были в макете). Ну и все эти интерактивные штуки - были ли они в макете? И это уже больше задача фронтенда, а не верстальщика.

  • @user-ht5kp6mb3u
    @user-ht5kp6mb3u Год назад

    А ничего, что последний пример, лично ваш ? И сверстан два года назад 😂😂😂

    • @WebCademy
      @WebCademy  Год назад

      Вы меня с кем-то путаете.

  • @valerypobelenskiy1001
    @valerypobelenskiy1001 2 года назад +1

    Юрий, ну последняя работа сделана далеко не новичком даже при должном уровне подготовки в верстаки, там есть и GSAP и JS фильтрация , динамический рендеринг карточек а это далеко не уровень новичка верстальщика .... Тут задача стоит у парня научиться просто хорошо верстать под мобилу и декстоп и потом уже прикладываться больше к JS чтобы все оживлять и делать интерактивным....

    • @WebCademy
      @WebCademy  2 года назад

      Хорошо, принято. Убираем из сайта примера (застройщика Гранель) GSAP, JS фильтрацию и динамический рендеринг и остается то что под силу верстальщику. Цель же вырасти в скилах и сделать работу которая произведет wow эффект.

    • @valerypobelenskiy1001
      @valerypobelenskiy1001 2 года назад

      @@WebCademy Именно Юрий wow 'эффект по достоинству можно оценить при наличии вышеперечисленных скиллов ... а чистая верстка она лишь стартовый трамплин в погружение веб разработки откуда можно дальше развиваться и взаимодействовать с другими технологиями. Зачастую ей сейчас отводят ни так много внимания и времени как хотелось бы.... ) А люди в погоне за скиллами четко не прорабатывают каждый рубеж ... Всего что называется по маленьку ... Потому что отлично владеть версткой понадобится более чем 3 месяца работы в практике ... на чем никто не хочет останавливаться и в итоге мы имее что имеем... Верстка - эта удел креатива и дизайна ) что многим с течением времени становится скучным и муторым....

  • @user-bs5hv4qr2t
    @user-bs5hv4qr2t 11 месяцев назад

    Интересно, на сколь “прокаченную” должность, претендует “начинающий"" веб.пр-ст”..? т.к. претензий, как к спецу...
    Вообще, сложилось впечатление, что работодатели ища "стажеров", и пр-тов "без опыта работы", пишут требования, на уровень-несколько выше....
    Автор конечно спец, но ощущение , что цифровой бизнес не "отсеивает " а вырубает "начинающих" или желающих идти этой линии. Ведь убытки работодатель нести не хочет, а начинающим пр-там практика нужна, на работу таких не возьмут. Новая "фича" - завышенные тр., портфолио, потом собеседование, потом еще одно. Это с учетом, что после любых курсов выпускник , мягко сказать "начинающий"...
    С этого видео информацию , конечно почерпнул. Но, энтузиазма не прибавилось. ....почему я 1с занялся...))

  • @S.Vasilich.
    @S.Vasilich. 2 месяца назад

    Дважды уснул и это за первые 4 мин видео...

  • @justkrem7764
    @justkrem7764 10 месяцев назад +1

    О, я тоже хочу чтобы мой так глянули, я реально не дня ещё не отработал в этой сфере, из-за определенных обстоятельств, но портфолио с pet-projects, десяток работ, там имею, парочку кстати сделал по ютуб урокам ВэбКадеми, в том числе и сам сайт-портфолио

    • @WebCademy
      @WebCademy  10 месяцев назад +1

      Давайте ссылку на свой GitHub.

    • @justkrem7764
      @justkrem7764 10 месяцев назад

      @@WebCademy скинул в телегу

  • @FA1F.W
    @FA1F.W Год назад +1

    А все тут объясняется легко:
    Учиться на врача - 5 лет - ну это норма;
    Учиться на юриста - 5 лет - ну да, так и надо, там законы, практики;
    Учиться на программиста - полугодовые курсы? Да за кого вы меня держите? Петя сидоров из соседнего подъезда скачал 15 минутный туториал как лежать с ноутбуком на пляжу за 100500$.
    А в результате рыночек переполнен говнорями, которые даже не изучимши отличия между let, var, const качают современные библиотеки и фреймworkИ, которые даже не могут подключить. Запомните, пупсики: в IT знаний столько, что не хватит жизни, чтоб все изучить