1. Мы открыли доступ к ранее скрытому контенту.

    Вам доступно более 44 000 видео уроков, книг и программ без VIP статуса. Более подробно ЗДЕСЬ.
    Скрыть объявление

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

Тема в разделе "Программирование", создана пользователем Солнышко, 31 май 2018.

0/5, Голосов: 0

Этап:
Набор участников
Цена:
1.00 руб.
Участников:
0 из 10
Организатор:
требуется
0%
Расчетный взнос:
44 руб.
  • (Записывайтесь, чем больше участников, тем меньше расчетный взнос)

  1. Солнышко

    Солнышко Администратор Команда форума

    Сообщения:
    48.115
    Симпатии:
    128.329
    Код да Лёньчи:
    курс по дизайну и верстке сайтов на чистом коде​

    todq7kqpo1i.jpg
    РЕЗУЛЬТАТ
    - вы сами оформите в 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 устройства, Vladislav Iukhananov запросы, flexbox)
    • Выравнивание с Flexbox
    • Мета теги
    • Медиа запросы на устройства
    • Адаптивность под разные размеры браузера/устройства.
    2 занятия по ~2 часа

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

    Leonid Guelvikh - продажник -
     
Мы в Telegram: Сохранить в соц. сетях:
Оценить эту тему:
/5,
Похожие темы
  1. InfoNews
    Ответов:
    0
    Просмотров:
    236
  2. BlackMan
    Ответов:
    0
    Просмотров:
    366
  3. BlackMan
    Ответов:
    0
    Просмотров:
    594
  4. BlackMan
    Ответов:
    0
    Просмотров:
    256
Загрузка...