Полные новички и студенты
Курс подойдет полным новичкам в сайтостроении, студентам и тем, кто решил сменить профессию, связать свою жизнь с веб-разработкой, вёрсткой и веб-дизайном
Как за 1-2 месяца овладеть современной адаптивной версткой, даже если сейчас вы не знакомы с азами HTML и CSS?
Овладейте современной адаптивной версткой с нуля
Новейшие стандарты: HTML5, CSS3, Sass, Gulp, Flexbox, Grid…
Реально много практики: три работы в портфолио по итогу
Только то, что применяется в реальной жизни и востребовано
Курс подойдет полным новичкам в сайтостроении, студентам и тем, кто решил сменить профессию, связать свою жизнь с веб-разработкой, вёрсткой и веб-дизайном
Благодаря крутым бонусным видеокурсам и продуманной программе курса, вы получите весь необходимый базис для старта карьеры успешного верстальщика.
Не важно, фронтендер вы, бэкендер или фуллстек-вебмастер. Знания из этого видеокурса являются обязательными при трудоустройстве в любую веб-студию.
Этот курс идеально подойдет для старта, если вы делаете первые шаги в верстке и дизайне как фрилансер и хотите получать приличные гонорары прямо на старте карьеры фрилансера.
MustHave для любого веб-дизайнера. Узнайте процесс верстки изнутри и ваша ценность на рынке вырастет – пропорционально объему востребованных навыков.
Как самостоятельно вносить правки в свои лендинги, чтобы не прибегать к услугам сторонних верстальщиков, экономьте свое время, деньги и нервы
Верстка обладает самым низким порогом предъявляемых к соискателям требований среди прочих специальностей веб-разработки. Поэтому наш видеокурс особенно актуален для новичков.
После ответственного изучения курса и небольшого периода практики даже абсолютные новички за считанные недели получат возможность сделать резкий рывок вперед на пути к карьере успешного верстальщика, веб-разработчика или веб-дизайнера.
Мы показываем только то, что реально применяется и востребовано в практике современной вёрстки.
Курс построен по принципу «от простого к сложному». Сначала мы изучаем необходимую теорию, потом сразу закрепляем строго изученную теорию на верстке макетов сайтов. Ничего лишнего.
По итогам изучения видеокурса вы получите весь набор знаний, навыков и инструментов для того, чтобы стать верстальщиком и успешно выдерживать конкуренцию на современном рынке.
Повторяя по шагам за автором, вы сверстаете с полного нуля 3 современных сайта: сайта креативного агентства, лендинга мобильного приложения и лендинга подбора подарков (скриншоты представлены ниже).
Макеты созданы как с помощью Photoshop, так и в набирающем популярность веб-сервисе Figma.
Итоговыми работами вы сможете наполнить ваше портфолио и продемонстрировать свою квалификацию перед работодателями и заказчиками на фрилансе.
Новый видеокурс от Webformyself дает только востребованные современные технологии и стандарты верстки. Только то, за что работодатели и заказчики готовы платить.
После прохождения курса и небольшой практики вы узнаете, как выполнять верстку практически любой сложности с использованием современных стандартов верстки:
HTML5
CSS3
Препроцессор Sass
Сборщик проектов Gulp
Flexbox
CSS Grid Layout
Медиазапросы
Градиенты
Множественные фоны
Новые инструменты с фонами
Анимации
Трансформации
Адаптивная графика
Адаптивное видео
Адаптация таблиц
Адаптация любого контента
5 частей
85 уроков
14часов видео
3 сверстанных макета
Часть 1
Основы HTML
В данном блоке мы начнем изучать язык разметки HTML. В курсе мы узнаем все теги, которыми пользуются веб-верстальщики каждый день и узнаем, как их применять.
Узнаем, что такое HTML-документ, из каких частей он состоит. Рассмотрим теги для оформления текста, ссылок, картинок. Рассмотрим теги, с помощью которых можно делать формы для отправки данных. Узнаем, как можно вставить видео и аудио на HTML-страницу и многое другое, что нам еще может понадобиться при создании HTML-страниц.
Часть 2
Основы CSS
Чтобы оформить внешний вид страницы – нужен CSS. Именно с помощью CSS мы задаем цвет текста, указываем шрифт и его размер, назначаем цвет для ссылок… Все это делается с помощью CSS-свойств и их значений.
В этом блоке мы изучим те свойства CSS, без которых не обходиться верстка ни одного макета. Изучим свойства для текста, шрифта, отступы для блоков, позиционирование, узнаем, как сделать фон для страницы и многое другое, с чем верстальщики работают каждый день.
Часть 3
Практика. Верстка сайта креативного агентства
После того, как мы изучили необходимую теорию самое время приступить к практике и закрепить полученные знания при верстке реальной страницы сайта.
Будет показана верстка простой страницы сайта креативного агентства. При верстке страницы не используется ничего, что бы мы уже не изучили.
Часть 4
Практика. Верстка лендинга мобильного приложения
В данной части курса подразумевается, что вы уже знаете базовый HTML, CSS и вы умеете их применять при верстке страниц. У вас уже есть знания по более расширенному CSS3, и есть знания по Flex.
Кроме этого, у вас должно быть понимание, как работают медиазапросы и как их применять. Все эти знания мы будем применять при верстке реального макета лендинга мобильного приложения. Полученных знаний нам будет уже достаточно, чтобы верстать достаточно сложные макеты.
Часть 5
Практика. Верстка лендинга подбора подарков
В данной практической части курса мы еще больше усовершенствуем свои знания и навыки. Будем использовать еще больше инструментов, которые ускоряют процесс верстки, автоматизируют некоторые задачи и делают процесс верстки более упорядоченным и последовательным.
У вас уже есть необходимые знания по CSS Grid, препроцессору Sass и Gulp.
Макет сайта по подбору подарков, который мы с вами будем верстать, создан в популярной программе Figma.
В комплекте с основным видеокурсом мы предоставляем 6 премиальных авторских видеокурсов нашего издательства (уже включены в стоимость). Они дадут все недостающие азы любому новичку.
*Рекомендуемую последовательность изучения материалов основного курса и бонусных курсов – смотрите в разделе ответов на частые вопросы (в самом низу этого сайта).
6 бонусных курсов
17 часов видео
65бонусных уроков
Бонус 1. Премиум-курс «CSS3. Основы»
В премиум-курсе рассматриваются основы CSS3, наиболее востребованные и актуальные в процессе верстки.
Спецификация CSS3 предоставляет нам множество возможностей и свойств, при помощи которых можно реализовывать различные визуальные эффекты, некоторые из которых ранее применялись только с использованием JavaScript или изображений.
Видеокурс продемонстрирует на практике множество новых возможностей и свойств CSS3, которые сделают вашу работу более продуктивной и комфортной.
Бонус 2. Премиум-курс «Flexbox»
В видеокурсе рассматривается CSS-модуль Flexbox, используя который можно верстать гибкие макеты различной сложности, при этом не используя float и inline-block.
Изучаются все основные свойства, которые нам предоставляет Flexbox. Также по шагам разобраны необходимые в процессе верстки полезные функции модуля.
В каждом уроке разбирается не только теория, но и приводятся примеры, касающиеся изучаемых CSS-свойств Flexbox.
В практической части показывается верстка макета с чистого листа, начиная от написания структуры HTML и заканчивая CSS-стилями.
Бонус 3. Премиум-курс «Введение в Gulp»
Gulp – это таск-менеджер, который позволяет автоматизировать выполнение часто встречаемых операций.
Например, Gulp может объединять несколько CSS- или JS-файлов в один и уменьшить их размер. Может сжимать изображения, следить за изменениями в файлах и обновлять страницу при внесении изменений. И многое другое.
Мы детально разберем: как работает инструмент Gulp, где брать для него плагины, как их устанавливать, подключать и использовать.
Бонус 4. Премиум-курс «Препроцессор Sass»
CSS-препроцессор Sass — это профессиональный инструмент, который должен освоить каждый web-разработчик.
Написание кода с его использованием становится более простым и понятным, однако это является далеко не основным преимуществом препроцессора.
Самое главное преимущество в том, что ваша разработка ускоряется в несколько раз, при этом множество однотипных операций можно выполнить всего лишь одной строкой кода.
Помимо этого, появляется возможность использования переменных, вложенных селекторов, создания функций, условий, циклов, миксинов и множество других операций.
Бонус 5. Премиум-курс «CSS Grid Layout»
Мы познакомимся с очень популярным модулем CSS Grid Layout, который позволяет строить двумерные сетки и создавать довольно удобные и гибкие пользовательские интерфейсы.
В рамках курса будут рассмотрены все основные понятия, которые нужно освоить для дальнейшей работы и осознания того, из чего состоят сетки.
Также мы постепенно погрузимся в изучение работы различных свойств, предназначенных для создания grid-контейнера, разметки, размеров колонок и рядов, именования grid-линий и многих других возможностей для работы с grid-элементами и grid-контейнером.
По окончанию теоретической части мы закрепим полученные знания и сверстаем макет при помощи технологии Grid.
Бонус 6. Премиум-курс «Теория и практика адаптивной верстки»
Будут разобраны теоретические основы и практические аспекты, касающихся реализации адаптивной верстки.
Адаптивная верстка подразумевает под собой верстку, при которой внешний вид сайта удобен для взаимодействия с пользователем на различных устройствах. Иначе говоря, блоки сайта динамически подстраиваются под различные разрешения экрана.
Также в уроках курса рассмотрены различные техники при работе с медиазапросами, изображениями, текстом, видео и другими элементами.
Якименко Сергей
Игорь Очеретный
Андрей Николаев
Владимир Трунов
«Материалы удивили своей подробностью и качеством»
Сейчас уже не вспомню, как и когда я впервые попал на webformyself.com, но материалы, предлагаемые на этом ресурсе, удивили своей подробностью и качеством подаваемого материала.
Я нашел ответы на то, что раньше не понимал, и многое встало на свои места.
Очень много полезного и нового для себя узнал в курсе по HTML5 и CSS3. Многое из почерпнутых знаний я уже применил в своих разработках.
Якименко Сергей
г. Москва
«Webformyself.com — незаменимый помощник для каждого верстальщика, веб-дизайнера, программиста или обычного блогера»
Избранный командой WebForMySelf формат уроков, а также потрясающая наглядность и доступность для понимания абсолютными новичками, делают ресурс webformyself.com незаменимым помощником для каждого верстальщика, веб-дизайнера, программиста или обычного блогера, который хочет быть настоящим хозяином своего интернет-проекта, способным на самом деле его контролировать и достигать любых поставленных целей.
Я с удовольствием получаю уведомления о появлении каждого нового урока от ребят из WebForMySelf и с чистой совестью рекомендую этот замечательный ресурс своим подписчикам. Так держать, парни!
Игорь Очеретный
«Продукт действительно качественный»
Продукт действительно качественный, сразу видно, что автор наклепал уже не одну сотню сайтов. В курсе подробно, даже детально всё разжёвывается, что и как нужно делать.
Об авторах коротко хочется сказать следующее: парни, Вы молодцы продолжайте в том же духе!
Покупкой доволен! -))
Андрей Николаев
«Считаю, что мне повезло. здесь ребята просто честно делают свое дело»
Что мне особенно импонирует, так это отсутствие назойливости у команды WebForMyself, чем грешат очень многие в интернете. Я ни разу не слышал от них чего-нибудь вроде «Наш видеокурс поможет вам разбогатеть, даже если вы ничего не знаете и не хотите знать! Купите наш видеокурс - и доллары сами будут за вами бегать!».
Нет, здесь ребята просто честно делают свое дело, делятся тем, что сами знают и умеют, и совершенно справедливо хотят получить за свой труд разумное вознаграждение.
А за ценность и качество выдаваемой ими информации я могу поручиться (и уверен, что буду не одинок).
Владимир Трунов
Наши ближайшие конкуренты (если их можно назвать конкурентами) за сопоставимые деньги дают в разы меньше теории и практики.
А их материал не идёт ни в какое сравнение по новизне и качеству с нашим новым курсом.
Просто попробуйте и оцените сами – наша гарантия снимает с вас все риски (о гарантиях читайте ниже).
Верстальщики крайне востребованы не только в веб-студиях или компаниях, занимающихся созданием сайтов на заказ.
Эти профессионалы также нужны в интернет-СМИ, рекламных агентствах, IT-отделах некоторых организаций. Прибавьте сюда тысячи вакансий на удалёнке и заказов на фрилансе.
Верстальщики очень популярны на биржах фриланса.
На соответствующие биржи за их услугами обращаются веб-студии, предприниматели и рекламщики: для создания лендингов, а также внесения правок в существующие сайты.
Зарабатывать на фрилансе верстальщику до 100 000 рублей в месяц более чем реально.
Гарантия №1
Безусловная гарантия возврата
Мы гарантируем вам полный безусловный возврат стоимости курса, если по каким-либо причинам вы посчитаете, что он оказался вам бесполезным.
Для этого просто напишите в нашу службу поддержки. Деньги вы сможете получить обратно любым удобным вам способом по первому же требованию. Срок действия гарантии возврата средств – 90 дней.
Даже если вы потребуете свои деньги назад по гарантии, курс остается у вас навсегда*, и вы полностью лишены любого риска вашей неудовлетворённости.
Гарантия №2
Гарантия качества и актуальности
Все уроки — авторские, актуальные, подробные и тщательно подготовлены лично автором видеокурса: профессиональным веб-разработчиком Андреем Бернацким. Материалы основного и бонусных видеокурсов даются в строгой последовательности по принципу «от простого к сложному» и практически полностью лишены «воды». Только самые актуальные и востребованные знания и навыки.
Повторяя по шагам за автором, вы сверстаете с полного нуля 3 современных сайта: сайта креативного агентства, лендинга мобильного приложения и лендинга подбора подарков.
После прохождения курса и небольшой практики вы узнаете, как выполнять верстку практически любой сложности с использованием современных стандартов верстки: HTML5, CSS3, Sass и Gulp, Flex, Grid и т.д.
Гарантия №3
Гарантия получения курса
Этот видеокурс предоставляется только в электронном виде – ссылка на скачивание на ваш жесткий диск будет доступна сразу же после оплаты.
Вам не придется ждать доставки диска по почте – вы сможете скачать курс без ограничений на максимальной скорости и тотчас же приступить к просмотру видеоуроков.
В какой последовательности рекомендуется проходить курс?
При овладении версткой рекомендуется следующая последовательность прохождения курса:
На какой период рассчитано изучение?
Если уделять изучению курса 2-3 часа ежедневно, то в таком темпе можно очень хорошо освоить курс в течение 2-3 месяцев, даже с полного нуля.
Время рекомендуется распределять следующим образом: 1 час – изучаем теорию, и 1-2 часа – внедряем полученные знания на практике.
Если у вас изначально были уже какие-то знания по верстке, то процесс изучения будет идти быстрее.
Получится ли у меня?
Не получится только в том случае, если вы сами ничего не будете делать! В остальных случаях – у вас все обязательно получится.
Какие минимальные знания требуются для изучения курса?
Этот видеокурс ориентирован на абсолютных новичков. Никаких предварительных знаний, кроме уверенного владения ПК, не требуется.
А что, если в процессе изучения я пойму, что это не моё?
Webformyself гарантирует вам полный возврат стоимости курса в течение 90 дней по первому требованию, если вы по каким-либо причинам вы посчитаете, что курс оказался вам бесполезным.
Этого времени более чем достаточно, чтобы сделать обоснованные выводы. Все денежные риски мы полностью берем на себя (смотрите наши гарантии – выше по тексту).
Можно ли смотреть данный видеокурс на OS X (Mac OS)?
Да. Этот видеокурс можно изучать как в Windows, так и в OS X (Mac OS). Он открывается в любом современном браузере.
Ограничено ли количество устройств, на которых я могу изучать курс?
Нет, не ограничено. Вы можете запускать курс на любом компьютере без ограничений.
Я не из России, могу ли я купить ваш курс?
Вы можете приобрести наш курс из любой точки мира, если найдете для себя доступный способ оплаты. В любом случае, вы можете обратиться в нашу службу поддержки и мы попытаемся что-нибудь придумать.
Какие виды оплаты вы принимаете?
JustClick — возможность оплаты следующими способами: Visa, MasterCard, электронные деньги (Вебмани, Киви, Яндекс-деньги), интернет-банкинг, терминалы и салоны связи (Евросеть, Связной, Яндекс-деньги), платежные системы (RBKMoney), денежные переводы (Банковский перевод, Альфа-клик, Промсвязьбанк, Контакт, Лидер).
PayPal — международная система оплаты PayPal.
Остались еще вопросы? Напишите нам!
Если у вас остались вопросы по материалам курса или процессу оплаты, напишите нам в службу поддержки. Мы гарантированно ответим в самое ближайшее время и попытаемся вам помочь.