7 курсов по веб-дизайну для создания личного сайта и портфолио
Creator-экономика стала одним из главных феноменов 2020-х — сегодня каждый может монетизировать свои знания и навыки, создавая и продавая контент. Достаточно только запустить лендинг, прикрутить несколько полезных инструментов и грамотно рассказать о себе. Собрали 16 курсов, которые помогут запустить собственный сайт и привлечь аудиторию при минимальных вложениях.
Мы включили в подборку курсы разного уровня сложности. Для создания сайта с помощью zero-code инструментов, таких как Tilda и Canva, не потребуются навыки веб-дизайна. А для работы с DreamWeaver и WordPress пригодятся базовые знания HTML и опыт работы в CMS. Большинство курсов помогает всего за несколько часов собрать собственный сайт с дополнительным набором сервисов, например, вы сможете:
- собрать сайт-портфолио и впечатлять работодателей реальными проектами, а не абстрактными описаниями в резюме;
- запустить собственный интернет-магазин;
- разработать лендинг для стартапа и собирать лиды;
- создать страницу для pet-проекта, который добавит плюсов в профессиональную карму;
- разобраться в основах веб-дизайна и в перспективе освоить новую профессию.
Содержание
Создайте свой сайт-портфолио на HTML и CSS (Coursera)
Coursera предлагает новый формат обучения — Guided Projects, или обучение с ментором. Вы получаете доступ к облачному рабочему столу со всеми необходимыми инструментами и в режиме разделенного экрана выполняете подробные пошаговые инструкции преподавателя. Например, создаете сайт-портфолио, как на этом курсе.
Под руководством веб-разработчика Харрисона Конга вы изучите основные компоненты сайта, разберетесь с инфраструктурой хостинга, а также поймете, как создавать контент при помощи HTML и настраивать формат, используя CSS. Результатом станет собственный сайт-визитка, который вы сразу же загрузите на Github. На старте желательно иметь хотя бы минимальный опыт программирования, но опыт в веб-разработке не обязателен. Формат Guided Projects пока недоступен для просмотра на мобильных устройствах, поэтому для прохождения потребуется ноутбук или компьютер.
Рейтинг: 4.5 из 5.
Продолжительность: 1.5 часа.
Стоимость: подписка на месяц — около $50.
Курс Landing Page (Разработка лендинга) (Нетология)
На курсе вы научитесь разрабатывать и продвигать посадочные страницы для любых проектов — будь то сайт стартапа, интернет-магазин или платформа для консалтинговых услуг.
Вы познакомитесь с основами маркетинга и дизайна, научитесь работать с популярными конструкторами сайтов (Tilda, LPgenerator, Readymag), а также узнаете, как продвигать лендинг и анализировать его эффективность с помощью Яндекс.Метрики и Google Analytics. По итогу обучения вы создадите собственную посадочную страницу, а преподаватели курса оценят ее и дадут советы по оптимизации.
Продолжительность: около 2 месяцев.
Стоимость: ₽14 900 (есть скидки, возможна оплата частями).
Дизайнер сайтов на Tilda (Skillbox)
Tilda — это zero-code платформа, которая позволяет создавать интернет-магазины, лендинги, блоги и сайты людям без навыков веб-дизайна и программирования. На базе сервиса собрано более 450 готовых блоков и шаблонов, из которых можно собрать сайт.
Освоить этот конструктор и научиться разрабатывать сайты поможет курс от Skillbox. На нем студенты познакомятся с редактором Zero Block и системой управления заявками (CRM Tilda), а также научатся встраивать виджеты и скрипты на HTML и JavaScript, мониторить аналитику и вести переговоры с заказчиками. Все модули подкрепляются практикой. Занятия потребуют всего 3-5 часов в неделю, так что курс можно совмещать с работой и другими делами.
Продолжительность: 4 месяца.
Стоимость: ₽35 000 (есть скидки и рассрочка).
Создание посадочных страниц (Landing Page) (Tilda Publishing)
У конструктора сайтов Tilda есть несколько бесплатных курсов и руководств по созданию лендингов. Например, можно с нуля освоить создание конверсионных лендингов как с помощью Tilda, так и других инструментов.
Весь курс разбит на пять блоков. В них пошагово объясняется, что такое посадочные страницы и где их использовать, из каких элементов они состоят, как оптимизировать сайты и отслеживать статистику.
Курс представляет собой учебник с практическими заданиями, в котором теория подкреплена визуалом, понятными примерами и разбором типичных ошибок.
Продолжительность: определяете сами.
Стоимость: бесплатно.
Как создать личный блог: курс «Создание блога на WordPress» (GeekBrains)
Сервис WordPress пользуется огромной популярностью как среди пользователей, так и среди крупных компаний — например, на нем базируется издание Techcrunch и сайт The Walt Disney Company. Изначально платформу создавали для личных блогов, но инструмент оказался настолько удобным, что его стали использовать и в бизнесе. Сегодня на WordPress работает около 30% всех веб-сайтов.
Видеокурс от GeekBrains поможет быстро изучить основы работы с WordPress и создать первый сайт, при этом вам не понадобятся ни навыки программирования, ни знание веб-дизайна. Программа разбита на 13 коротких уроков, которые объяснят, как устанавливать WordPress на хостинг, выбирать тему оформления, добавлять рубрики, метки, формы обратной связи, интегрировать ваш блог с социальными сетями и продвигать его.
Рейтинг: 4.8 из 5.
Продолжительность: определяете сами.
Стоимость: бесплатно.
Простой AF веб-дизайн для вашего бизнеса со Squarespace (Udemy)
Конструктор сайтов Squarespace был разработан в начале 2000-х одноименной американской компанией. Для работы с ним, как и с другими похожими инструментами, вам не понадобится писать код. В основе интерфейса Squarespace лежит принцип drag-and-drop — вы просто перетягиваете и структурируете нужные блоки и элементы. Обычно сервис используют для создания интернет-магазинов или лендингов для кофеен и ресторанов.
На курсе Udemy вы создадите бесплатный пробный аккаунт в Squarespace, изучите интерфейс, функции и возможности платформы, а также познакомитесь с основами SEO-оптимизации, узнаете, как купить и настроить домен.
Преподаватель, веб-дизайнер Меган Дориен, не только научит работать со Squarespace, но также поделится советами и профессиональными хитростями, которые сделают сайт более современным и привлекательным. Кстати, большинство лекций курса — это скринкасты, так что вы сможете учиться, наблюдая за работой инструктора.
Рейтинг: 4.5 из 5.
Продолжительность: 3 часа видео.
Стоимость: около $55 (есть скидки).
Ваш первый сайт с Dreamweaver (Udemy)
Dreamweaver позволяет быстро и без особых сложностей создавать адаптивные веб-сайты. Эта не платформа или конструктор, а среда разработки. Она поддерживает такие языки, как HTML, CSS и JavaScript, включает множество настраиваемых шаблонов и позволяет управлять версиями через Git. Сервис входит в экосистему Adobe Creative Suite и считается профессиональным инструментом, поэтому новичкам нужно заложить чуть больше времени на его освоение.
Курс Дэниэла Уолтера Скотта, сертифицированного инструктора по Dreamweaver, шаг за шагом разбирает принципы разработки сайтов: от первой веб-страницы до запуска готового продукта. Вы разберетесь с основами HTML и CSS, создадите мобильную и десктопную версии сайта, а еще получите представление о работе фронтенд-разработчика. Интересно, что с помощью Dreamweaver созданы многие известные сайты — например, сайт журнала WIRED.
Рейтинг: 4.5 из 5.
Продолжительность: 2 часа видео.
Стоимость: около $116 (есть скидки).
Использование Canva для создания десктопных и мобильных версий веб-страниц (Coursera)
Графический редактор Canva используют как для создания сторис в Instagram, так и для дизайна полноценных лендингов. Главное преимущество сервиса — это встроенные шаблоны, доступ к стоковым фотографиям, иллюстрациям и шрифтам, а также адаптивность — Canva автоматически подстраивает контент под конкретную платформу.
Курс дает возможность бесплатно попрактиковаться, следуя инструкциям преподавателя. На занятиях всего за пару часов вы создадите аккаунт в Canva, разберетесь с панелью управления, разработаете несколько веб-страниц и разместите их в сети.
Рейтинг: 4.9 из 5.
Продолжительность: 2 часа.
Стоимость: бесплатно.
Разработка сайта компании в Wix (Coursera)
Курс разбирает основные нюансы платформы Wix — еще одного zero-code сервиса, который, как и Tilda, не требует навыков программирования. С его помощью вы можете выбрать подходящий шаблон, добавить анимацию, настроить аналитику и SEO.
За несколько часов вы научитесь создавать сайты в Wix: редактировать текст, изменять настройки, управлять шаблонами. На этом курсе вы работаете в режиме разделенного экрана — в одном поле следите за инструкциями, а в другом выполняете задачи.
Рейтинг: 4.6 из 5.
Продолжительность: 2 часа.
Стоимость: бесплатно.
Создаем адаптивный сайт-портфолио: JavaScript и HTML (Udemy)
Сайт-портфолио — must-have для любого разработчика, и на этом курсе вы создадите проект с нуля, используя JavaScript и HTML.
Курс ведет разработчик Microsoft Рис Кенни — автор последовательно разбирает все этапы создания сайта при помощи HTML, CSS, JavaScript и библиотеки JQuery. Вы научитесь добавлять на сайт слайдер, статистику, меню навигации, а также использовать сторонние инструменты. Благодаря опыту в разработке, Кенни знает, какие требования предъявляют работодатели к портфолио у ИТ-специалистов и как улучшить контент с учетом этой специфики.
Рейтинг: 4.7 из 5.
Продолжительность: 4 часа видео.
Стоимость: около $61 (есть скидки).
Как сделать качественный сайт на WordPress за 40 часов (Практик Консалт)
Авторский курс от директора агентства id:Result Вадима Шлыкова, который занимается интернет-маркетингом уже более 20 лет. Программа поможет за несколько дней создать бизнес-сайт с помощью WordPress.
Шлыков предлагает практическое руководство, которое разбирает, как регистрировать и настраивать домен и хостинг, работать с WordPress и управлять CMS, а также защищать сайт от спама и взлома.
Обучение разделено на 9 тематическом блоков и 18 коротких уроков, которые разбирают не только веб-дизайн, но и работу с контентом и SEO.
Продолжительность: 5 дней на прохождение.
Стоимость: ₽9 990 (или ₽4995 со скидкой 50% по промокоду devby50).
Бонус: 5 бесплатных мини-курсов и мастер-классов по веб-дизайну
- Как сделать продающий лендинг: короткий мастер-класс разбирает, чем отличается лендинг от сайта-визитки и какие блоки нужно не забыть добавить при создании продающего сайта
- Основы вёрстки сайта: короткий курс по основам HTML и CSS.
- Основы Figma: 7 часов теории и 10 часов практики по работе с графическим редактором Figma.
- Первый шаг в графическом дизайне: бесплатный курс по работе с Canva, который расскажет, как оформить презентацию, соцсети и даже брендбук.
- Как создавать контент для бизнеса: мини-курс от специалиста по контенту в Яндексе включает 3 занятия по 1,5 часа и разбирает принципы построения контент-стратегии и контент-маркетинга.
Читать на dev.by