Support us

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

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

Оставить комментарий
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 часа.

Записаться

Создание посадочных страниц (Landing Page) (Tilda Publishing)

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

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

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

Продолжительность: определяете сами.

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

Записаться

Рисовать персонажей или интерфейсы: курсы, чтобы стать крутым дизайнером
Рисовать персонажей или интерфейсы: курсы, чтобы стать крутым дизайнером
По теме
Рисовать персонажей или интерфейсы: курсы, чтобы стать крутым дизайнером

Простой AF веб-дизайн для вашего бизнеса со Squarespace (Udemy)

Конструктор сайтов Squarespace был разработан в начале 2000-х одноименной американской компанией. Для работы с ним, как и с другими похожими инструментами, вам не понадобится писать код. В основе интерфейса Squarespace лежит принцип drag-and-drop — вы просто перетягиваете и структурируете нужные блоки и элементы. Обычно сервис используют для создания интернет-магазинов или лендингов для кофеен и ресторанов.

На курсе Udemy вы создадите бесплатный пробный аккаунт в Squarespace, изучите интерфейс, функции и возможности платформы, а также познакомитесь с основами SEO-оптимизации, узнаете, как купить и настроить домен.

Преподаватель, веб-дизайнер Меган Дориен, не только научит работать со Squarespace, но также поделится советами и профессиональными хитростями, которые сделают сайт более современным и привлекательным. Кстати, большинство лекций курса — это скринкасты, так что вы сможете учиться, наблюдая за работой инструктора. 

Рейтинг: 4.5 из 5.

Продолжительность: 3 часа видео.

Записаться

Ваш первый сайт с Dreamweaver (Udemy)

Dreamweaver позволяет быстро и без особых сложностей создавать адаптивные веб-сайты. Эта не платформа или конструктор, а среда разработки. Она поддерживает такие языки, как HTML, CSS и JavaScript, включает множество настраиваемых шаблонов и позволяет управлять версиями через Git. Сервис входит в экосистему Adobe Creative Suite и считается профессиональным инструментом, поэтому новичкам нужно заложить чуть больше времени на его освоение.

Курс Дэниэла Уолтера Скотта, сертифицированного инструктора по Dreamweaver, шаг за шагом разбирает принципы разработки сайтов: от первой веб-страницы до запуска готового продукта. Вы разберетесь с основами HTML и CSS, создадите мобильную и десктопную версии сайта, а еще получите представление о работе фронтенд-разработчика. Интересно, что с помощью Dreamweaver созданы многие известные сайты — например, сайт журнала WIRED.

Рейтинг: 4.5 из 5.

Продолжительность: 2 часа видео.

Записаться

Использование Canva для создания десктопных и мобильных версий веб-страниц (Coursera) 

Графический редактор Canva используют как для создания сторис в Instagram, так и для дизайна полноценных лендингов. Главное преимущество сервиса — это встроенные шаблоны, доступ к стоковым фотографиям, иллюстрациям и шрифтам, а также адаптивность — Canva автоматически подстраивает контент под конкретную платформу. 

Курс дает возможность бесплатно попрактиковаться, следуя инструкциям преподавателя. На занятиях всего за пару часов вы создадите аккаунт в Canva, разберетесь с панелью управления, разработаете несколько веб-страниц и разместите их в сети. 

Рейтинг: 4.9 из 5.

Продолжительность: 2 часа.

Записаться

Креативный кодинг и линогравюра — 10 полезных хобби для дизайнера
Креативный кодинг и линогравюра — 10 полезных хобби для дизайнера
По теме
Креативный кодинг и линогравюра — 10 полезных хобби для дизайнера

Разработка сайта компании в 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 часа видео.

Записаться

9 курсов по разработке сайтов на WordPress
9 курсов по разработке сайтов на WordPress
По теме
9 курсов по разработке сайтов на WordPress
Читайте также
Один агент для рабочих чатов: Hermes, который помнит о вас почти всё
Один агент для рабочих чатов: Hermes, который помнит о вас почти всё
Один агент для рабочих чатов: Hermes, который помнит о вас почти всё
Перед рабочим вопросом к модели обычно приходится проводить короткий инструктаж. Что это за проект, как устроены релизы, почему команда отказалась от очевидного варианта две недели назад. Пока всё перескажешь, проще уже сделать самому. Открытый агент Hermes предлагает другой вариант.
Сколько ещё задачек на LeetCode нужно решить, если готовитесь к собеседованию на сеньора
Сколько ещё задачек на LeetCode нужно решить, если готовитесь к собеседованию на сеньора
Сколько ещё задачек на LeetCode нужно решить, если готовитесь к собеседованию на сеньора
Стив Хьюинь 17 лет проработал в Amazon, дослужился до главного инженера и провёл почти тысячу собеседований. По его наблюдениям, кандидат тратит на техническую подготовку 95% времени и только 5% на всё остальное. А те, кто не получил оффер, редко проваливались из-за техники: подводило то, как они себя подавали. Разбираем, сколько алгоритмов действительно хватит для собеседования на сеньора и куда деть остальное время.
3 комментария
Год перерыва в IT: c какой ступеньки лучше возвращаться в профессию
Год перерыва в IT: c какой ступеньки лучше возвращаться в профессию
Год перерыва в IT: c какой ступеньки лучше возвращаться в профессию
После перерыва в карьере есть три пути: вернуться джуном, пойти на оплачиваемую программу для возвращающихся (returnship) или сразу откликаться на свой уровень. Разбираем, кому что подходит и когда шаг вниз всё-таки оправдан.
2 комментария
Пять лет в одном грейде: Искать работу с должностью повыше или попробовать сменить задачи?
Пять лет в одном грейде: Искать работу с должностью повыше или попробовать сменить задачи?
Пять лет в одном грейде: Искать работу с должностью повыше или попробовать сменить задачи?
«Начинает казаться, будто я знаю, что делаю, — верный признак, что дело неладно». Чарити Мейджорс, сооснователь Honeycomb, так описывает момент, когда ей пора менять роль. Если вы который год на одном грейде, знаете проект наизусть, а все места над вами заняты, рука сама тянется к вакансиям с тайтлом повыше. Впрочем, новая должность  не единственный способ снова оказаться там, где вы чего-то не знаете.

Хотите сообщить важную новость? Свяжитесь с редакцией через страницу контактов

Главные события и полезные ссылки в нашем Telegram-канале

Обсуждение
Комментируйте без ограничений

Релоцировались? Теперь вы можете комментировать без верификации аккаунта.

Комментариев пока нет.