С этой недели больше роликов 📆

Станислав подготовил для вас новый контент по продвинутой вёрстке. Видео будут выходить по четвергам, начиная с этой недели. Перед просмотром рекомендую ознакомиться с его плейлистом по основам вёрстки: Youtube и Вконтакте.

Ну а я продолжу вас радовать выходом новых роликов по вёрстке сайта-портфолио каждую субботу, поэтому также сохраняйте плейлист на YouTube и Вконтакте.

Также напоминаю про обучение в школе WEB PRO. Начав обучение сейчас, вы можете до конца этого года получить профессию верстальщика и начать зарабатывать в данной сфере. Подробнее об обучении на сайте webproschool.ru

🔔 Первое видео по продвинутой вёрстке уже на канале.
Разберём виды селекторов, узнаем как обращаться к определенным элементам для стилизации через разные комбинаторы.

👨‍💻 Выбираем удобную площадку и сохраняем плейлист, в котором каждый четверг будет появляться новое видео по продвинутой вёрстке: YouTube и Вконтакте.
Пройти тест на понимание теории после урока можно здесь.

🚀 Начать обучение в школе WEB PRO с личным куратором можно по ссылке: https://webproschool.ru/

💬 Для комментариев под постами нужно пройти антиспам проверку.

Практика по гридам, позиционированию и анимации уже в 3 части видео по вёрстке сайта Portfolio Designer для начинающих 👨‍💻
Оно кстати, уже вышло, поэтому переходите и смотрите новое видео, а также сохраняйте плейлист на YouTube и Вконтакте.

Для комментариев под постами пройдите антиспам проверку от бота по ссылке.

У меня обновилась фигма.
А ещё вчера доверстал десктопную версию сайта Portfolio Design и всё задокументировал для вас. Осталось это смонтировать и новое видео уже выйдет на канале в эту субботу.

А в четверг выйдет видео из плейлиста с продвинутой вёрсткой, где будут рассмотрены теги цитат и адреса.

Кстати, теги цитат мы также рассматриваем в первом уроке моего обучения. Для вас я открыл доступ к этому уроку, поэтому его можно получить прямо сейчас, кликнув сюда.

Для комментариев под постами пройдите простую антиспам проверку по ссылке.

А вы поняли, что я имел в виду?)

Для комментариев под постами разово пройдите простую антиспам проверку по ссылке.

🔔 Новое видео по продвинутой вёрстке уже на канале. Разбираемся в тегах цитат и адреса. Выбирайте площадку и приятного просмотра:
YouTube и Вконтакте

🔔 Сегодня верстаем на флексбоксах сетку с применением БЭМ, а после используем её для создания двух секций сайта Portfolio Design. Помимо этого, правим баги в предыдущей секции 🐞 И всё это в новом видео, которое уже вышло на канале, смотрите на YouTube или Вконтакте.

Для комментариев под постами разово пройдите антиспам проверку от бота по ссылке.

🕒 На этой неделе выходят 2 видео: теория по вёрстке таблиц (четверг) и завершение вёрстки Portfolio Designer под компьютеры (суббота).
Поэтому если вы вдруг пропустили выход предыдущих видео из этих плейлистов, то дублирую для вас ссылки на плейлисты:
Продвинутая вёрстка
Вёрстка сайта Portfolio Designer

🚀 А начать обучение в нашей школе WEB PRO можно прямо сейчас по ссылке: https://webproschool.ru/

💼 Работать в субботу непривычно, понимаю..
Но должен же быть хоть какой-то островок стабильности в этом мире? 🏝️
Конечно, этот островок наша школа WEB PRO. Мы стабильно продолжаем радовать вас контентом каждую неделю.
В четверг вышло видео по продвинутой вёрстке таблиц, а в 15:00 выходит вёрстка 2 последних секций под десктоп сайта Portfolio Designer.
Продвинутая вёрстка
Вёрстка сайта Portfolio Designer

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

🔔 Всё-таки рабочий день даёт о себе знать. Не увидел от вас пожелания открыть доступ к видео пораньше, хотя я намекал))
Поэтому у нас продолжается стабильность и видео выходит в срок. Приглашаю вместе со мной доверстать десктопную часть Portfolio Desgner.
Видео уже на Youtube и Вконтакте

⌚️ На прошлой неделе все ролики вышли точно в срок, если вдруг вы пропустили, то мы разбирали логические свойства в CSS и адаптировали сайт-портфолио под планшет.
На этой неделе пройдём метатеги и завершим адаптацию сайта-портфолио. Поэтому продолжайте следить за нами на YouTube и Вконтакте 👀

Финал проекта Portfolio Designer уже на канале 🏁

В последнем видео мы адаптируем с вами сайт под телефоны вплоть до 320px, сверстаем и запрограммируем бургер меню, сделаем якорные ссылки и плавную прокрутку по сайту, а также я расскажу как создать вторую страницу. Целый час крутого и полезного контента от меня. Приятного просмотра)
YouTube и Вконтакте

Ну а если вы пропустили выход ролика в четверг по метатегам и фавиконке, то я также дублирую вам его: YouTube и Вконтакте.

Сегодня суббота, а значит должно выйти новое видео от меня..
И оно вышло, но не про сайты, а про моё путешествие этой осенью в Казань. Посмотреть можно здесь.

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

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

Также каждый четверг продолжат выходить ролики от Станислава по продвинутой вёрстке. Он тоже готовит для вас много интересных тем, следите)

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

При написании комментария к посту не забывайте, у нас злющий антиспам бот 🤬 стоит, который удаляет все сообщения, если вы не прошли разовую проверку. Вся инструкция есть в комментариях.

История о том, как выпускник нашей школы взял свой первый заказ.

Андрею 23 года, он обучается в университете и подрабатывает оффлайн. Как он сам говорит: “пришёл не с нулевыми знаниями в программировании, но с нулевыми в вебе”. Обучение заняло 3 месяца на тарифе Комфортный. Андрей прошёл всю программу от основ HTML, CSS и дизайна в фигме, до вёрстки современных и адаптивных сайтов на флексбоксах и гридах, а также программирование на JavaScript. Каждый ученик во время обучения у нас делает несколько сайтов, повторяя по видео за мной, а также несколько самостоятельных индивидуальных проектов вплоть до придумывания идеи и дизайна с нуля. Поэтому под конец обучения у всех наших учеников есть полноценное портфолио из нескольких сайтов с разной начинкой.

Андрей, как и все наши ученики ежедневно получал обратную связь от личного куратора. Личным куратором у Андрея был я и могу сказать, что он очень хорошо себя проявил во процессе обучения и был довольно самостоятельным учеником, то есть не боялся гуглить многие моменты и за счёт этого также черпал много дополнительной информации, которую успешно применял на практике. Чтобы вы понимали, у него по тарифу была возможность взять 2 созвона со мной, дабы более детально разобрать непонятные моменты по теме или задать дополнительные вопросы по сфере сайтов, но он ими не воспользовался, т.к. всё было и так понятно, а обратная связь и ответы на вопросы в текстовом формате были и так исчерпывающими.

После окончания обучения Андрей решил.. как думаете что?.. Обучаться дальше. Честно говоря, я обычно против такого подхода “обучение ради обучения и после обучения пойти ещё на одно обучение”. Как-нибудь в другом посте расскажу более подробно своё виденье этой ситуации, а также объясню почему многие начинающие допускают такую ошибку, когда могли бы уже зарабатывать, они выбирают проходить ещё несколько курсов, обучаясь годами. Тем не менее я всегда рекомендую ученикам после прохождения нашего курса идти и получать коммерческий опыт, беря заказы на фрилансе или трудоустраиваясь в компанию. Но Андрей всё-таки попал в эту ловушку и пошёл обучаться дальше реакту, продолжая подрабатывать вне сферы сайтов.

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

Вообще у меня есть видео, где я рассказываю о том, где взять свой первый заказ. И фриланс площадки - это самый банальный путь, по которому пойдут 95% разработчиков, а значит очень большая конкуренция. Поэтому рекомендую посмотреть видео и узнать о других способах нахождения клиентов. Но так получилось, что через 2 недели пишет Андрей и сообщает, что взял свой первый заказ на фриланс площадке kwork..
Жду реакцию на пост, если интересно продолжение и подробности первого заказа, а заказ там очень необычный и удивительный. Уверен, что многие не взялись бы за него в качестве первого заказа, но не наш герой)

Обзор обучения
Получить первый урок

#выпускник #первыйзаказ

Продолжение истории про первый заказ выпускника нашей школы.

В комментариях под первым постом было раскрыто несколько методов, способствующих взять первый заказ на фрилансе. Но я поделюсь с вами ещё одним методом, которым воспользовался мой ученик - он сделал себе самоотзыв, то есть через другой аккаунт сделал у себя же заказ и написал себе отзыв. Т.к. биржа живёт за счёт комиссии, то подобная авантюра стоила ему 300 рублей по самой минимальной цене. Комиссии везде и всюду (на вводе, переводе и выводе) и по ощущению, что в основном здесь зарабатывают именно владельцы подобных фриланс бирж. Поэтому много отзывов оставить себе не получится) Но всё же даже одна сделка и отзыв уже помогли сделать аккаунт Андрея не пустым, а с некой статистикой.

Понятное дело, Андрей заполнил основную информацию на сайте, прикрепил несколько сайтов в портфолио с обучения и добавил объявление с возможностью заказать сайт с адаптацией под любые экраны. И ему написал заказчик.

А теперь самое интересное - сам заказ. Как я говорил, он необычный и большинство просто не взяли бы его в качестве первого заказа. Клиент отправил макет сайта в виде ВОРДА (в комментариях оставил скриншот ТЗ). Ну вы понимаете, да? Не фигмовский файл, не psd, а в расширении .docx) По сути туда были вставлены скриншоты с другого англоязычного сайта с пожеланием сделать секции в таком же формате и в такой-то последовательности, ну и сами тексты, которые будут на сайте. В ворде всего написано 13 страниц, которые должны преобразоваться в 6 страниц сайта. Понятное дело должна быть адаптация, настроенная форма с обратной связью и всплывающие окна.

Взялись бы вы сами за подобный первый заказа и за какую цену? Пишите в комментариях.
Также ожидаю от вас реакции и в продолжении истории раскрою сколько Андрею удалось заработать за данный заказ.

Обзор обучения
Получить первый урок

#выпускник #первыйзаказ

Продолжаем серию постов по первому заказу, который взял наш выпускник Андрей.

В этот раз расскажу сколько же он получил за свою работу. Но для начала напомню, что Андрей обучался у нас 3 месяца и первый заказ, который он получил, заключался в разработке многостраничного сайта по описанию в WORD, а не привычного всем дизайна в фигме.

Андрей оценил стоимость такого сайта в 9.500 рублей и срок выполнения - 6 дней. Оказалось, что данная стоимость была наименьшей из предложенных. Другие кандидаты предлагали от 12.000 до 50.000 рублей. А 20% от этой суммы забрала себе площадка. Поэтому чистыми вышло 7.600 рублей. Что тоже, согласитесь, очень неплохо для первого заказа.

Единственное, Андрей немного прогадал со временем. И хоть на создание сайта ушло около 5 рабочих дней, всё-таки несколько дней выбились и заказ был сдан после срока. Тем не менее заказчик полностью доволен работой и оставил положительный отзыв (прикрепил в виде фото).

Также Андрей в ходе данного заказа не боялся экспериментировать и продолжать изучать новые для себя технологии. Так например он решил выполнять данный проект при помощи сборщика vite, выгрузил сайт на хостинг и подключил доменную почту, а также настроил саму форму, которая получала данные от пользователя и отправляла заявки на почту заказчика. Согласитесь, очень круто, когда вы обучились базовым навыкам на курсе, а дальше вы продолжаете обучаться, но уже на реальных проектах, за которые вам ещё и платят?)

Кстати, после обучения мы не бросаем наших учеников и держим контакт. Андрей запросил от меня обратную связь, и я в течение нескольких часов полноценно разбирал его работу, дав ему подробный комментарий и по коду, и по улучшениям, и по тому как в будущем не прогадать по времени. Если вам интересно посмотреть на обратную связь от меня, то поставьте реакции под постом.
Также жду ваши комментарии сколько стоил ваш первый заказ, и как вы оцениваете стоимость работы Андрея в качестве первого заказа?

Сайт школы
Обзор обучения
Получить первый урок

#выпускник #первыйзаказ

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

#выпускник #первыйзаказ #обратнаясвязь #куратор

Есть ли у вас предновогоднее настроение? ❄️
Я с этой недели уже полностью окутан всякими новогодними украшениями, гирляндами, ёлкой, под которой каждый день подкладываю подарки. Про вас, кстати, тоже не забываю, поэтому уже поставил в отложенные новые видео по продвинутой вёрстки от Станислава. Выходить будут также каждый четверг в 15 по мск, в том числе и второго января, дабы вы не сбавляли темп и каждую неделю прокачивали свои навыки.

Кстати, вы ещё успеваете в этом году сделать себе самый приятный подарок и записаться на обучение в нашу школу, чтобы уже в начале следующего года обрести профессию верстальщика сайтов и начать свой путь в востребованной it сфере. Ссылки, которые помогут вам в этом, оставлю ниже.

Сайт школы
Обзор обучения
Получить первый урок 🎁