16 курсов по веб-дизайну для создания личного сайта и портфолио

Creator-экономика стала одним из главных феноменов 2020-х — сегодня каждый может монетизировать свои знания и навыки, создавая и продавая контент. Достаточно только запустить лендинг, прикрутить несколько полезных инструментов и грамотно рассказать о себе. Собрали 16 курсов, которые помогут запустить собственный сайт и привлечь аудиторию при минимальных вложениях.

Оставить комментарий
16 курсов по веб-дизайну для создания личного сайта и портфолио

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. 

Записаться

5 площадок для изучения веб-дизайна со скидками до 50%
5 площадок для изучения веб-дизайна со скидками до 50%
По теме
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 часа.

Стоимость: бесплатно. 

Записаться

Курсы по Figma от популярных онлайн-площадок. Есть и бесплатные
Курсы по Figma от популярных онлайн-площадок. Есть и бесплатные
По теме
Курсы по Figma от популярных онлайн-площадок. Есть и бесплатные

Разработка сайта компании в 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 часа и разбирает принципы построения контент-стратегии и контент-маркетинга.
9 курсов по разработке сайтов на WordPress
9 курсов по разработке сайтов на WordPress
По теме
9 курсов по разработке сайтов на WordPress

Хотите сообщить важную новость? Пишите в Телеграм-бот.

А также подписывайтесь на наш Телеграм-канал.

Читайте также

Пассивный доход для программиста: 4 способа заработать до $2000 в месяц
Пассивный доход для программиста: 4 способа заработать до $2000 в месяц
Пассивный доход для программиста: 4 способа заработать до $2000 в месяц
На айтишных форумах можно найти немало историй разработчиков, которые когда-то выпустили полезный тул или запустили блог — и с тех пор получают от проектов стабильный заработок, причем в фоновом режиме. Журнал Better Programming опубликовал краткий гид по источникам пассивного дохода для программистов — делимся главными инсайтами.
4 комментария
Учитесь сейчас — платите потом: Mate Academy предлагает ИТ-курсы в обмен на долю от зарплаты
Учитесь сейчас — платите потом: Mate Academy предлагает ИТ-курсы в обмен на долю от зарплаты
Учитесь сейчас — платите потом: Mate Academy предлагает ИТ-курсы в обмен на долю от зарплаты
Онлайн-школы часто обещают помочь с трудоустройством, но обычно ограничиваются формальной подборкой вакансий. Формат Income Share Agreement меняет правила игры: вы посещаете все занятия бесплатно, а курс оплачиваете только после официального трудоустройства. Разобрались, как это работает, на примере украинской школы Mate Academy, а также собрали три полезных программы для новичков.
6 комментариев
Финансист на удалёнке: три полезных курса по управлению деньгами со скидкой до 35%
Финансист на удалёнке: три полезных курса по управлению деньгами со скидкой до 35%
Финансист на удалёнке: три полезных курса по управлению деньгами со скидкой до 35%
Составить бизнес-план, собрать инвестиционный портфель и подготовить финансовую отчетность — эти навыки на базовом уровне можно освоить онлайн всего за пару месяцев. Собрали полезные курсы от Нетологии для начинающих финансистов и инвесторов.
Учим английский по сериалу Queen’s Gambit вместе с EnglishDom
Учим английский по сериалу Queen’s Gambit вместе с EnglishDom
Учим английский по сериалу Queen’s Gambit вместе с EnglishDom
Люди, которые хотят знать английский язык на высоком уровне, смотрят фильмы и сериалы на языке оригинала. Это интересно и эффективно, а также ускоряет процесс обучения в разы. Вместе с EnglishDom разбираем интересные фразы из популярного сериала Queen’s Gambit («Ход королевы»).

Обсуждение

Комментариев пока нет.
Спасибо! 

Получать рассылки dev.by про белорусское ИТ

Что-то пошло не так. Попробуйте позже