Вторник
29.09.2020, 15:23
Всё для фото- и видеомонтажа
Вы вошли как Гость | Группа "Гости"Приветствую Вас Гость | RSS
Главная Всё для фото и видео монтажа Мой профильРегистрация ВыходВход
_____________________________________________________________________
_____________________________________________________________________
Друзья сайта




  • Форма входа

    Категории раздела
    Примеры видеосъемки [32]
    Книги, учебники [40]
    Видео уроки [1804]

    Меню сайта

    Наш опрос
    Чего не хватает на сайте
    Всего ответов: 1425

    Друзья сайта
  • Томский сайт

  • Создать сайт бесплатно

  • Официальный блог

  • Сайт для любителей СМС

  • webunder

  • teasernet

  • adsyst

  • I-Technologies

  • Самая выгодная монетизация сайта


  • Партнеры

    Главная » Файлы » Уроки, обучающие материалы » Видео уроки

    Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)

    ____________________________________________________________________________________

    02.07.2020, 18:41

    Если Вы используете bootstrap, понимаете его минусы и хотите использовать самые современные технологии, то данный курс однозначно для Вас. Детально изучить flexbox, научиться использовать NPM, Gulp - это дорогого стоит!

    Вишенкой на торте этого курса является конечно же Smartgid. С помошью этого чудесного инструмента смог усовершенствовать и в тоже время многократно упростить свою верстку, а также значительно сократить время верстки лендингов.

    Материал подается простыми словами с множеством примеров, что делает его предельно понятным.

    Программа курса:
    Вводный вебинар
    Техническая информация
    Доступы в группы и к тренажёрам
    Обзор программы курса
    Обзор вспомогательных инструментов

    1.
    Основы Flexbox
    Основная и вспомогательная оси
    Тонкости выравнивания элементов
    Адаптивка без media-запросов
    Расчёт размеров элемента
    -
    Разбор домашних работ
    Фокусы flex-grow
    Нюансы в IE 11
    Погрешность расчёта размеров
    Код без media-запросов: за и против

    2.
    Flex-direction: column
    Нюансы переноса элементов
    Вертикальные и горизонтальные отступы
    Смена порядка следования элементов
    Задачи, для которых flex неудобен
    -
    Разбор домашних работ
    Общие выводы по технологиям
    Необходимость автоматизации мелочей
    Моральная подготовка к node.js

    3.
    Node.js и NPM - основы магии
    Gulp - сборка проекта
    Autoprefixer - кроссбраузерность
    Concat - соединение файлов
    Sourcemaps - удобная отладка
    -
    Разбор домашних работ
    Плагин Clean CSS
    Group CSS Media Queries
    Неудобства плагина concat
    Чего не хватает в чистом CSS

    4.
    Основы CSS-препроцессоров
    Иерархическое написание
    Переменные и примеси
    Написание кода на LESS
    Написание кода на SASS (SCSS)
    -
    Разбор домашних работ
    Синтаксисы разных препроцессоров
    LESS vs SCSS
    Препроцессоры vs постпроцессоры

    5.
    npm i smart-grid - поехали!
    Основы создания сетки
    Отступы в px или в %
    Margin и padding варианты
    Настройка свойств сетки
    -
    Разбор домашних работ
    Нюансы fields и offset
    Резиновые и обычные элементы
    Row и col без size

    6.
    Вёрстка макета
    Оптимизация кода
    Иерархия селекторов vs BEM
    Дополнительные приёмы вёрстки
    Кроссбраузерность
    -
    Разбор домашних работ
    Подведение итогов курса
    Ответы на финальные вопросы
    Направление дальнейшего развития


    Название: Интерактивный онлайн-курс «Продвинутая вёрстка»
    Год выхода: 2020
    Жанр: Видеокурс, веб-дизайн, графика, обучение
    Формат видео: MP4 | 1920x1080 | AVC/H.264
    Формат аудио: AAC | 126 kb/s | 44 кГц
    Язык: Русский
    Продолжительность: 19:46:43
    Размер: 5.76 Gb

    Скачать Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)

    Категория: Видео уроки | Добавил: Hottei | Теги: графика, обучение, видеокурс, веб-дизайн
    Просмотров: 43 | Загрузок: 0 | Рейтинг: 0.0/0

    __________________________________________________________________________

    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Язык / Language

    Поиск по сайту

    Реклама

    Ваша реклама


    Облако тегов

    Статистика

    Яндекс.Метрика Анализ контента сайта

    Сейчас на сайте: 1
    Гостей: 1
    Пользователей: 0

    _______________

    Сегодня День рождения у:
    NaShpilke(35), karam-25(54), brusev(53), Da4ka(67), allexx(38), РЕГЕНЕРАТОР(37), светка(36)
    _______________

    Ваш IP адрес: 3.216.28.250
    _______________

    Лучшие журналисты
  • masterpp
  • zevs
  • trigall
  • toxa
  • Nayls


  • Copyright MyCorp © 2020
    Хостинг от uCoz
    Авторская позиция
    Все права на публикуемые материалы принадлежат их авторам, Администрация проекта ответственность за их использование не несет.
    Материалы публикуют разные пользователи и не всегда Авторы новостей являются Авторами содержимого новости.
    Если Вы считаете, что какой-либо из материалов нарушает Ваши права, свяжитесь с Администрацией.
    Все материалы на сайте предназначены исключительно для ознакомления.