Information Technology Video Developer Network http://itvdn.

com

Информационный видеосервис для разработчиков программного обеспечения

Ruby on
V из MVC. Views. Templates. Assets pipeline. Webpack
 Ruby on Rails
Introduction

Кушвид Евгений
Ruby Developer
yevhenii-kushvid

3 года опыта коммерческой веб-разработки

на языке Ruby с использованием framework-а
Ruby on Rails

Master Degree of Computer Science

in branch of
Artificial Intelligence Systems

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
После урока обязательно

Повторите этот урок в видео формате на

ITVDN.com

Проверьте как Вы усвоили данный материал на

TestProvider.com

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails

V из MVC
Views. Templates
Assets pipeline. Webpack

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Содержимое урока

• ActionView • Cache
• Data to View • html / Erb / HAML / SLIM
• Views • JS / CoffeScript
• Render different types • CSS / SCSS / SASS
• Templates • AssetsPipeline
• Partials • Precompilation
• Tags • CDN
• Custom tags • WebPack
• Sanitize • FrontEnd frameworks

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
ActionView

Отображение данных?

Что такое ActionView?

Как к нему приходят данные?

Как их виды?

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Data to View

Формирование отображение данных.

Какие есть способы?

Какие из них самые удачные?

Текущие тенденции.

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Views

Структура страницы.

Основные функции которые

помогают форматировать и
отрисовывать главные части
страницы.

Как избегать логики?

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Templates

Шаблонизация страниц.

Размещение основных модулей.

Управление порядком загрузки

библиотек, а также их списком.

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Partials

В чём отличие от Templates?

В каких случаях используется?

Шаблонизирование отдельных мелких

повторяющихся модулей страницы.

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Tags

Рассмотрим наш инструментарий.

Какие у нас есть теги?

Почему мы, порой, применяем

ruby варианты html тегов, а не
оригинальные?

Каково их применение?

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Sanitize

HTML Как обезопасить себя от взломов и

JS различных ненужных ошибок в
CSS
связанной с хранением в
БД/строке?

HTML, CSS или JS

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Cache

Возвращаем отрисованные ранее

фрагменты, которые часто
встречаются, экономя время на
повторную обработку.

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Коллекции

Отрисовка элементов списка.

Как это работает?

Как это настраивать?

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
html / Erb / HAML / SLIM

Что это за аббревиатуры?

Чем они отличаются?

Какие у них преимущества и недостатки?

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
JS / CoffeScript

Аналогом haml из мира JS выступает

Coffee Script.

Как он формируется и какие его

основные особенности?

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
CSS / SCSS / SASS

Прекомпилированные языки стилей,

их специфика и преимущества.

Ускоряем разработку по максимуму,

ценой времени прекомпиляции.

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
The Asset Pipeline

Версионирование компилированных ассетов?

Преимущества пайплайна?

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
CDN
Ускоряемся и оптимизируемся. Географическое распределение ассетов

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Webpack

Это статический модульный

сборщик для приложений на
JavaScript.

Основные функции?

Преимущества и недостатки?

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Front-End frameworks

ITVDN Information Technology Video Developer Network http://itvdn.com

 Ruby on Rails
Итог

ITVDN Information Technology Video Developer Network http://itvdn.com

 Смотрите наши уроки в видео формате
ITVDN.com
Посмотрите этот урок в видео формате на
образовательном портале ITVDN.com
для закрепления пройденного материала.

Курсы записаны сертифицированными

тренерами, которые работают в учебном
центре CyberBionic Systematics и другими
высококвалифицированными
разработчиками.

ITVDN Information Technology Video Developer Network http://itvdn.com

 Проверка знаний
TestProvider.com
TestProvider – это online сервис проверки
знаний по информационным технологиям. С
его помощью Вы можете оценить Ваш
уровень и выявить слабые места. Он будет
полезен как в процессе изучения
технологии, так и для общей оценки знаний
IT специалиста.

После каждого урока проходите

тестирование для проверки знаний на
TestProvider.com

Успешное прохождение финального

тестирования позволит Вам получить
соответствующий Сертификат.

ITVDN Information Technology Video Developer Network http://itvdn.com

Информационный видеосервис для разработчиков программного обеспечения

ITVDN Information Technology Video Developer Network http://itvdn.com