Support us

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

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

Оставить комментарий
Добавь в Google
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
Читайте также
AI-бот на созвоне: как самому не стать датасетом и не превратить в него коллег
AI-бот на созвоне: как самому не стать датасетом и не превратить в него коллег
AI-бот на созвоне: как самому не стать датасетом и не превратить в него коллег
В августе федеральный суд в Калифорнии не стал прекращать дело против Otter.ai. Их бот молча заходил на созвоны в Zoom и Teams, записывал разговоры без согласия всех, кто в них участвовал, и учил на этих записях свои модели. Среди записанного, по словам истцов, были разговоры с медиком, с финансовым консультантом и о результатах работы. Нарушил ли Otter закон, суд пока не решал.
С маленьким ребёнком на удалёнке: сколько стоит час тишины дома, в коворкинге и в мини-офисе
С маленьким ребёнком на удалёнке: сколько стоит час тишины дома, в коворкинге и в мини-офисе
С маленьким ребёнком на удалёнке: сколько стоит час тишины дома, в коворкинге и в мини-офисе
Индийская IT-компания во время пандемии отправила больше 10 тысяч сотрудников по домам. Сидеть за работой они стали дольше, в основном сверх обычных часов, а успевали примерно столько же или чуть меньше: продуктивность упала на 8–19%. Сильнее всех просели те, у кого дома были дети. Кто садится за ноутбук первый раз за день, уложив ребёнка, знает это и без исследований. Но стол на кухне бесплатный, а коворкинг стоит денег. Поэтому уходить из дома или нет, обычно решают финансы.
Вы много сделали, но никто этого не заметил. Как показать, на что повлиял ваш код
Вы много сделали, но никто этого не заметил. Как показать, на что повлиял ваш код
Вы много сделали, но никто этого не заметил. Как показать, на что повлиял ваш код
«Руководитель, каким бы замечательным он ни был, вероятно, тоже не помнит всего, что вы сделали», — пишет Джулия Эванс, разработчица и автор блога о программировании. Она советует записывать все результаты и рядом с каждым ответ на вопрос, можно ли привязать к нему цифры. Попробуем разобраться, как найти такие цифры для кода, что мерить, если работа не про выручку, и о чем рассказать на грейд-ревью вместо списка тикетов.
Агенты пишут код, который приходится читать разработчикам. Как не утонуть в ревью
Агенты пишут код, который приходится читать разработчикам. Как не утонуть в ревью
Агенты пишут код, который приходится читать разработчикам. Как не утонуть в ревью
На бумаге использование агентов выглядит отлично: в компаниях, внедривших AI в разработку, строк кода стало больше на 30%, а запросов на слияние на 23%. Но эти метрики никак не учитывают, дошло ли что-нибудь до пользователей. Исследователи из Гарварда заглянули в Jira и не нашли значимого роста закрытых задач — разница застревает в ревью. В статье попробуем разобраться, что считать вместо строк кода и как разгрузить ревьюеров.

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

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

Абмеркаванне
Каментуйце без абмежаванняў

Рэлацыраваліся? Цяпер вы можаце каментаваць без верыфікацыі акаўнта.

Каментарыяў пакуль няма.