city skyline
» » »нтерактивный онлайн-курс Ђѕродвинута€ вЄрсткаї (2020)
» » »нтерактивный онлайн-курс Ђѕродвинута€ вЄрсткаї (2020)

    »нтерактивный онлайн-курс Ђѕродвинута€ вЄрсткаї (2020)


    »нтерактивный онлайн-курс Ђѕродвинута€ вЄрсткаї (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) »нтерактивный онлайн-курс Ђѕродвинута€ вЄрсткаї (2020) »нтерактивный онлайн-курс Ђѕродвинута€ вЄрсткаї (2020)

    Ќазвание: »нтерактивный онлайн-курс Ђѕродвинута€ вЄрсткаї
    √од выхода: 2020
    ∆анр: ¬идеокурс, веб-дизайн, графика, обучение
    ‘ормат видео: MP4 | 1920x1080 | AVC/H.264
    ‘ормат аудио: AAC | 126 kb/s | 44 к√ц
    язык: –усский
    ѕродолжительность: 19:46:43
    –азмер: 5.76 Gb

    —качать »нтерактивный онлайн-курс Ђѕродвинута€ вЄрсткаї (2020)


    ѕохожие новости
  • ¬еб разработка - создание сайта с нул€ HTML, CSS, JavaScript (2020)
  •  урс ЂЋичные финансыї (2020)
  •  урс ЂBDSR BROADCAST Remastered Recordsї (2019)
  • јнимаци€ - это просто (2020)
  • ¬ведение в программирование на Java за 1 мес€ц (2020)

  • »нформаци€

    ѕосетители, наход€щиес€ в группе √ости, не могут оставл€ть комментарии к данной публикации.

‘ото новости
—обытие дн€
Ќовые статьи
12 август Ћетн€€ свежа€ 30-тка Vol.4 (2020)

12 август Summertime Songs Essentials (2020)

11 август –емейки и каверы (2020)

“оп новости