Главная | Регистрация | Вход | RSS                   Суббота, 08.08.2020, 05:38

Меню сайта
Категории раздела
Actions | Готовые действия [32]
Brushes | Кисти [280]
Textures, backgrounds | Текстуры, фоны [578]
Patterns | Заливки [24]
Plugins | Плагины [20]
Styles | Стили [208]
Fonts | Шрифт [86]
Gradients | Градиенты [17]
Frames for photo | Рамки для фото [7741]
Photo Album | Фотоальбом Фотокнига [306]
Clip Art PNG | Клипарт PNG [1301]
Clip Art PSD | Клипарт PSD [407]
Scrap sets | Скрап наборы [2170]
PSD TIFF исходники [1362]
Templates for photomontage Шаблоны для фотомонтажа [4433]
Cover for DVD | Обложки для DVD [155]
Videolessons | Видеоуроки [1565]
Books, magazines | Книги, журналы [93]
Artworks | Работы художников [78]
Picture, photo | Картинки, фото [364]
Открытки, приглашения, этикетки [110]
Сертификаты, дипломы, грамоты, благодарности [111]
Calendars | Календари [1620]
Vector Graphics | Векторная графика [424]
Web templates, elements | Веб шаблоны, элементы [11]
Miscellaneous | Разное [914]
Photoshop видеокурсы
Как создать фотокнигу в Adobe Photoshop
Мини-чат
Реклама
Главная » 2020 » Июль » 2 » Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)

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

Если Вы используете 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)

Категория: Videolessons | Видеоуроки | Просмотров: 35 | Добавил: Kioka83 | Теги: графика, обучение, видеокурс, веб-дизайн | Рейтинг: 0.0/0
Всего комментариев: 0
Форма входа
Это интересно
Календарь
«  Июль 2020  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Партнёры
  • Моментальные покупки
  • Всё про автомобили
  • Лучшие курсы
  • Игровой портал
  • Женские радости
  • Путешествия
  • Рецепты блюд
  • Поиск по сайту
    Курсы Photoshop
    Бесплатный курс "Ретушь Фотогарфий"
    Реклама
    Наши посетители
    Locations of visitors to this page
    И кто тут на сайте?
    Онлайн всего: 7
    Гостей: 7
    Пользователей: 0

    На сайте PsdPng.ru можно бесплатно и без регистрации скачать: Actions | Готовые действия, Brushes | Кисти, Textures, backgrounds | Текстуры, фоны, Patterns | Заливки, Plugins | Плагины, Styles | Стили, Gradients | Градиенты, Frames for photo | Рамки для фото , Clip Art PNG | Клипарт PNG, Scrap sets | Скрап наборы, PSD TIFF исходники, Templates for photomontage | Шаблоны для фотомонтажа, Cover for DVD | Обложки для DVD, Videolessons | Видеоуроки, Books, magazines | Книги, журналы, Artworks | Работы художников, Picture, photo | Картинки, фото , Сертификаты, дипломы, грамоты, благодарности, Calendars | Календари, Vector Graphics | Векторная графика, Web templates, elements | Веб шаблоны, элементы, Miscellaneous | Разное
    Вся информация и файлы, представленные на этом сайте, предназначены исключительно для ознакомительных целей.
    УЛИТКА - каталог ресурсов интернет Анализ веб сайтов      Russian America Top. Рейтинг ресурсов Русской Америки.   Rambler's Top100      
    Copyright MyCorp © 2020
    Создать сайт с uWeb