Код да Лёньчи: курс по дизайну и верстке сайтов на чистом коде

[admin]

Код да Лёньчи:
курс по дизайну и верстке сайтов на чистом коде





РЕЗУЛЬТАТ - вы сами оформите в Photoshop макет сайта и заверстаете его ручками в проект.
Методика обучения, а вернее, знания заложенные в ее основу, позволят создавать сайты почти также быстро, как вы делаете это на Muse / Webflow или в конструкторах.


ЗАЧЕМ ЭТО НУЖНО?
- сайты на ручной верстке более гибки в плане функционала. В любой момент можно добавить любой модуль.

- когда у меня сгорела машина, а вместе с ней и ноут (скаблязачто), будь у меня большинство проектов на Muse, я бы приуныл. Фишка нормальных сайтов в том, что ты в любой момент можешь их выгрузить с хостинга, даже если потерял их на харде и внести изменения.

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

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


ЧТО ТЫ УЗНАЕШЬ?
(кратко, полная информация после анонса)
- как делать правильную структуру сайта, писать тексты (Beginner)
- как делать крутой дизайн, повышающий конверсию + кейсы
- как перевести дизайн на язык браузера, адаптивная верстка (pro)
- как оптимизировать сайт для SEO, ускорить загрузку сайта
- как настроить отправку форм сайта, интегрировать с CRM
- где искать заказы и как получать их от нашего агентства





Программа обучения
Автор:
Леонид Гельвих

-------------------------------

КАК ЭТО БУДЕТ?

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

- Вебинары будут проведены ровно 3 раза для ответов на все появляющиеся вопросы. Записи будут предоставлены участникам.

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


ПРИМЕРНАЯ ПРОГРАММА МОДУЛЯ О ВЕРСТКЕ
(ИДЕТ ПОСЛЕ СМЫСЛОВОЙ УПАКОВКИ И ДИЗАЙНА)

Результат каждого занятия - 25% сверстанного сайта. Переход к следующему заданию внутри этого модуля, в отличие от остальных, будет доступен только после проверки и одобрения нашим неподражаемым спикером модуля (ну да, он реально зверь) и мной.

1 занятие (создаем каркас, наполняем его контентом, оптимизируем под поисковики)
• HTML5 (article, section, div, header, nav, p, span, h1-6)
• Классы и якоря
• Иконки faicons
• Оптимизация под SEO
• Инструменты: Atom/Brackets/VSCode, Chrome
~2.5 часа

2 занятие (проработываем UI и UX страницы, основы и принципы читаемости страницы за счет правильной стилизации элементов)
• Инлайновые и внешние стили
• CSS3 (На основе верстки страницы)
• Анимации и псевдо-селекторы
• Градиенты и красивые заголовки с псевдо-элементами
• Инструменты: Colorpicker, Chrome dev tools
~2 часа

3 занятие (принципы адаптивности на 3 устройства, @media запросы, flexbox)
• Выравнивание с Flexbox
• Мета теги
• Медиа запросы на устройства
• Адаптивность под разные размеры браузера/устройства.
2 занятия по ~2 часа

4 занятие (переосмысливаем макет страницы за счет css grid, анимированный фон на html5 video)
• Css grid
• Видео на фон
• Современные инструменты для работы с css. Прекомпиляторы scss/sass. Быстрая установка и настройка (если останется время).
• Инструменты nodejs, gulp, gulp-sass.
~3 часа

vk.com/velvetmonxy - продажник