Создание сайта от А до Я. Комплексный курс

Дизайн. Верстка. Посадка на движок. Размещение. Монетизация.

2 980 руб. 399 руб.
* Скидка действует до (включительно).

Время обучения:

18 часов

Объем курса:

40 уроков

Консультации:

Бесплатно

Доступ к курсу:

Навсегда

Мечтаете создать крутой ресурс, такой, как Лайфхакер, Ferra.ru, Хакер, ixbt.com или свой неповторимый проект? Добро пожаловать в первый комплексный курс
по созданию сайта от А до Я – от идеи, дизайна, верстки, программирования,
до размещения и запуска готового проекта.

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

В этом курсе вы найдете ответы на все ваши вопросы и даже больше!

Создание дизайна

Блок 1. Создание дизайна

Время обучения: 2 часа 55 минут.

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

Создадим сложный дизайн главной страницы, состоящий из нескольких разнообразных секций, дизайн страницы категории, страницы статьи и других важных страниц.
Подготовим макеты к верстке.

Адаптивная верстка

Блок 2. Адаптивная верстка

Время обучения: 8 часов 5 минут.

В процессе верстки мы используем самые современные инструменты: стек технологий, объединенный в удобный стартер для начала любого проекта, препроцессоры CSS, инструменты для работы с JS, Browsersync и многое другое.

Пройдя обучение, вы сможете самостоятельно верстать адаптивные, SEO-оптимизированные макеты, использовать актуальные инструменты в работе и поднимите ваши скиллы
на качественно новый уровень.

8 часов - это действительно мощно!

Блок 3. jekyll

Время обучения: 5 часов 30 минут.

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

Jekyll Dark

Что такое Jekyll?

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

В процессе создания сайта на Jekyll, мы разберем массу полезных и интересных приемов, сниппетов и возможностей, таких, как автоматическая генерация внешних ссылок с rel="nofollow", создание постраничной пагинации с областью видимости соседних страниц, вывод нестандартных секций в списке статей с оффсетами, лимитами, сортировкой, использование фильтров для вывода контента, форматирование дат, rss, sitemap, репостинг и массу других полезных вещей, которые пригодятся вам при создании собственного проекта.


Jekyll pagination

Скорость загрузки сайта

Все мои проекты, в том числе и сайт WebDesign Master, работают на Jekyll. Старые были перенесены с других CMS, а новые изначально создавались на этом движке. Почему?

Статика, созданная Jekyll, загружается в десятки раз быстрее любой CMS, использующей генерацию на стороне сервера и реляционную базу данных MySQL. Поисковые системы любят быстрые сайты. Это неоспоримый факт. Создавая сайт на Jekyll можно избежать множества проблем с продвижением, уже на этапе проектирования.

Средняя скорость загрузки сайтов:

Jekyll vs WordPress - Speed

Не нужно переплачивать

Статические сайты не имеют бэкенда, не генирируются на стороне сервера и не имеют баз данных, а значит создают минимальную нагрузку на сервер. Это позволяет экономить. Много экономить!

Стоимость 10 000 уникальных посетителей/сутки за год:


Jekyll vs WordPress - Price
Хостинг и деплой

Блок 4. Хостинг и деплой

Регистрация, настройка хостинга и деплой проекта.

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

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

Монетизация

Блок 5. Монетизация

Бонусный блок по размещению рекламы на сайте.

В процессе изучения данного блока мы научимся работать с панелью управления Google AdSense, создавать, настраивать и размещать рекламные блоки на сайте.

Особое внимание уделяется именно правильному размещению рекламных блоков, наиболее удачным и эффективным позициям, настройке объявлений различного типа, в том числе и адаптивных рекламных блоков для responsive сайтов.

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

Стоимость и заказ

Видеокурс:

«Создание сайта от А до Я. Комплексный курс»

Включает: + Уроки в видеоформате, 18 часов
+ Учебные материалы, референсы
+ Готовый дизайн: макеты всех страниц
+ Готовый сайт: рабочий проект
+ Все исходники: код, изображения
+ Все используемые плагины
+ Все используемые сниппеты
+ Все используемые шрифты
+ Полезные ресурсы
2 980 руб. 399 руб.
Консультации:
Только покупатели курса имеют возможность получать
консультации в любое время и по любому вопросу.
Бесплатно
Внимание! В настоящее время действует скидка на курс.
Стоимость со скидкой: 2 980 руб. 399 руб.