7 курсов по веб-дизайну для создания личного сайта и портфолио
Creator-экономика стала одним из главных феноменов 2020-х — сегодня каждый может монетизировать свои знания и навыки, создавая и продавая контент. Достаточно только запустить лендинг, прикрутить несколько полезных инструментов и грамотно рассказать о себе. Собрали 16 курсов, которые помогут запустить собственный сайт и привлечь аудиторию при минимальных вложениях.
Creator-экономика стала одним из главных феноменов 2020-х — сегодня каждый может монетизировать свои знания и навыки, создавая и продавая контент. Достаточно только запустить лендинг, прикрутить несколько полезных инструментов и грамотно рассказать о себе. Собрали 16 курсов, которые помогут запустить собственный сайт и привлечь аудиторию при минимальных вложениях.
Мы включили в подборку курсы разного уровня сложности. Для создания сайта с помощью zero-code инструментов, таких как Tilda и Canva, не потребуются навыки веб-дизайна. А для работы с DreamWeaver и WordPress пригодятся базовые знания HTML и опыт работы в CMS. Большинство курсов помогает всего за несколько часов собрать собственный сайт с дополнительным набором сервисов, например, вы сможете:
собрать сайт-портфолио и впечатлять работодателей реальными проектами, а не абстрактными описаниями в резюме;
запустить собственный интернет-магазин;
разработать лендинг для стартапа и собирать лиды;
создать страницу для pet-проекта, который добавит плюсов в профессиональную карму;
разобраться в основах веб-дизайна и в перспективе освоить новую профессию.
Содержание
Создайте свой сайт-портфолио на HTML и CSS (Coursera)
Coursera предлагает новый формат обучения — Guided Projects, или обучение с ментором. Вы получаете доступ к облачному рабочему столу со всеми необходимыми инструментами и в режиме разделенного экрана выполняете подробные пошаговые инструкции преподавателя. Например, создаете сайт-портфолио, как на этом курсе.
Под руководством веб-разработчика Харрисона Конга вы изучите основные компоненты сайта, разберетесь с инфраструктурой хостинга, а также поймете, как создавать контент при помощи HTML и настраивать формат, используя CSS. Результатом станет собственный сайт-визитка, который вы сразу же загрузите на Github. На старте желательно иметь хотя бы минимальный опыт программирования, но опыт в веб-разработке не обязателен. Формат Guided Projects пока недоступен для просмотра на мобильных устройствах, поэтому для прохождения потребуется ноутбук или компьютер.
Создание посадочных страниц (Landing Page) (Tilda Publishing)
У конструктора сайтов Tilda есть несколько бесплатных курсов и руководств по созданию лендингов. Например, можно с нуля освоить создание конверсионных лендингов как с помощью Tilda, так и других инструментов.
Весь курс разбит на пять блоков. В них пошагово объясняется, что такое посадочные страницы и где их использовать, из каких элементов они состоят, как оптимизировать сайты и отслеживать статистику.
Курс представляет собой учебник с практическими заданиями, в котором теория подкреплена визуалом, понятными примерами и разбором типичных ошибок.
Рисовать персонажей или интерфейсы: курсы, чтобы стать крутым дизайнером
Простой AF веб-дизайн для вашего бизнеса со Squarespace (Udemy)
Конструктор сайтов Squarespace был разработан в начале 2000-х одноименной американской компанией. Для работы с ним, как и с другими похожими инструментами, вам не понадобится писать код. В основе интерфейса Squarespace лежит принцип drag-and-drop — вы просто перетягиваете и структурируете нужные блоки и элементы. Обычно сервис используют для создания интернет-магазинов или лендингов для кофеен и ресторанов.
На курсе Udemy вы создадите бесплатный пробный аккаунт в Squarespace, изучите интерфейс, функции и возможности платформы, а также познакомитесь с основами SEO-оптимизации, узнаете, как купить и настроить домен.
Преподаватель, веб-дизайнер Меган Дориен, не только научит работать со Squarespace, но также поделится советами и профессиональными хитростями, которые сделают сайт более современным и привлекательным. Кстати, большинство лекций курса — это скринкасты, так что вы сможете учиться, наблюдая за работой инструктора.
Dreamweaver позволяет быстро и без особых сложностей создавать адаптивные веб-сайты. Эта не платформа или конструктор, а среда разработки. Она поддерживает такие языки, как HTML, CSS и JavaScript, включает множество настраиваемых шаблонов и позволяет управлять версиями через Git. Сервис входит в экосистему Adobe Creative Suite и считается профессиональным инструментом, поэтому новичкам нужно заложить чуть больше времени на его освоение.
Курс Дэниэла Уолтера Скотта, сертифицированного инструктора по Dreamweaver, шаг за шагом разбирает принципы разработки сайтов: от первой веб-страницы до запуска готового продукта. Вы разберетесь с основами HTML и CSS, создадите мобильную и десктопную версии сайта, а еще получите представление о работе фронтенд-разработчика. Интересно, что с помощью Dreamweaver созданы многие известные сайты — например, сайт журнала WIRED.
Использование Canva для создания десктопных и мобильных версий веб-страниц (Coursera)
Графический редактор Canva используют как для создания сторис в Instagram, так и для дизайна полноценных лендингов. Главное преимущество сервиса — это встроенные шаблоны, доступ к стоковым фотографиям, иллюстрациям и шрифтам, а также адаптивность — Canva автоматически подстраивает контент под конкретную платформу.
Курс дает возможность бесплатно попрактиковаться, следуя инструкциям преподавателя. На занятиях всего за пару часов вы создадите аккаунт в Canva, разберетесь с панелью управления, разработаете несколько веб-страниц и разместите их в сети.
Креативный кодинг и линогравюра — 10 полезных хобби для дизайнера
Разработка сайта компании в Wix (Coursera)
Курс разбирает основные нюансы платформы Wix — еще одного zero-code сервиса, который, как и Tilda, не требует навыков программирования. С его помощью вы можете выбрать подходящий шаблон, добавить анимацию, настроить аналитику и SEO.
За несколько часов вы научитесь создавать сайты в Wix: редактировать текст, изменять настройки, управлять шаблонами. На этом курсе вы работаете в режиме разделенного экрана — в одном поле следите за инструкциями, а в другом выполняете задачи.
Создаем адаптивный сайт-портфолио: JavaScript и HTML (Udemy)
Сайт-портфолио — must-have для любого разработчика, и на этом курсе вы создадите проект с нуля, используя JavaScript и HTML.
Курс ведет разработчик Microsoft Рис Кенни — автор последовательно разбирает все этапы создания сайта при помощи HTML, CSS, JavaScript и библиотеки JQuery. Вы научитесь добавлять на сайт слайдер, статистику, меню навигации, а также использовать сторонние инструменты. Благодаря опыту в разработке, Кенни знает, какие требования предъявляют работодатели к портфолио у ИТ-специалистов и как улучшить контент с учетом этой специфики.
5 приложений для цифрового детокса, которые точно работают — тестируем и сравниваем
Приложения для смартфонов спроектированы так, что «быстренько посмотреть» не работает. Стоит открыть, к примеру, Instagram, как оказываешься в чужом румтуре, изучаешь особенности воспитания мопсов или смотришь видео про то, как правильно хранить авокадо. И это еще не самая худшая из версий думскроллинга.
Как Кремниевая долина избавляется от телефонной зависимости и отказывается от собственных приложений
Вы на секунду берёте телефон, чтобы ответить в Telegram или прочитать SMS от банка. А через полчаса обнаруживаете себя в YouTube Shorts, с открытым Twitter, тремя непрочитанными чатами и ощущением, что всё это время не отдыхали, а сверхурочно работали. Знакомая история?
Полное погружение: как включить режим Deep Work, когда календарь трещит по швам
Наверняка вы ловили себя на мысли, что провели за компьютером десять часов, ответили на сотню писем, сходили на пять созвонов, но к вечеру так и не продвинули ни одну важную задачу. Это классическая ловушка многозадачности, которую принято считать полезным навыком. Но на деле она — главный враг когнитивной производительности.
Ловушка в кармане: почему интерфейс Instagram сильнее вашей воли
Вы берёте телефон проверить время. Через двадцать минут обнаруживаете себя в бесконечной ленте — ни время не проверили, ни зачем брали телефон уже не помните.
Хотите сообщить важную новость? Пишите в Telegram-бот
Главные события и полезные ссылки в нашем Telegram-канале
Обсуждение
Комментируйте без ограничений
Релоцировались? Теперь вы можете комментировать без верификации аккаунта.
Релоцировались? Теперь вы можете комментировать без верификации аккаунта.