25 бесплатных курсов по созданию сайтов для начинающих с нуля

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Создание сайтов — одна из самых высокооплачиваемых услуг на фрилансе, средний чек может варьироваться от 20 до 300 тысяч рублей. Что уж говорить про веб-разработчиков, которые работают в IT-компаниях и стартапах.

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

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

Основы вёрстки сайта

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Во время курса вы будете изучать язык разметки HTML и таблицы стилей CSS — это основа для всех веб-разработчиков.

Курс состоит из пяти занятий и подойдет людям любого уровня. Курс разработан основателем компании Useful Web — Владимиром Языковым. За время изучения вам предстоит выполнить 16 практических заданий для закрепления материала.

Программа курса:

  1. Теги для разметки и атрибуты
  2. Списки и таблицы
  3. Селекторы и свойства
  4. Оформление текстовых блоков с помощью CSS
  5. Основы клиент-серверного взаимодействия

Введение в веб-разработку

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Курс от платформы Хекслет. В составе курса: 8 уроков, практические материалы и 17 тестов. Регулярного наставника нет, но можно задать вопросы на форуме и вам ответят. На текущий момент курс пройден более 30+ тысячами студентов.

Из минусов можно выделить, что курс дает только базовый материал. Поэтому по его окончанию вам придется самостоятельно погружаться в мат.часть.

Доступ к урокам дается навсегда, поэтому никто не ограничивает вас по времени прохождения.

Программа курса:

  1. Введение.
  2. HTML.
  3. CSS.
  4. Хостинг.
  5. Backend-разработка.
  6. Frontend-разработка.
  7. Роли.
  8. Обучение.

Веб-верстальщик: начало

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Курс от команды WayUp рассчитанный на прохождение в течение 4 дней. Уровень входа — начальный, соответственно обладать какими-либо знаниями не нужно. Есть наставник, а программа обучения состоит из 3 секций. В ходе курса вы создадите свою первую работу, которую сможете использовать в портфолио. Курс рассчитан на самостоятельное изучение с обратной связью по выполнению практических заданий от наставника.

Программа курса:

  1. Практика
  2. Ошибки
  3. Бонус

Изучение HTML5 для новичков с нуля!

Курс по языку разметки HTML от itProger в формате видео на YouTube. Курс рассчитан для новичков, которые только-только начинают изучать профессию веб-разработчика. Курс состоит из 18 коротких роликов, которые удобно смотреть в дороге или во время коротких перерывов.

Программа курса:

  1. Введение в HTML.
  2. Файл index.html. Отображение сайта в браузере.
  3. Как создаются сайты? Смотрим код чужого проекта.
  4. Комментарии в HTML. Метаданные meta.
  5. Теги для работы с текстом.
  6. Работа со списками.
  7. Что такое атрибуты в HTML?
  8. Создание ссылок. Разные типы ссылок в HTML.
  9. Работа с изображениями.
  10. Создание HTML-таблиц: ряды, столбцы, ячейки.
  11. Теги для подключения файлов.
  12. Теги Div и Span.
  13. Создание HTML-форм и полей для ввода.
  14. Поле для ввода текста. Тег для создания кнопки.
  15. Селекторы выбора информации.
  16. Специальные HTML5-теги.
  17. Оптимизация под браузеры

Изучение CSS для новичков

К продолжению прошлого видеокурса, курс по CSS от все тех же itProger. Курс является логическим продолжением курса по HTML, поэтому рекомендуется изучать последовательно. В составе курса 10 коротких видеоуроков и практические задания.

Программа курса:

  1. Введение в CSS. Что это и как с ним работать?
  2. Форматы подключения стилей.
  3. Селекторы для выборки элементов.
  4. Псевдоклассы и псевдоэлементы.
  5. Работа с фоновыми картинками.
  6. Стили для текста.
  7. Стили для блоков.
  8. Позиционирование блоков.
  9. Работа со списками.
  10. Заключительная часть.

Создание сайта на PHP

Курс от itProger по созданию сайта на языке программирования PHP.

Курс состоит из 22 уроков и 86 заданий, которые позволят вам освоить все необходимые навыки. В процессе обучения вы будете работать со следующими технологиями: HTML, CSS, JavaScript, jQuery, Ajax, PHP и MySQL.

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

Программа курса:

  1. Вступление.
  2. Основные моменты при построении сайтов.
  3. Нужен ли Photoshop для макета сайта?
  4. Подготовка рабочего места.
  5. Создание шаблона сайта.
  6. Создание шапки для сайта.
  7. Устанавливаем кодировку. Файл .htaccess.
  8. Создание футера для сайта.
  9. Создание боковой панели сайта.
  10. Основная часть сайта.
  11. Подключаемые блоки.
  12. Создание страницы «О нас».
  13. Странице обратной связи.
  14. Обработка формы на JavaScript, Ajax и PHP.
  15. Создание базы данных и подключение к ней.
  16. Вывод статей на главной странице.
  17. Создание страниц со статьями.
  18. Оптимизация под браузеры.
  19. Адаптивность сайта.
  20. Монетизация веб сайта.
  21. Как загрузить сайт на хостинг?
  22. Заключительная часть.

Создание сайта на Тильде

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Бесплатный курс из 15 видео от команды конструктора Tilda. После изучения курса вы сможете самостоятельно создавать простые сайты без программирования. Если сайт нужен вам здесь и сейчас — это ваш вариант! Курс состоит из нескольких логических блоков от знакомства с платформой до создания сайтов под разные виды устройств.

Программа курса:

  1. О курсе
  2. Знакомство с Тильдой
  3. С чего начинается создание сайта
  4. Регистрация и обзор личного кабинета
  5. Создание сайта из базовых блоков
  6. Настройки страницы и сайта
  7. Настройка адаптивности
  8. Создание уникального блока в Zero Block
  9. Настройка анимации
  10. Навигация на сайте
  11. Подключение домена
  12. Приём заявок и работа с клиентами
  13. SEO и аналитика
  14. Продажа товаров и услуг на сайте
  15. Что дальше

Изучи PHP онлайн за 25 часов

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Курс для тех, кто решил более детально погрузиться в веб-разработку. Базовый бесплатный курс от Code Basics рассчитанный на 25 часов обучения. В курс входят 75 уроков + практические онлайн задания для закрепления материала. Курс прошло более 27 тысяч студентов, поэтому в качестве курса сомневаться не стоит. Чтобы пройти курс, необходимо, зарегистрироваться на платформе.

Программа курса:

  1. Основы PHP
  2. Арифметика
  3. Строки
  4. Типы данных PHP
  5. Переменные в языке PHP
  6. Вызов функций
  7. Определение функций
  8. Логика
  9. Условные конструкции
  10. Циклы
  11. Погружаясь в строки
  12. Дата и Время

Основы веб разработки. HTML и CSS

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Еще один бесплатный курс по азам веб-разработки на русском языке. При бесплатном прохождение курса у вас будет доступ только к обучающим материалам без возможности получения сертификата. Внутри курса 30 уроков с практическими заданиями в виде тестов. Сам курс состоит из трех секций.

Для Udemy курс можно считать отличным, 4,5 из 5 балов и почти 1500 отзывов от живых пользователей.

Программа курса:

  1. Введение
  2. HTML
  3. CSS

Создание динамического веб-сайта

Хороший курс от ребят из Loftblog. Плейлист на Youtube из 12 видеуроков: без регистрации и смс. Переходите по ссылке и изучаете материал. Из минусов можно отметить отсутствие практических заданий, поэтому для закрепления материала вам придется самостоятельно повторять действия автора. А также на канале Loftblog можно найти еще множество курсов по разработке сайтов и не только.

Программа курса:

  1. Введение в курс
  2. Основы PHP
  3. Основы SQL запросов
  4. Проектирование базы данных
  5. PDO
  6. Основы JavaScript
  7. DOM
  8. AJAX

Фронтенд-разработчик

25 бесплатных курсов по созданию сайтов для начинающих с нуля

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

Программа курса (1 модуля):

  1. Первый код
  2. Что такое HTML и CSS
  3. Базовые CSS-свойства
  4. Больше CSS
  5. JavaScript. Начало
  6. JavaScript. Приземление в реальность
  7. О том, что дальше

Как создавать сайты с нуля

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Авторский курс от Артема Башлыкова. Автор позиционирует себя, как интернет-маркетолог, поэтому курс состоит из 5 блоков: от разработки сайта до его монетизации. Если вы хотели научиться делать сайты с нуля и монетизировать их — рекомендуем к ознакомлению.

Программа курса:

  1. Блок 1: Подготовка к созданию и создание сайта;
  2. Блок 2: Настройка внутреннего и внешнего вида сайта;
  3. Блок 3: Создание страниц и контента для нашего сайта;
  4. Блок 4: Продвижение сайта, привлечение бесплатного трафика;
  5. Блок 5: Как зарабатывать деньги на своем сайте.

Сайт с нуля на CMS Joomla

Нетрудно догадаться исходя из названия чему посвящён данный курс. Курс по разработке собственного сайта с нуля на CMS Joomla от Андрея Янковского. Как и с предыдущим курсом, никаких тестов, только в видео и задания для самостоятельного выполнения.

Курс объемный и состоит из 31 последовательного видеурока, поэтому если вы вдруг что-то забыли, всегда можете вернуться к предыдущему уроку. Курс достаточно детальный, а некоторые моменты актуальны не только для Joomla, но и для других CMS.

Программа курса:

  1. Вступление. Создаём сайт на Joomla 3.
  2. Создание рабочей среды.
  3. Установка локального сервера.
  4. Установка и русификация Joomla.
  5. Знакомство и настройка административной панели.
  6. Установка и настройка Akeeba Backup.
  7. Распаковка сайта из бэкапа Akeeba Backup.
  8. Выбор шаблона.
  9. Установка шаблона.
  10. Настройки шаблона.
  11. Создание фавикона.
  12. Структура сайта и добавление категорий.
  13. Установка и русификация редактора JCE.
  14. Установка расширений Regular Labs.
  15. Размещение статьи Joomla.
  16. Настройка менеджера материалов в Joomla 3.
  17. Unite Nivo Slider. Установка и настройка слайдера.
  18. Создание HTML-модуля в Joomla.
  19. Установка и настройка SIGE — Simple Image Gallery.
  20. Размещение видео с YouTube на сайте Joomla.
  21. Доделываем статьи.
  22. Создаём меню в Joomla 3.
  23. Создание формы обратной связи для Joomla 3.
  24. Создаём страницу «Контакты» в Joomla 3.
  25. Устанавливаем модули Breadcrumbs и самые читаемые материалы.
  26. Устанавливаем социальные кнопки Joomla JL Like.
  27. Установка расширения JL No Doubles.
  28. Регистрация на «Бегете».
  29. Регистрация домена на Beget.ru.
  30. Перенос сайта на хостинг Beget.
  31. Добавляем сайт на Joomla в «Яндекс.Вебмастер».

Создание сайта на Django

Не последний, но не менее актуальный видеокурс с YouTube. Курс по созданию сайтов на языке Python c помощью фреймворка Django. Гибкий и удобный инструмент, который точно стоит вашего внимания, если вы решили изучить разработку сайтов. 11 уроков + бонусное видео о Django. Короткие видео и последовательное изучение позволит вам практиковаться после работы или учебы. Однако курс требует базового понимания разработки, поэтому не очень подходит новичкам.

Программа курса:

  • Что такое Django?
  • Установка необходимых компонентов
  • Создаем Django приложение
  • Шаблонизатор Jinja
  • Bootstrap
  • Передача данных
  • Создание новостной категории
  • Создание шаблона для новостей
  • Миграция и админпанель
  • Добавление страниц
  • Заключительный урок

Курс Веб-разработчик 10.0

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

В составе курса - 31 урок и практические задания. Огромным преимуществом курса является его обширность. Вы можете ознакомиться не только с техническими подробностями, но и с тонкостями общение с заказчиками.

Программа курса:

  1. Установка необходимых программ
  2. Полный цикл создания сайтов
  3. Работа с графикой для разработчика
  4. Настройка рабочего пространства
  5. Знакомство с основами HTML
  6. Знакомство с основами CSS
  7. Позиционирование в CSS
  8. Верстка первого макета
  9. Что такое Bootstrap
  10. Верстка на bootstrap
  11. Препроцессор LESS
  12. Сниппеты
  13. GitHub Pages
  14. Адаптивная верстка
  15. Подключение шрифтов к сайту
  16. Псевдоклассы и псевдоэлементы
  17. Слайдеры
  18. Всплывающие окна
  19. Табы и аккордеон для сайта
  20. Анимация CSS3
  21. Видео фон на сайте
  22. Эффект parallax
  23. Гео-карты на сайте
  24. Верстаем блок "Развеиваем сомнения"
  25. Хостинг и домен
  26. Верстаем блок "Материалы"
  27. Аналитика для сайта
  28. Формы на сайте
  29. Многостраничные сайты
  30. Движок сайта Wordpress
  31. Тестирование верстки
  32. Работа над портфолио
  33. Поиск заказов
  34. Работа с заказчиками

Создание сайта с нуля до заработка на Wordpress

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Курс на Udemy от Юрия Бошникова по разработке собственного информационного сайта на Wordpress. В курсе есть практические задания и техническая поддержка. 28 уроков по итогу которых вы научитесь работать с CMS Wordpress для создания сайтов, как источника пассивного дохода.

Программа курса:

  1. Как будет проходить курс
  2. Систематизация и служба поддержки
  3. Регистрация в хостинге TimeWeb
  4. Примечание к 6-му уроку и полезные ссылки
  5. Варианты и способы оплаты хостинга
  6. Часть 1: Подключение доменного имени и активация бонусного домена
  7. Часть 2: Регистрация и привязка домена со стороннего сервиса
  8. Предварительные настройки перед установкой WordPress
  9. Установка WordPress
  10. Как зайти в панель управления хостингом
  11. Как зайти в панель управления сайтом2
  12. Первые настройки сайта, обновления, работа с плагинами
  13. Устанавливаем тему, меняем дизайн сайта
  14. Создание страниц: О сайте и Контакты
  15. Добавление картинок, создание рубрик и написание статей
  16. Устанавливаем счетчик LiveInternet.RU

Создание Интернет-магазина с нуля до первых продаж

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Еще один курс от предыдущего автора, но уже направленный на разработку собственного интернет-магазина. Курс создан под ключ, поэтому кроме разработки вы изучите аспекты по выбору ниши, способам привличения покупателей, а так же получите рекомендации по стратегии развития.

Программа курса:

  1. Как проходить курс
  2. Выбор ниши (подготовка)
  3. Примеры сайтов, которые сможете создать уже во время тренинга
  4. Как заработать еще до начала вебинара
  5. Блокнот систематизации и служба поддержки
  6. Регистрация в хостинге
  7. Оплата хостинга
  8. Регистрация и активация домена
  9. Регистрация и привязка домена со стороннего сервиса
  10. Предварительные настройки хостинга перед установкой WordPress
  11. Установка движка WordPress
  12. Как зайти в панель управления хостингом
  13. Как зайти в панель управления сайтом
  14. Первые настройки, обновления, плагины
  15. Установка плагина Интернет Магазина
  16. Создание тестового товара
  17. Настройка и тестирование заказа
  18. Устанавливаем тему, меняем дизайн сайта
  19. Что продавать? Выбор ниши
  20. Цифровой анализ ниши
  21. Дропшиппинг (торговля без закупки товара)
  22. Как найти поставщика
  23. Поиск поставщика по Дропшиппингу
  24. Что такое маржа?
  25. Создание страниц О нас, Контакты
  26. Настройка меню
  27. Установка баннера
  28. Установка плагина Карты сайты
  29. Установка robots.txt
  30. Продвижение через комментарии
  31. Бесплатная реклама и ссылка на ваш магазин
  32. Что делать дальше? + Запись на бесплатную консультацию

Как сделать сайт на Wordpress с Elementor

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Русскоязычный курс по конструктору Elementor для Wordpress. Отличный инструмент для тех, кто не хочет использовать конструкторы вроде Tilda и Wix, чтобы полностью контролировать свой сайт, но при этом создать его без кода. Курс из 5 блоков, 1 из которых практический - “Создание лендинга для современного жилого комплекса”. После прохождения курса у вас уже будет один сайт в портфолио.

Программа курса:

  1. Хостинг, домен и настройка WP
  2. Elementor и его возможности
  3. Практическое занятие
  4. Поп-апы и адптивная верстка
  5. Дополнительные материалы

Создание интернет-магазина без знаний веб-программирования

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Курс подойдет тем, кто хочет создать свой интернет-магазин в сжатые сроки, но без обучения программированию. В составе курса 5 уроков, общей сложностью почти на 2 часа материала. Достаточно подробно и не требует дополнительных знаний. К курсу прилагаются дополнительные материалы.

Программа курса:

  1. Знакомство
  2. Хостинг и домены
  3. Работа с хостингом
  4. Бонусный урок
  5. Наполнение интернет-магазина

Create Your Site

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Бесплатный стартовый англоязычный курс от команды Wordpress по созданию сайта с помощью конструктора WP. Для тех, кто не знал у Wordpress существует не только бесплатная CMS, но и одноименный онлайн-конструктор сайтов. Курс отлично подходит для тех, кто хочет быстро и качественно собрать сайт с минимальными навыками программирования.

Программа курса:

  1. Creating a WordPress.com account (if you don’t already have one)
  2. Creating a new site (we encourage using a practice site)
  3. Configuring basic General Settings
  4. Activating the WordPress.com Appleton theme
  5. Setting up 4 pages: Home, Blog, About, Contact
  6. Editing Templates and Template Parts
  7. Creating a menu

Create a Gorgeous Photography Site with SmugMug in 90 mins

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Еще один курс, который научит вас создавать сайт для фотографа за 90 минут. Курс бесплатен, имеет высокие оценки и 41 тысячу студентов, прошедших курс. Если вам срочно нужно разработать сайт-портфолио для фотографа, а времени и денег на поиск разработчика совсем нет - изучите данный курс и ваша проблема решена. К курсу прилагаются бонусные материалы от автора.

Программа курса:

  1. Create Your First Gallery
  2. Upload a Few More Galleries and Create Our Portfolio Gallery
  3. Setup our Site Settings, Menu Bar, and Social Media Profiles
  4. Customize our Website
  5. Create our "Work With Me" Page and Contact Form

How to Build a Website with Python (Django 101)

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Курс из 10 уроков по созданию сайта с помощью Python и фреймворка Django. Отличная возможность для тех, кто хотел освоить язык программирования python и при этом разработать своей веб-сайт. В данном курсе нет никаких контрольных точек, шаг за шагом вы повторяете действия автора, а в конце наслаждаетесь готовым для дальнейшего оформления сайтом.

Программа курса:

  1. Django templates
  2. Django models
  3. The Django admin site
  4. Django context
  5. Django forms

Bootstrap 4 Website Built from scratch in 1 hour

Курс по созданию сайта с помощью библиотеки Bootstrap. Автор обещает, что научит вас создавать сайт с отзывчивым дизайном всего за 1 час с нуля. Курс состоит из 2 секций, в общей сумме 23 пошаговых урока. Подойдет для тех, кто только только начал изучать HTML и CSS.

Программа курса:

  1. Create a Bootstrap template
  2. Find out how to add a Navbar
  3. Create sections within the page
  4. Add backgrounds and colors
  5. customise Bootstrap components
  6. How to use Bootstrap Scrollspy
  7. Add jQuery animation for scrolling

Build Your First Website in 1 Week with HTML5 and CSS3

25 бесплатных курсов по созданию сайтов для начинающих с нуля

Англоязычный бесплатный курс на платформе Udemy.

Курс, в том числе практический, поэтому его конечной точкой является самостоятельная разработка сайта с помощью HTML и CSS в течение недели обучения.

Курс рассчитан на новичков, которые хотят сменить профессию. Или начинающих предпринимателей, которые хотят создать сайт для бизнеса своими руками. Хорошая оценка курса и более 250 тысяч учеников, которые закончили курс.

Программа курса:

  1. Core Fundamentals
  2. Rapid Development
  3. Html5 & Css3
  4. Responsive Design:
  5. No Stakes Practicing
  6. Beautiful Visuals
  7. All Types Of Css And Html You Will Use When Building Sites

WordPress for Beginners - Make a Website Step by Step Easily

Небольшой пошаговый курс на 2 неполных часа материала, который научит вас самостоятельно создавать сайты на Wordpress без программирования с помощью конструктора Elementor. Курс не слишком популярный, но не менее полезный. После изучения вы сможете самостоятельно создать лендинг или небольшой корпоративный сайт за несколько дней.

Программа курса:

  1. Introduction
  2. About Wordpress
  3. Domain & Hosting
  4. Install Wordpress
  5. Post & Pages
  6. Import template
  7. Pages in Wordpress

Спасибо, что дочитали статью до конца. Разработка сайтов — перспективное направление, которое постоянно движется вперед, особенно в текущую пору активного развития искусственного интеллекта.

Помните, что кроме прохождения курса для достижения высот необходима постоянная практика.

Будем рады, если вы поделитесь обратной связью о курсах из подборки.

3
Начать дискуссию