200 инженеров в Варшаве обсуждают дыры в пайплайнах. Без вас?
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
Читайте также
Топ-3 курса, где можно прокачать память и концентрацию — чтобы быстрее учиться и меньше уставать
Топ-3 курса, где можно прокачать память и концентрацию — чтобы быстрее учиться и меньше уставать
Топ-3 курса, где можно прокачать память и концентрацию — чтобы быстрее учиться и меньше уставать
Мы тратим часы на книги, курсы и туториалы, но знания всё равно ускользают. И проблема тут не в сложности материала, а в том, как мы его усваиваем. Исследования утверждают: память и концентрацию можно развить. А результат от этого вы ощутите не только в работе, но и в восприятии мира.
Инвестиции для айтишников: 5 курсов, чтобы разбираться в ETF и начать торговать на Interactive Brokers
Инвестиции для айтишников: 5 курсов, чтобы разбираться в ETF и начать торговать на Interactive Brokers
Инвестиции для айтишников: 5 курсов, чтобы разбираться в ETF и начать торговать на Interactive Brokers
Стабильность — понятие иллюзорное. Технологии меняются быстрее, чем выходит очередной iPhone, а компании мгновенно перестраиваются под тренды и новые бизнес-модели. Поэтому всё больше айтишников задумывается о диверсификации доходов. В частности, через инвестиции в глобальные рынки. Но начать инвестировать — это не просто открыть счёт на Interactive Brokers и купить первый попавшийся ETF. Надо иметь стратегию, понимать риски и механизмы торговли, владеть инструментами. 
Без Ctrl+Z: подборка курсов по выживанию в дикой природе для айтишников (и не только)
Без Ctrl+Z: подборка курсов по выживанию в дикой природе для айтишников (и не только)
Без Ctrl+Z: подборка курсов по выживанию в дикой природе для айтишников (и не только)
Часами сидеть за монитором, планировать архитектуру систем, разбираться с дедлайнами и кодом — привычные айтишникам занятия. А что, если время от времени отключаться от виртуального мира и погружаться в настоящий: с лесом, костром и палаткой?  Собрали курсы, где учат ориентироваться в лесу без GPS, разводить костер безопасно и быстро, обустраивать лагерь и заботиться о себе и товарищах в любых условиях. 
Как снимать на смартфон, чтобы фото выглядели как из журнала: курсы, которые прокачают ваш взгляд
Как снимать на смартфон, чтобы фото выглядели как из журнала: курсы, которые прокачают ваш взгляд
Как снимать на смартфон, чтобы фото выглядели как из журнала: курсы, которые прокачают ваш взгляд
В мире, где каждый второй кадр — контент, умение снимать красиво на свой смартфон стало частью цифровой грамотности. Визуальное мышление помогает лучше понимать эстетику интерфейсов, чувствовать композицию, свет и динамику. Это полезно везде, где приходится работать с визуалом, даже если вы не дизайнер.

Хотите сообщить важную новость? Пишите в Telegram-бот

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

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

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

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