Верстка сайта. Весь процесс от задания до сдачи проекта. // Учимся

[@FreelancerLifeStyle]

Как вам супер схема (дизайн - верстка - программирование) ? 😂 Содержание: 00:00 - Вступление 00:55 - Дизайн 03:40 - Техническое задание 05:26 - Оценка проекта 07:26 - Оформление сделки 07:51 - Верстка проекта 09:08 - Воровство верстки 09:36 - Тестирование верстки 10:07 - Сдача проекта, конфликты 11:38 - Передача проекта заказчику Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle Telegram чат по верстке: t.me/flschat (teleg.run/flschat) Instagram: instagram.com/freelancer.lifestyle/ Facebook: facebook.com/freelancerlifestyle/

[@AlinaDotsenko-d6q]

да, супер схема была представлена отлично)))

[@гоблинвася-п7о]

Видна работа опытного дизайнера ;)

[@ИванПахомов-т6о]

Просто шикарно.

[@GunToys-f2z]

Блін ти дуже класна людина мені здається що в реальному житті ти дуже гарна та красива людина як всередині так і зовні хотілось щоб в мене був такий наставник.Жека якщо ти не проти бути моїм міні наставником щою у важких ситуаціях відповісти тобі відпиши на мій коментар ( + ) тоді я дам тобі свою пошту чи телеграм і т.д.

[@AlinaDotsenko-d6q]

@@GunToys-f2z у Жени можно оформить менторство на патреоне😉

[@walson4708]

Почему я не натыкался на этот канал раньше? Звук, монтаж, харизма автора, грамотная подача материала - это идеальное видео.

[@FreelancerLifeStyle]

Спасибо! Лучше позже чем никогда!

[@АшурМезлан]

Женя, спасибо тебе за обучение. Где бы ты не был - береги себя. Пусть война обойдёт твой дом стороной.

[@andrii_zolin]

Огромный плюс для меня лично - грамотная речь, правильно выстроенные предложения. Как в хорошем бумажном учебнике :) Ну и матчасть конечно. Лайк однозначно!

[@FreelancerLifeStyle]

Супер! Я рад!

[@ssssheva]

Всегда рад новому видосу от Жени! Очень хотелось бы подобное видео с живым примером заказа, этапами работы с самого начала😊

[@FreelancerLifeStyle]

Нужен подходящий заказ, которій можно "светить")

[@ssssheva]

Да, я это прекрасно понимаю, будем ждать с нетерпением)))

[@den2144]

Эх, вот бы лет 5 назад такой крутой канал найти...)Автор - крутой мужик!

[@FreelancerLifeStyle]

Спасибо! Стараюсь!

[@Dreamer_78]

Жека береги себя, семью! здоровья тебе, спасибо за видосы.

[@FreelancerLifeStyle]

Пожалуйста!

[@MrVIPKent]

Дуже гарна аналітика, дякую Євгене!

[@Hrusst]

Вёрстка и сдача сайта - то что нужно. Доступно и понятно - для чайников... Спасибо за твою школу вёрстки!

[@FreelancerLifeStyle]

Пожалуйста!

[@rustentiev9835]

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

[@enenotowitch628]

Жека, сделай, пожалуйста, видос с требованиями к верстке, которая потом будет натягиваться на WordPress. Спасибо!

[@i.vladimirovich9414]

Редко встретишь настолько искреннего человека. большой тебе лайк))

[@FreelancerLifeStyle]

Спасибо!

[@Sembiod]

Только завистники и конкуренты ставят дизлайки!!! Показывают свою тупость и слабость! Мужик маладца! Хорошие советы и уроки! Удачи во всех делах и Крепкого Здоровья что самое главное %)

[@FreelancerLifeStyle]

Спасибо, взаимно!

[@rb9689]

Отлично сказано. Что здесь такого плохого нашли, не понимаю. Может все ждут, что он все расскажет в одном видео, сразу обо всем фрилансе

[@user-ye3vi2ss4i]

дизайнеры минусуют.

[@Olegatorius1]

Каждое видео что-то новое для меня. Спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@soofasterchannel7760]

Евгений, спасибо огромное, за проделанный вами труд! Качество контента - на высшем уровне! Учусь по вашим урокам. Удачи, отзывчивых зрителей и процветания вашему каналу!!!

[@FreelancerLifeStyle]

Спасибо!

[@гоблинвася-п7о]

Отличный видос получился. Думаю стоит его в начало курса по вёрстке закинуть, очень хорошо поможет разобраться совсем только начинающим.

[@FreelancerLifeStyle]

Спасибо! Да, будет полезно

[@srgtslnv]

Круто, грамотная речь, чувствуется профессионализм лучше всяких поповых на порядки.

[@FreelancerLifeStyle]

Спасибо!

[@777bujhm]

Спасибо Женя за твою работу, ты как всегда на высоте!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@МаксимОсипов-м8г]

Спасибо за Вашу работу! Творческий подход!

[@FreelancerLifeStyle]

Пожалуйста!

[@Жека-в3п]

Етим видео ты спас от ошибок много начинающих фрилансеров. Лайк ,подписка

[@FreelancerLifeStyle]

Спасибо!

[@ДжахонгирМуминов-х9ч]

Полезное видео для Project менеджеров и для тех кто хочет открыть своё дело. Спасибо!

[@vasilyche7040]

Самая жопа - это адекватно рассчитать время сдачи проекта !))) иногда амбиции , прокрастинация и нереальные представления о себе могут сыграть злую шутку !) я часто с таким сталкиваюсь )))) зная себя стараюсь выморозить как можно больше времени ))))) ибо всеравно проябу все !))))

[@СергейЖариков-ю2ъ]

Всё я профи я поставил ЛАЙК, ух завтра бабла навалит!!!)))) Жека красавец!!!

[@FreelancerLifeStyle]

Спасибо!))

[@ИгорьГлазков-с1б]

Замечательно Евгений. Спасибо за Ваш труд.

[@FreelancerLifeStyle]

Пожалуйста!

[@uk-lych_sveta]

Дорогой Жека береги себя, семью!!! Здоровья Вам, а Тебе :) спасибо за видосы.

[@FreelancerLifeStyle]

Пожалуйста!

[@bentonfraizer69]

Евгений, спасибо за ваш труд. Продолжайте в том же духе. ✊

[@FreelancerLifeStyle]

Пожалуйста!

[@uk-lych_sveta]

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

[@loannina336]

Евгений, как всегда на высоте!))) Спасибо огромное, жду с нетерпением про Github Pages.

[@FreelancerLifeStyle]

Спасибо!

[@SpeedyGod]

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

[@КириллТимофеев-п1л]

Спершу лайка 👍 Потiм перегляд!

[@FreelancerLifeStyle]

Дякую!

[@warmstar6025]

Типичное ТЗ - "хочу сверху менюшечку какую-нибудь, несколько красивых блоков с кнопочками и чтобы на телефонах работало"

[@FreelancerLifeStyle]

Ахаха, да это оно)

[@БендерЗадунайский-щ9ы]

пример ТЗ бы увидеть какой нибудь... что в нем должно быть описано, насколько подробно и т.д.

[@FreelancerLifeStyle]

ТЗ заслуживает отдельного видоса

[@БендерЗадунайский-щ9ы]

Да!

[@radio-lb4dr]

На фриланс-биржах часто встречаются заказы с ТЗ а сейчас еще много заказов с ссылкой на макеты в figma.

[@AnatoliySharov]

На фриланс бирже поищи заказы с тз )

[@annagrigorewa]

Женя, очень интересно. Я как раз хотела информацию про процесс начала работы...ТЗ, макеты и всё такое. Спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@d1marzio]

Просто хочу сказать огромное спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@kotlancer]

Как всегда, на уровне!

[@FreelancerLifeStyle]

Спасибо!

[@shoppertv768]

@Фрилансер по жизни - IT и фриланс Мне очень нравится смотреть, наблюдать за твоим творчеством и даже обучаться по твоим видео (хотя я и раннее знал основы верстки, изучал HTML, CSS и JS по другим источникам, но подчеркнул себе что-то новое из твоих видео). И хотел бы сперва выразить благодарность за твои старания! Женя, если будет возможность не смог бы ты снять видео по градиентам, в частности, про радиальный градиент. Несмотря на то, что я изучал основы верстки уже давно, я решил возобновить свои знания и попробовать сверстать сайт по макету PSD. И в этом макете как раз встречается эта самая радиальная градиента. Да, я гуглил, и даже что-то получилось сделать. Но есть один момент, когда я делаю градиенту отдельным блоком и позиционирую его в нужном месте, у меня нет плавного перехода с одного блока на другой и появляются как бы рамки (хотя я убираю рамки через свойство border: none). Да и вообще, думаю, что тема градиента была бы интересна всем твоим подписчикам. Спасибо!

[@ДарьяКустова-з9с]

Спасибо за информацию, начинаю изучать веб-разработку. Надеюсь, твой канал мне поможет в этом.

[@LiveMechanism]

Как успехи?

[@ИванПахомов-т6о]

Большое спасибо, очень интересно и полезно.

[@FreelancerLifeStyle]

Пожалуйста!

[@lera6580]

да... вспоминаю свой спор дикий с Заказчиком. Дикий от того, что я поразилась техникам манипуляций и жестким давлением... Было ТЗ. Работа полностью соответствовала. Заказчица была психологом и продавала тренинг по психологии, но что она устроила мне в переписке после сдачи... умением вести переговоры деловые там и не пахло. Приплетался такой трэш с деталями, которые меня вообще не касаются (т.е. личные обстоятельства и прочее). Цветовая гамма была разработана по ТЗ. Картинки просили брать на бесплатных стоках. Лендинг был большим... до 30 листов А4. В общем, по факту подобранные картинки не понравились, я сказала, что бонусом все заменю и найду другие сама. Но если и эти не понравятся - будем открывать новое ТЗ. Снова подобрала картинки, то не так - это не так... бросались ссылки на платные стоки и комментарии "найди такую же бесплатно". В общем, утомила меня эта Заказчица дико. Логотип к лендингу сдала за два дня до сдачи проекта и начала настаивать, чтобы я подбирала заново цветовую палитру по логотипу. Об этом в ТЗ вообще не было и то что Заказчица так задержала срок сдачи логотипа как меня касается? у меня был жесткий дедлайн и я работала по ТЗ изначальному. А потом вдруг РАЗ и надумали скинуть логотип за два дня и я должна была с благородно предоставленным мне дополнительным временем бесплатно менять всю палитру в макете и верстке =)) В общем... много там было треша. Я заменила бонусом графику, остальное делать бесплатно отказалась. На что начался шантаж испортить репутацию, давление на мои человеческие качества, просьба войти в положение. А в итоге проклятия =))) Но когда все это не сработало - милое прощание. Вот тебе и психолог. Осадок оставила ужасный. Хорошо хоть работали по предоплате.

[@FreelancerLifeStyle]

Да, такое бывает и нужно быть готовой к подобным ситуациям. Как-то сниму выпуск о моем опыте общения с заказчиками и советами.

[@lera6580]

@@FreelancerLifeStyle будет интересно послушать ^^

[@b_l_o_n_d_i_n_k_a8326]

Да. Хороший канал.

[@FreelancerLifeStyle]

Спасибо!

[@aleksandrsosnin3474]

Главный шаг, чтобы стать профессионалом сделал) 👍 Ждём видос про github pages

[@FreelancerLifeStyle]

Спасибо!

[@КонстантинЛукьянов-ю1ж]

Спасибо за советы, с меня как всегда ЛАЙК ))

[@FreelancerLifeStyle]

Пожалуйста!

[@exanimis361]

Спасибо за старания, с меня лайк!

[@FreelancerLifeStyle]

Спасибо!

[@allenphos2472]

Спасибо, как всегда на высоте! Жека, ты вдохновляешь) P.S.Жду ролики по Git и ТЗ)

[@FreelancerLifeStyle]

Пожалуйста!

[@АртемЗахаров-м6х]

Сначала лайк, потом просмотр) Топчик просто)

[@FreelancerLifeStyle]

Спасибо!

[@kurnatovskii]

Женька,продолжай в том же духе 👍🏼

[@FreelancerLifeStyle]

Продолжаю!

[@user-yc9uu1ps3s]

Вы очень круто объясняете!☺️

[@sengokusky1515]

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

[@FreelancerLifeStyle]

Спасибо!

[@Syuzi.Surprises]

Теперь я считаюсь олдом) -Лайк если был подписан когда было 1000 сабов :) (c) Олды тут )

[@FreelancerLifeStyle]

Круть, спасибо!

[@АллаІванівнаФедорова]

Ахах, я получается тоже Олд, хоть начинал смотреть так, для общего развития не думая о заработке или получения професии

[@askhat9232]

Я с момента создания канала :)

[@tovjukov]

Крутые видосы. Крутой монтаж и информация.

[@FreelancerLifeStyle]

Спасибо!

[@Alex-xz7wx]

Отличный канал! Прекрасная подача информации и контент! Он мне очень сильно помог, спасибо Жень!

[@FreelancerLifeStyle]

Пожалуйста!

[@azikmemmedov9688]

@@FreelancerLifeStyle Жека Привет. Все Нормально с тобой?

[@user-ilya12]

Длинный комментарий для продвижения канала. Спасибо большое!

[@shazamusic624]

А я уже начал переживать, что не умею делать выпадающие блоки, скроллы и т.д.) Вроде как можно на CSS это сделать, но насколько я понял это лучше делать на JS, который пора учить мне)) За видео как всегда лукас! Топ!

[@FreelancerLifeStyle]

Спасибо!

[@kosflight]

Как раз думал о том что бы попросить о подобном видео, и тут оно!) Жека спасибо, не останавливайся) а по поводу Gidhub Pages , и возможно отдельного дополнительного видео о реальном ТЗ, проделанной роботе и сдачи реальному клиенту, было бы отлично увидеть!)

[@FreelancerLifeStyle]

На показ реальных проектов нужно одобрение заказчика.

[@chamavn]

Хороший контент, дружище! Продолжай в том же духе :)

[@FreelancerLifeStyle]

Спасибо!

[@ilyapoluhin621]

Спасибо! Очень познавательно!

[@FreelancerLifeStyle]

Пожалуйста!

[@diik9292]

Я протестую насчет одной вещи У вас 71 000 подписчиков. Когда у вас должны быть пол миллиона подписчиков. За такую информацию и совет мы должны ему еще 500 000 подписчиков и лайков

[@FreelancerLifeStyle]

Спасибо! Все будет!

[@nikolay1875]

С одной стороны-да..а с другой..:D

[@developerblog1]

Контент , огонь 👍👍👍

[@FreelancerLifeStyle]

Спасибо!

[@mykhailofedorenko5727]

спасибо, очень полезная инфа

[@FreelancerLifeStyle]

Пожалуйста!

[@Максимка-ц8г]

Круть, как всегда

[@FreelancerLifeStyle]

Спасибо!

[@РусланКоташов]

Спасибо за полезное видео, на большую часть вопросов вы ответили в своем видео )

[@наталіяклемишова]

Класс 👍

[@FreelancerLifeStyle]

Спасибо!

[@айзеказимов-ч2т]

Все супер :) Давно жду видос по семантической верстке. так то я прочел в инете какие теги использовать для семантики, но неуверен что все правильно делаю

[@FreelancerLifeStyle]

Да, будет!

[@айзеказимов-ч2т]

@@FreelancerLifeStyle супер!

[@tarasov007com]

Малорик ! Хорошо рассказываешь !

[@FreelancerLifeStyle]

Спасибо!

[@ВиталийТеплов-б2в]

👏👏👏👏👏👏👏👏👏

[@FreelancerLifeStyle]

Спасибо!

[@jestero8709]

Полезное видео! А по поводу гитхаб страниц,люди, вы сами должны в этом разобраться! Это же легко,по сравнению с вёрсткой,лучше пусть Женя делает видосы по вёрстке,а не по всяким левым сервисам,в которых вы САМИ должны разобраться! Иначе что за верстальщики из вас получатся,если вам постоянно пошагово каждое действие объяснять,ведь во всем этом деле,если своя голова не варит и если ты сам не хочешь разобраться - толку начинать нет, это мое мнение.

[@FreelancerLifeStyle]

Будет и верстка и все остальное!

[@al77ex1]

Как всегда отличный видос! Все так и есть, особенно про лайк и подписку! :)

[@КоляМакаров-т4о]

Лучший

[@FreelancerLifeStyle]

Спасибо!

[@THEBEST-cc2ge]

Здравствуйте, дорогой учитель, я слежу за вашими уроками программирования . Я благодарю вас за эти замечательные уроки.Я был бы признателен, если бы вы могли немного объяснить, что такое CSS GRID․Еще раз спасибо за создание этого замечательного канала․

[@Жека-в3п]

Идея о видео с GitHub весьма интересна

[@FreelancerLifeStyle]

Да, сделаю

[@ihormysak3977]

Сделай два видео и стрим, в первом как ты выбираешь и берешь заказ, потом стрим с версткой и тогда второе видео как ты отдаешь Вебсайт, оцениваешь его и получаешь деньги .Это будет интересно, так как сейчас все на карантине, а дистанционной работы достаточно . Если все же надумаешь такое сделать, интереснее будут маленькие сайты.

[@FreelancerLifeStyle]

Главное - это найти заказчика который на это согласится)

[@MrAlexT92]

Полезное видео

[@FreelancerLifeStyle]

Спасибо!

[@ПетроДубчак-я8д]

Жека спасибо за видео уроки, очень интересно, познавательно и по делу. Жека, сделай, пожалуйста, видос как правильно работать с Github. Спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@ОмарХанкишиев]

Спасибо за вашу работу! Буду с нетерпением ждать уроков по js (они ведь будут, верно???)))

[@FreelancerLifeStyle]

Да, будут

[@СардорКинг]

Жека 👍

[@FreelancerLifeStyle]

Спасибо!

[@front-end14]

Лайкну, а посмотрю чуть позже))

[@FreelancerLifeStyle]

Спасибо!

[@front-end14]

@@FreelancerLifeStyle Жека, у тебя есть платные консультации?) Ну например, если взял заказ и есть список непонятных моментов в верстке, связаться или списаться с тобой и получит ответы.

[@ГригорийСитёв]

We are looking forward to a video about the Github pages.

[@FreelancerLifeStyle]

Понял, сделаю!

[@bestgaming5589]

вот теперь я точно стану мастером!!!😎😎😎

[@АксессуарыСервис]

Лучший!

[@shoshinstyle8814]

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

[@FreelancerLifeStyle]

Ок, что-то придумаю

[@АртемКа-в3к8й]

Задание выполнил, теперь стану мастером))) Кстати Жень, а ты ТЗ сам создаешь, либо ищешь заказы, в которых оно есть?

[@FreelancerLifeStyle]

Если ТЗ нет предлагаю свои услуги по написанию

[@spyrav]

ты лучший!

[@ЭдуардМусатов-т7р]

О, контент)

[@FreelancerLifeStyle]

Он самый!

[@mirzomuminsobirjonov1104]

Спасибо за видео очень классно получилось...было бы круто если снимешь видео с Гитхабом

[@FreelancerLifeStyle]

Спасибо! Сниму

[@ramilnazmiev9448]

спасибо

[@FreelancerLifeStyle]

Пожалуйста!

[@olezhonnv3215]

Заказчики - те еще бывают! Сами не знают точно, чего хотят. Все может начаться с простого сайта-визитки, а потом перерасти в интернет-магазин. Но это и хорошо - больше потом работы будет. Главное, не по цене визитки магаз делать. Тогда такой заказчик будет подкидывать новые задачи. И давать регулярный заработок.

[@FreelancerLifeStyle]

Все верно, главное сразу дать понять что бесплатно никто не работает)

[@Shakhrom-b7d]

Сейчас основные требования по статике (Landing Page): 1) Адаптив (без css фреймворков) 2) Валидный код (W3C Валидатор) 3) Кроссбраузерность (IE 10+) 4) Семантика 5) Google Page Speed в зеленой зоне. 6) Без использования jQuery 7) Почему-то и для LP просят БЭМ (именование классов) 8) Open-graph Каждая правка/доработка от 500 руб., если не входило в ТЗ (всегда озвучиваю до начала работы) Самый основной критерий - это скорость загрузки!

[@FreelancerLifeStyle]

Хм, про чистый js не встречал. Но быстрая загрузка однозначно нужна

[@IvanIvan-vx6li]

Жека, привет! Лайк каждому видео.:) Возникла такая ситуация: есть сайт(верстка и логика на php), который тестировался на локальном ПК, после он опубликован на тестовый домен. И вот я замечаю недоработку в коде php (нужны другие настройки моего сайта для текущего хостера, какие-то ограничения хостера, которых на локальном ПК нет и из-за этого что-то не работает; или для теста верстки прямиком с телефона, а не в браузере в режиме адаптива), поправил в файловом менеджере хостера, заработало, теперь мне нужно это поправить и в своих фалах, которые на моем ПК... и таких циклов у меня было уже множество. Расскажи, как грамотно это делать? Может стоит вообще локальный ПК исключить из этого процесса и сразу результат проверять на реальном тестовом хостинге (при помощи SFTP в VC Code)? Буду очень благодарен за ответ. А еще было бы очень полезно - видео о контроле версий в работе с реальным проектом: - на каких результатах работы коммитишь - когда "пушить" - как создаешь новую ветку и что-то проверяешь - как ошибаешься и откатываешь назад (а не как у большинства - вот файл, закинули его на ГитХаб, вот он здесь, сделали ветку - вот ветка, и в результате не ясно как им пользоваться, хотя мысленно структура работы контроля версий сформирована) - как потом все заливается на боевой домен/хостинг - как происходят правки сайта, когда он уже опубликован (ты сайт обслуживаешь и у заказчика возникла потребность в новом функционале или дизайне) - где и как хранишь исходники своей работы (гитхаб в теории может глюкануть, на хостинге случайно удалиться)

[@ЮрченкоЮрий-и5м]

Благодарю

[@soprettysnow]

О, актуальная тема )

[@FreelancerLifeStyle]

Верно!

[@АлександрИванов-й4ц1ш]

Расскажите на примерах сколько стоит та или иная работа. И что делать в споре с заказчиком.

[@FreelancerLifeStyle]

Что-то придумаю

[@zephyr2383]

Нравится верстка , но так все сложно даётся , дошел до 8го урока по верстке , и черт меня дёрнул посмотреть стрим как делается адаптивная верстка , я там увидел столько всего, так все замудрено, руки опускаются , приходится закрывать глаза и делать вид как будто я не видел этого , просто не верится что я смогу это все запомнить и научиться

[@velobarahlo]

Спасибо 👍

[@FreelancerLifeStyle]

Пожалуйста!

[@umedrustamov39]

Спасибо видео супер жду выпуска про github

[@zmeygorynych5684]

Жека лучший

[@AlinaDotsenko-d6q]

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

[@FreelancerLifeStyle]

Это гарантия для всех сторон. Но как по мне, исполнителю это больше нужно.

[@FedorovaNataliya]

дякую

[@МажикКиндов]

>мастерами становятся только те, кто поставил лайк я первый раз в жизни поставил лайк на ютубе)

[@Виктор-ж2р2и]

11:11 На frelancehunt заказчик мне дал новое тз, я отказался делать и обратился в арбитраж, биржа далее спрашивает: вы отказываетесь выполнять правки заказчика? Я как новичок испугался тогда и извинился сказал что все выполню, выполнил и он мне не заплатил, а кнопка арбитраж уже была недоступна почему то. Это был мой второй заказ впринципе, как же было обидно.

[@FreelancerLifeStyle]

Жаль(

[@Ilya-gv6kb]

9:04 снять хорошая идея 🙂👍