Front -end Architecture Design Front -Архитектура Архитектура Основная тест веб -разработки Производство дизайна веб -сайта от входа до опытного веб -фронта -Учебная книга по дизайну и разработке.
Вес товара: ~0.7 кг. Указан усредненный вес, который может отличаться от фактического. Не включен в цену, оплачивается при получении.
Описание товара
Название книги: дизайн архитектуры на переднем конце
Оригинальная цена: 49,00 юань
Автор: [США] Майка&Мика Годболт; Пан Тайшен, Чжан
Пресса: People's Puss and Telecommunications Publishing House
Дата публикации: 2017-04-01
ISBN: 9787115452368
Номер страницы: 149
Издание: 01
Переплет: мягкая обложка
Открыто: 16
Вес товара: 0,3 кг
Предисловие XI Часть D Введение Глава 1 Принципы передовой архитектуры 7 D 2 Альфа-проект 11 2.1. Медленный и мощный старт 11 2.2 Полностью вооруженные 12 D 3 Ядро спереди архитектуры 15 3.1 Работа вокруг четырех ядер 15 3.2 Статические теги: уровень автоматизации 0%, контролируемый уровень ** 20 Введение XI
Часть D Введение
ГЛАВА D 1 ПРИНЦИПЫ АРХИТЕКТУРЫ 7
Глава D 2 Альфа -проект 11
2.1 медленное и мощное начало 11
2.2 Полностью вооружен 12
ГЛАВА D 3 Ядро фронтальной архитектуры 15
3.1 Сосредоточение внимания на четырех основных задачах 15
3.2 Значение четырех ядер 16
Часть D Code Core
Глава D 4 HTML 19
4.1 прошлые способы справиться с оценками 19
4.1.1 Программная маркировка: уровень автоматизации **, контролируемый уровень 0% 19
4.1.2 Статическая маркировка: 0% Уровень автоматизации, управляемый уровень ** 20
4.2 Балансировать управляемость и автоматизацию 21
4.3 Система проектирования, стоящая за всем этим 22
4.4 Многогранная природа модульной теории CSS 22
4.4.1 Метод OOCSS 23
4.4.2 Метод SMACSS 23
4.4.3 Метод BEM 24
4.5 Выберите правильный план 25
Глава D 5 CSS 27
5.1 Битва между характеристиками и болью наследования 28
5.2 Современный модульный подход 30
5.3 Другие полезные принципы 32
5.3.1 Принцип единой ответственности 32
5.3.2 Односинтетический источник 33
5.3.3 Модификатор компонента 34
5.4 Резюме 35
Глава D 6 JavaScript 37
6.1 Выбор кадра 37
6.2 Поддержание аккуратного кода JavaScript 38
6.2.1 Держите код аккуратно 38
6.2.2 Создание повторных функций 38
6.3 Резюме 40
Глава D 7 Red Hat Code 41
7.1 Слишком много зависимостей 41
7.2 Серьезные проблемы с зависимостью местоположения 42
7.3 Дизайн разложения 42
7.4 Классификация компонентов 43
7.5 BB Правила птиц 44
7.6 Напишите свои собственные правила 44
7.7 Каждый тег указывает W-One Selecter 46
7.7.1 Принцип единой ответственности 46
7.7.2 стили имеют только один источник 47
7.7.3 Необязательный модификатор 47
7.7.4 Необязательный контекст 50
7.8 Семантическая сетка 53
ЧАСТЬ D CORCES CORCE
Глава D 8 Рабочий процесс 57
8.1 Прошлый рабочий процесс разработки 57
8.2 Modern Development Workflow 58
8.2.1 Требования 58
8.2.2 Прототип дизайн 58
8.2.3 Разработка программы 58
8.3 Front-End Workflow 59
8.3.1 Требуемые инструменты 59
8.3.2 местное развертывание 59
8.3.3 Напишите пользовательские истории 60
8.4 Разработка 61
8.5 Выпуск 62
8.6 Отправить скомпилированные ресурсы 62
8.7 Непрерывно интегрированный сервер 63
8.7.1 Tag Branch 64
8.7.2 Почему вы это делаете? 64
8.8 Удачный канал 64
Глава D 9 Задача 67
9.1 Делайте все в процессоре задачи 68
9.2 Использование процессоров задач в проектах 69
9.3 есть ли явный победитель? 71
D ГЛАВА 10 RED HAT PROCESS 73
10.1 Завоевать Z One Mile 73
10.2 Система проектирования, управляемой режимами 75
ЧАСТЬ D Тестовое ядро
D ГЛАВА 11 ЕДИНЦИОННЫЙ Тест 87
Блок 11.1 87
11.1.1 больше повторного использования 88
11.1.2 Лучший тест 88
11.2 Тестовая разработка 88
11.3 Пример испытаний 89
11.4 Насколько велик испытательный охват, чтобы быть достаточным 90
11.4.1 Разрешение различий 90
11.4.2 Начните с тестового покрытия 90
D ГЛАВА 12 Тест производительности 91
12.1 Разработать бюджет эффективности 91
12.1.1 Конкурс базовая линия 92
12.1.2 Средний эталон 92
12.2 Оригинальный индикатор 93
12.2.1 Размер страницы 93
12.2.2 Номер HTTP -запросов 94
12.3 Измерение синхронизации 94
12.4 смешанные метрики 95
12.4.1 PageSpeed Оценка 95
12.4.2 Индекс скорости 95
12.5 Настройка тестирования производительности 95
12.5.1 Плагин Grunt PageSpeed 96
12.5.2 Grunt Perfbuget Plug-in 96
12.6 Резюме 97
Глава D 13 Тест на восстановление визуального восстановления 99
13.1 Общие вопросы 99
13.1.1 Разработчики, которые не понимают ситуацию 100
13.1.2 НЕОБХОДИМОЙ ДИЗАЙН 100
13.1.3 не определились, принимающие решения 100
13.2 Протестированный раствор 101
13.3 Многогранность теста на реставрацию 101 визуального восстановления 101
D Глава 14 Метод испытания Red Hat 103
14.1 Практический тест на визуальное сокращение 103
14.1.1 Набор тестовых инструментов 103
14.1.2 Настройка Grunt 104
14.1.3 Файл испытаний 104
14.1.4 Сравнение 105
14.1.5 Запустите все тестовые примеры 106
14.1.6 Как справиться с провалами теста 107
14.1.7 от неудачи до успеха 107
14.1.8 Измените код в соответствии с потребностями 108
14.1.9 Поместите эталонный изображение в каталог компонентов 108
14.1.10 D-RUN Test Set для каждого компонента 109
14.1.11 Масштабируемость тестирования 110
14.2 Резюме 111
Часть D Пять документов ядро
D ГЛАВА 15 Стиль документ 117
15.1 Настройка голограммы 117
15.1.1 Голограмма Комментарий Комментарии Комментарии 119
15.1.2 Процесс компиляции голограммы 120
15.1.3 Резюме голограммы 121
15.2 SassDoc 121
15.2.1 Установить Sassdoc 121
15.2.2 Использование SASSDOC 122
15.2.3 Исследуйте Sassdoc 123
15.2.4 Понять Sassdoc 124
15.2.5 Внутренние зависимости 125
15.3 Резюме 127
D Глава 16 Графическая библиотека 129
16.1 Что такое паттерная лаборатория 129
16.2 LANG Pattern Lab 131
16.3 1 Шаблон страницы 133
16,4 1 переменная 134
16,5 атом 135
16.6 Играя роль атома 135
D Глава 17 Документ Red Hat 137
17.1 Стадия 1: Документация статического стиля 137
17.2 Фаза 2: Переписать паттерн лаборатории 139
17.3 Стадия 3: Разделите документацию по библиотеке режимов и стиль 142
17.4 Фаза 4: Создайте двигатель Unified Rendering 143
17.5 Стадия 5: автоматически создать новый режим 144
Глава D 18 Резюме 147
Введение автора 149
Обложка Введение 149
Эта книга показывает зрелое и глубокое понимание зрелого фронтального архитектора. Основываясь на своем фактическом опыте проекта в Red Hat, автор исследовал принципы фронтальной архитектуры и основное содержание фронтальной архитектуры, включая рабочий процесс, процесс тестирования и записи документов, а также конкретную разработку, которую он должен выполнять в качестве фронтального архитектора, включая HTML, JavaScript и CSS.
【об авторе】
Мика Годболт, фронт-архитектор, писатель, подкастер, тренер и лектор на конференции World Ji с открытым исходным кодом. Он часто энергично продвигает фронтальную архитектуру, SASS, тестирование на визуальное восстановление и методы дизайна на основе шаблонов в своем личном блоге (https://micahgodbolt.com). Родился на северо -западе Тихого океана, в настоящее время он живет в пригороде Портленда со своей женой и двумя детьми.
【Введение переводчика】
Пан Тайшен
Окончив Гуандунский университет иностранных исследований и внешней торговли, он работал в интернет -компаниях, таких как Tencent и Baidu, участвовал в веб -разработке массовых предприятий данных, таких как Tencent QQ Space и Baidu Map, и в настоящее время работает в сети FUTU.
Чжан Пэн
Он окончил Университет Sun Yat-Sen со степенью магистра и работал в известных интернет-компаниях, таких как Baidu и Tencent. Он участвовал в разработке и внедрении интернет-приложений на 100 миллионов интернет-приложений на основе архитектуры LNMP. В настоящее время он занимается развитием Nodejs и Front-End.
Сюй Джинкуан
Окончил Университет Шэньчжэнь и присоединился к Baidu Fex после окончания учебы. Он руководил фронтальной разработкой, такой как Ueditor и Baidu International Browser. В настоящее время он работает в Tencent Cloud.
【Обзор Введение】
Ли Сянь
Huawei 2012 Laboratory UCD -дизайнер взаимодействия, магистр дизайна взаимодействия в Университете Монаш, бывший преподаватель восточного английского языка и 8 класс по английскому языку в Гуандонском университете иностранных исследований и внешней торговли.
Фронтальная архитектура представляет собой набор инструментов и процессов, предназначенных для улучшения качества кода фронт-элитного и обеспечения эффективных и устойчивых рабочих процессов. Для крупномасштабных веб-проектов, фронтальные архитекторы и архитекторы программного обеспечения также являются незаменимыми. Благодаря реальному анализу красной шляпы и практических навыков, накопленных предыдущим опытом, автор этой книги систематически суммирует четыре ядра фронтальной архитектуры, подробно отображает новые рекомендации по развитию фронт-эндов и выводит веб-разработку на новый уровень.
Четыре ядра фронтальной архитектуры:
● Код—— как реализовать HTML, CSS и JavaScript в системной архитектуре
● Процесс—— Инструменты и процессы, необходимые для создания эффективных и защищенных от ошибок рабочих процессов
● Проверка—— Создайте прочную основу для сайта
● Документация—— Планируйте проект системы
Обязанности архитектора переднего конца:
● Дизайн системы—— четко опишите окончательную форму продуктов и кода
● Планирование работы—— Сформулировать полный рабочий процесс разработки
● Надзор и последующее наблюдение—— Обеспечить высокую эффективность завершения проекта