Метка: веб-разработка

Опубликовано

Вышла книга “Создание сайтов на Tilda с использованием искусственного интеллекта. Самоучитель”

Создание сайтов на Tilda с использованием искусственного интеллекта. Самоучитель

Подробно рассмотрена работа с конструктором сайтов Tilda, позволяющим создавать сайты любой сложности из готовых блоков и шаблонов без программирования. Приведены рекомендации по использованию панели разработчика и советы по оптимальным настройкам. Даны пошаговые инструкции для создания одностраничного сайта-визитки, лендинга, многостраничного сайта, сайта-портфолио и интернет-магазина. Описан принцип работы с Zero block, рассказано о публикации меню, галереи изображений, об использовании форм и виджетов, добавлении анимации и видео . Рассмотрена работа со шрифтами, регистрация и подключение домена, добавление SSL-сертификата. Отдельное внимание уделено интеграции интернет-магазина с платежными системами. Читатели узнают, как правильно организовать работу над сложными проектами и разрабатывать сайты на заказ.

Для начинающих разработчиков

СОЗДАЙ СВОЙ САЙТ ЗА ЧАС!

  • Простое создание сайтов без программирования
  • Инструменты и возможности конструктора Tilda
  • Подробная инструкция по созданию лендинга, «визитки» и многостраничного сайта
  • Создание портфолио
  • Сборка сайта из стандартных блоков
  • Создание контента и иллюстраций с использованием нейросетей
  • Использование анимации и видео
  • Внедрение виджетов и форм
  • Оптимизация сайта для поисковых систем

Книгу “Создание сайтов на Tilda с использованием искусственного интеллекта. Самоучитель” можно купить со скидкой в интернет-магазине издательства “БХВ“.

Введение………………………………………………………………………………………………… 11

Почему стоит делать сайты на Tilda?………………………………………………………………………………………. 12

Кратко о возможностях Tilda……………………………………………………………………………………………………. 12

Tilda — блочный конструктор сайтов……………………………………………………………………………………… 13

Некоторые особенности Tilda…………………………………………………………………………………………………… 13

Редактор Zero Block…………………………………………………………………………………………………………… 13

Формы…………………………………………………………………………………………………………………………………. 13

Интернет-магазин………………………………………………………………………………………………………………. 13

SEO………………………………………………………………………………………………………………………………………. 13

Публикация сайта в Сети………………………………………………………………………………………………….. 13

Tilda и WordPress………………………………………………………………………………………………………………………… 14

Используемые в книге обозначения…………………………………………………………………………………………. 15

От издательства…………………………………………………………………………………………………………………………. 15

Часть I. Начало работы в Tilda…………………………………………………. 17

Глава 1. Регистрация. Первое знакомство. Начало работы с Tilda…………. 19

О тарифах Tilda………………………………………………………………………………………………………………………….. 21

Тариф Free………………………………………………………………………………………………………………………….. 21

Тариф Personal…………………………………………………………………………………………………………………… 23

Тариф Business……………………………………………………………………………………………………………………. 23

Интерфейс…………………………………………………………………………………………………………………………………… 25

Устанавливаем базовые настройки сайта………………………………………………………………………………. 26

Резюме…………………………………………………………………………………………………………………………………………. 33

Глава 2. Продолжаем знакомство с Tilda. Термины. Пример………………….. 35

Действия со страницей сайта……………………………………………………………………………………………………. 38

Инструменты для редактирования страницы………………………………………………………………….. 40

Действия с блоками……………………………………………………………………………………………………………………. 41

Блоки Шапка (Header) и Подвал (Footer)…………………………………………………………………………. 43

Библиотека значков Tilda………………………………………………………………………………………………………….. 43

Как написать в поддержку?………………………………………………………………………………………………………. 44

Практический пример………………………………………………………………………………………………………………… 44

Как оптимизировать изображения для сайта?………………………………………………………………………… 50

Виды сайтов на Tilda…………………………………………………………………………………………………………………. 53

Лендинг……………………………………………………………………………………………………………………………….. 54

Многостраничник………………………………………………………………………………………………………………. 54

Магазин………………………………………………………………………………………………………………………………. 54

Корпоративный сайт…………………………………………………………………………………………………………. 55

Визитка……………………………………………………………………………………………………………………………….. 55

Портфолио………………………………………………………………………………………………………………………….. 55

Промо-сайт…………………………………………………………………………………………………………………………. 55

Блог……………………………………………………………………………………………………………………………………… 55

Лонгрид……………………………………………………………………………………………………………………………….. 55

Личный (персональный) сайт……………………………………………………………………………………………. 56

Вопросы для самопроверки………………………………………………………………………………………………………. 56

Задание……………………………………………………………………………………………………………………………………….. 56

Глава 3. Создаем учебный сайт из блоков Tilda……………………………………… 57

Графические форматы для сайтов……………………………………………………………………………………………. 57

  1. Блок CR04. Обложка: заголовок и подзаголовок……………………………………………………………….. 58
  2. Блок TX15. Текст на белой подложке………………………………………………………………………………….. 60
  3. Блок TL02A. Заголовок 52…………………………………………………………………………………………………….. 61
  4. Блок GL05. Изображения в одну строку………………………………………………………………………………. 62
  5. Блок AB604. Две колонки с четырьмя картинками и текстом. Знакомство с фоторедактором Photo Editor 64
  6. Блок VD01. Видео с YouTube……………………………………………………………………………………………….. 66
  7. Блок CN103. Контакты с телефоном и e-mail………………………………………………………………………. 67

Вопросы для самопроверки………………………………………………………………………………………………………. 69

Глава 4. Библиотека блоков Tilda………………………………………………………….. 71

Создаем первую страницу сайта……………………………………………………………………………………………… 71

Знакомимся с настройками страницы……………………………………………………………………………………… 75

Библиотека блоков Tilda…………………………………………………………………………………………………………… 77

Инструмент Настройки…………………………………………………………………………………………………….. 80

Инструмент Контент…………………………………………………………………………………………………………. 83

Кнопка добавления нового блока…………………………………………………………………………………….. 85

Стандартные блоки Tilda………………………………………………………………………………………………….. 85

Все блоки…………………………………………………………………………………………………………………… 85

Zero Block (нулевой блок)………………………………………………………………………………………… 87

Резюме…………………………………………………………………………………………………………………………………………. 88

Часть II. Практикум работы в Tilda…………………………………………. 89

Глава 5. Сайт подводного охотника и рыбака из стандартных блоков….. 91

  1. Блок CR09. Обложка с отступами по краям………………………………………………………………………… 91
  2. Блок TL02. Заголовок……………………………………………………………………………………………………………. 91
  3. Блок TX02. Лид (вводный текст)…………………………………………………………………………………………… 92
  4. Блок TX01. Текст……………………………………………………………………………………………………………………. 92
  5. Блок TL02. Заголовок……………………………………………………………………………………………………………. 92
  6. Блок CL19N. Три колонки с цифрами…………………………………………………………………………………… 93
  7. Блок TL02. Заголовок……………………………………………………………………………………………………………. 93
  8. Блок QT01. Прямая речь………………………………………………………………………………………………………… 93
  9. Блок FD302. Поток: Сетка для новостей или блога с фоном……………………………………………… 93
  10. Блок BF305. Призыв к действию: текст и большая кнопка………………………………………………. 94
  11. Блок SM101. Ссылки на соцсети………………………………………………………………………………………… 94

Редактируем цепочку из одиннадцати блоков………………………………………………………………………… 94

Шаг 1. Редактируем блок CR09. Обложка с отступами по краям…………………………………. 95

Шаг 2. Добавляем якорную ссылку: блок T173………………………………………………………………. 95

Шаг 3. Обеспечиваем плавный скролл до локальной якорной ссылки — блок T178….. 97

Шаг 4. Настраиваем остальные блоки…………………………………………………………………………….. 98

Шаг 5. Задаем расстояния между блоками……………………………………………………………………… 98

Шаг 6. Выравниваем текст………………………………………………………………………………………………. 100

Шаг 7. Делаем в блоках одинаковый кегль текста……………………………………………………….. 100

Шаг 8. Добавляем разделители………………………………………………………………………………………. 102

Резюме………………………………………………………………………………………………………………………………………. 102

Глава 6. Получаем контент для сайта (тексты пишут нейросети)…………. 103

Работаем с блоком FD302 Поток: Сетка для новостей или блога с фоном
в несколько колонок………………………………………………………………………………………………………………… 103

Генерируем тексты постов для сайта с помощью нейросети Perplexity.ai…………………………. 107

Переносим тексты дыхательных упражнений на сайт………………………………………………………… 109

Используем для сайта нейросеть ChatGPT……………………………………………………………………………. 113

Резюме………………………………………………………………………………………………………………………………………. 116

Глава 7. С помощью нейросетей генерируем изображения для сайта…… 117

Нейросеть Leonardo Ai……………………………………………………………………………………………………………. 117

Генерируем изображения………………………………………………………………………………………………… 119

Нейросеть Lexica, рисующая по словам……………………………………………………………………………….. 123

Нейросеть Easy-Peasy.AI………………………………………………………………………………………………………… 125

Нейросеть DreamStudio…………………………………………………………………………………………………………… 126

Добавляем скачанные изображения на сайт Tilda……………………………………………………………….. 127

Резюме………………………………………………………………………………………………………………………………………. 130

Глава 8. Финальные настройки рыболовного сайта…………………………….. 131

Настраиваем обложку (блок CR09)……………………………………………………………………………………….. 131

Задаем число колонок в блоке………………………………………………………………………………………… 131

Задаем высоту первого экрана сайта…………………………………………………………………………….. 132

Задаем размер заголовка………………………………………………………………………………………………… 132

Меняем фон блока……………………………………………………………………………………………………………. 132

Настраиваем контент в других блоках сайта……………………………………………………………………….. 134

Второй экран (блок TL09)……………………………………………………………………………………………….. 134

Экраны 3 и 4 (текстовые блоки TX02 и TX01)………………………………………………………………. 134

Прием заливки фона цветом без загрузки фонового изображения………………………………. 134

Создаем и настраиваем блок BF101 Кнопка…………………………………………………………………. 136

Редактируем блок SM101………………………………………………………………………………………………… 136

Меняем цвет чисел с помощью пипетки…………………………………………………………………………. 137

Превращаем кнопку в ролловер……………………………………………………………………………………… 137

Добавляем на сайт изображение с помощью гиперссылки………………………………………….. 138

Настраиваем внешний вид кнопки…………………………………………………………………………………. 139

Добавляем ссылки на соцсети………………………………………………………………………………………… 139

Настраиваем во всех блоках анимацию………………………………………………………………………… 140

Настраиваем кнопку Поделиться…………………………………………………………………………………… 142

Советы по красивому оформлению страниц сайта………………………………………………………………. 143

Резюме………………………………………………………………………………………………………………………………………. 144

Глава 9. SEO сайта на Tilda………………………………………………………………….. 145

Тег H1 — заголовок и описание страницы…………………………………………………………………………….. 146

Метатег Title (заголовок) и метатег description (описание страницы)……………………………….. 146

Альтернативный текст для изображений………………………………………………………………………………. 148

Человекопонятный (ЧПУ) URL (понятный человеку адрес сайта)……………………………………… 149

Сниппеты для социальных сетей и поисковых систем…………………………………………………………. 150

Переадресация на единую версию сайта………………………………………………………………………………. 152

Делаем страницу на Tilda главной…………………………………………………………………………………………. 154

Создаем страницу 404…………………………………………………………………………………………………………….. 155

Фавикон (favicon) — значок сайта для браузера…………………………………………………………………. 158

Яндекс.Вебмастер и Google Search Console…………………………………………………………………………… 160

Настройка адаптивности сайта……………………………………………………………………………………………… 161

Находим и обезвреживаем ошибки SEO………………………………………………………………………………… 162

Ошибки важные, но не критические……………………………………………………………………………………….. 162

Резюме………………………………………………………………………………………………………………………………………. 164

Часть III. Продолжаем и углубляем знакомство с Tilda 165

Глава 10. Сайт-визитка………………………………………………………………………… 167

Первый экран сайта…………………………………………………………………………………………………………………. 167

Второй экран сайта…………………………………………………………………………………………………………………. 169

Третий и другие экраны сайта……………………………………………………………………………………………….. 170

Местонахождение (карта)………………………………………………………………………………………………………. 170

Виджет для заказа обратного звонка…………………………………………………………………………………….. 174

Виджет для отправки сообщений…………………………………………………………………………………………… 177

Вопросы для самопроверки……………………………………………………………………………………………………. 180

Глава 11. Лендинг………………………………………………………………………………… 181

Первый экран шаблона: блок CR16………………………………………………………………………………………. 183

Второй экран шаблона: блок FR201……………………………………………………………………………………… 184

Третий экран шаблона: блок FR301………………………………………………………………………………………. 185

Четвертый экран шаблона: блок BF302………………………………………………………………………………… 185

Пятый экран шаблона: блок BF203N…………………………………………………………………………………….. 186

Подключаем службу приема данных из форм (Telegram)……………………………………………………. 187

Редактируем кнопку Попробовать бесплатно……………………………………………………………………… 190

Вопросы для самопроверки……………………………………………………………………………………………………. 191

Задание…………………………………………………………………………………………………………………………………….. 191

Глава 12. Сайт-портфолио……………………………………………………………………. 193

Пример 1. Консультация диетолога………………………………………………………………………………………. 193

Определяем целевую аудиторию лендинга…………………………………………………………………… 193

Регистрируемся и создаем лендинг………………………………………………………………………………… 193

Первый экран: блок CR17……………………………………………………………………………………………….. 194

Второй экран: блок AB201……………………………………………………………………………………………… 196

Третий экран: блок FR102N……………………………………………………………………………………………. 197

Четвертый экран: блок TL028…………………………………………………………………………………………. 198

Пятый экран: блок BF204N……………………………………………………………………………………………… 199

Подключение к форме заявки сервисов приема данных………………………………………………. 200

Шестой экран: блок CN101…………………………………………………………………………………………….. 201

Настройки лендинга………………………………………………………………………………………………………… 201

Настройка главной страницы…………………………………………………………………………………………. 203

Пример 2. Услуга по созданию сайта……………………………………………………………………………………. 205

Первый экран……………………………………………………………………………………………………………………. 205

Второй экран……………………………………………………………………………………………………………………. 205

Третий экран…………………………………………………………………………………………………………………….. 208

Четвертый экран………………………………………………………………………………………………………………. 208

Пятый экран……………………………………………………………………………………………………………………… 210

Где брать контент для лендинга?…………………………………………………………………………………………… 210

Иллюстрации……………………………………………………………………………………………………………………. 210

Тексты……………………………………………………………………………………………………………………………….. 210

Резюме………………………………………………………………………………………………………………………………………. 211

Глава 13. Многоэкранный сайт с меню………………………………………………… 213

  1. Выбор шаблона, настройка страницы сайта……………………………………………………………………. 213
  2. Создаем логотип для шапки сайта…………………………………………………………………………………….. 214
  3. Редактируем блок ME302……………………………………………………………………………………………………. 215
  4. Блок CR16 и якорная ссылка T173…………………………………………………………………………………….. 215
  5. Блок FR101. Список с галочками……………………………………………………………………………………….. 217
  6. Блок AB604. Две колонки с четырьмя картинками итекстом………………………………………….. 217
  7. Блоки TL03 и BF204N………………………………………………………………………………………………………….. 218
  8. Блок FR201…………………………………………………………………………………………………………………………… 220
  9. Добавление значков из пакета Tilda Icons…………………………………………………………………………. 221
  10. Блок TS201…………………………………………………………………………………………………………………………. 221
  11. Блок BF308N………………………………………………………………………………………………………………………. 222
  12. Блок CN106………………………………………………………………………………………………………………………… 223
  13. Добавляем кнопку Наверх…………………………………………………………………………………………………. 223
  14. Публикация сайта в Сети………………………………………………………………………………………………….. 224

Вопросы для самопроверки……………………………………………………………………………………………………. 224

Глава 14. Сайт-многостраничник…………………………………………………………. 225

Первая страница многостраничника……………………………………………………………………………………… 225

Вторая страница многостраничника…………………………………………………………………………………….. 227

Третья страница многостраничника……………………………………………………………………………………… 228

Используем буфер обмена блоками……………………………………………………………………………………….. 228

Редактируем наш черновик…………………………………………………………………………………………………….. 229

Шапка и меню сайта……………………………………………………………………………………………………………….. 230

Подвал сайта……………………………………………………………………………………………………………………………. 231

Вопросы для самопроверки……………………………………………………………………………………………………. 234

Задание 1………………………………………………………………………………………………………………………………….. 234

Задание 2………………………………………………………………………………………………………………………………….. 234

Глава 15. Меню из стандартных блоков для многостраничного сайта…. 235

Предварительная подготовка…………………………………………………………………………………………………. 235

Создаем меню…………………………………………………………………………………………………………………………… 238

Размещаем меню на всех страницах сайта…………………………………………………………………………… 241

Резюме………………………………………………………………………………………………………………………………………. 243

Глава 16. Виды меню для сайта……………………………………………………………. 245

Пример 1. Одно меню для всех страниц многостраничника……………………………………………….. 245

Пример 2. Многоуровневое меню…………………………………………………………………………………………… 249

Способ 1. Использование блоков ME601, ME601A и ME601B…………………………………… 250

Способ 2. Использование команды Добавить меню 2-го уровня…………………………………. 253

Пример 3. Меню для перемещения внутри одной страницы……………………………………………….. 254

Пример 4. Меню с переходом на метку…………………………………………………………………………………. 256

Способ 1. Используем ID блока……………………………………………………………………………………… 256

Способ 2. Ставим якорь…………………………………………………………………………………………………… 259

Вопросы для самопроверки……………………………………………………………………………………………………. 260

Задание…………………………………………………………………………………………………………………………………….. 260

Глава 17. Знакомство с Zero-блоком…………………………………………………….. 261

Пример одностраничной визитки в Zero-блоке для новичков……………………………………………… 261

Адаптация нулевого блока……………………………………………………………………………………………………… 266

Настраиваем макет нулевого блока для планшета с горизонтальной ориентацией… 266

С помощью панели для работы с отзывчивым дизайном……………………………………. 266

Используем эмулятор……………………………………………………………………………………………… 267

Настраиваем макет нулевого блока для планшета с вертикальной ориентацией…….. 268

Настраиваем макет нулевого блока для смартфона в горизонтальном положении…. 268

Настраиваем макет нулевого блока для смартфона в вертикальном положении……… 271

Резюме………………………………………………………………………………………………………………………………………. 271

Глава 18. Продолжаем изучать Zero-блок…………………………………………….. 273

Новые знания о веб-редакторе Zero Block…………………………………………………………………………….. 273

Пример создания собственной страницы в Zero Block…………………………………………………………. 275

Фон сайта………………………………………………………………………………………………………………………….. 276

Изображение…………………………………………………………………………………………………………………….. 277

Использование для фона изображения………………………………………………………………………….. 279

Текст………………………………………………………………………………………………………………………………….. 281

Кнопка………………………………………………………………………………………………………………………………. 284

Настройка адаптивности в Zero Block…………………………………………………………………………………… 285

Планшет в горизонтальной ориентации………………………………………………………………………… 285

Планшет в вертикальной ориентации……………………………………………………………………………. 286

Смартфон в горизонтальном положении……………………………………………………………………….. 287

Смартфон в вертикальном положении…………………………………………………………………………… 287

Вопросы для самопроверки……………………………………………………………………………………………………. 290

Задание…………………………………………………………………………………………………………………………………….. 290

Глава 19. Анимирование блоков………………………………………………………….. 291

Basic Animation в настройках стандартных блоков…………………………………………………………….. 291

Анимация в Zero Block…………………………………………………………………………………………………………….. 293

Базовая анимация в Zero Block……………………………………………………………………………………….. 293

Раздел Animation…………………………………………………………………………………………………….. 293

Раздел Parallax……………………………………………………………………………………………………….. 295

Раздел Fixing…………………………………………………………………………………………………………… 295

Пошаговая анимация в Zero Block………………………………………………………………………………….. 296

Пример. Делаем слайдер и слайд-шоу…………………………………………………………………………………… 299

Слайдер…………………………………………………………………………………………………………………………….. 299

Слайд-шоу………………………………………………………………………………………………………………………… 301

Вопросы для самопроверки……………………………………………………………………………………………………. 302

Задание…………………………………………………………………………………………………………………………………….. 302

Глава 20. Zero Block + pop-up……………………………………………………………….. 303

Пример 1. Создаем pop-up на блоке BF503…………………………………………………………………………… 303

Создаем первый Zero-блок с кнопкой…………………………………………………………………………….. 303

Инструмент Волна…………………………………………………………………………………………………… 304

Инструмент Слои…………………………………………………………………………………………………….. 305

Заливка фона…………………………………………………………………………………………………………… 306

Создаем блок BF503………………………………………………………………………………………………………… 306

Кнопка первого Zero-блока получает адрес…………………………………………………………………. 307

Создаем второй Zero-блок………………………………………………………………………………………………. 307

Добавляем блок T123 с HTML-кодом……………………………………………………………………………. 309

Пример 2. Создаем всплывающее окно на новом блоке-модификаторе T1093…………………. 311

Первый блок: стандартный блок CR40………………………………………………………………………….. 311

Второй блок: Zero Block………………………………………………………………………………………………….. 311

Третий блок: модификатор Т1093………………………………………………………………………………….. 311

Выполняем необходимые настройки pop-up…………………………………………………………………. 313

Резюме………………………………………………………………………………………………………………………………………. 313

Глава 21. Добавляем и настраиваем форму на сайте Tilda……………………. 315

Пример настройки формы на прием данных…………………………………………………………………………. 315

Шаг 1. Шапка блока и поля формы………………………………………………………………………………… 315

Поле 1. Почта читателя электронной библиотеки………………………………………………. 317

Поле 2. Ф.И.О. (фамилия, имя, отчество) читателя………………………………………………. 317

Поле 3. Маска телефона читателя………………………………………………………………………… 318

Поле 4. Отзыв…………………………………………………………………………………………………………… 319

Шаг 2. Текст на кнопке…………………………………………………………………………………………………….. 320

Шаг 3. Прием данных из формы……………………………………………………………………………………… 323

Шаг 4. Внешний вид формы…………………………………………………………………………………………….. 324

Вопросы для самопроверки……………………………………………………………………………………………………. 326

Задание…………………………………………………………………………………………………………………………………….. 326

Глава 22. Полезные советы и ресурсы для дизайнера,
использующего Tilda……………………………………………………………………………. 327

Поиск работы на Tilda…………………………………………………………………………………………………………….. 327

Где искать заказчиков на сайт Tilda?…………………………………………………………………………………….. 328

Этапы работы над сайтом………………………………………………………………………………………………………. 328

Полезные программы и сервисы…………………………………………………………………………………………….. 330

Adobe Photoshop………………………………………………………………………………………………………………. 330

Joxi…………………………………………………………………………………………………………………………………….. 330

ColorZilla……………………………………………………………………………………………………………………………. 331

WhatFont…………………………………………………………………………………………………………………………… 332

Emmet Re:view………………………………………………………………………………………………………………….. 332

flaticon:т значки……………………………………………………………………………………………………………….. 334

WebFonts.pro: шрифты…………………………………………………………………………………………………….. 334

Color Hunt: помощь в работе с цветом…………………………………………………………………………… 335

Шаблоны…………………………………………………………………………………………………………………………… 336

Сайты………………………………………………………………………………………………………………………………… 336

Тексты……………………………………………………………………………………………………………………………….. 337

Figma…………………………………………………………………………………………………………………………………. 337

Растровые изображения и фотографии………………………………………………………………………….. 339

Векторные изображения………………………………………………………………………………………………….. 339

Как бесплатно скопировать Tilda-сайт на диск?…………………………………………………………… 342

Фавикон (Favicon)…………………………………………………………………………………………………………….. 343

Freepik: фон для сайта……………………………………………………………………………………………………… 343

Программа для создания шапки сайта…………………………………………………………………………… 345

Создание логотипов и бейжиков для сайта…………………………………………………………………… 345

Оптимизатор графики для Сети………………………………………………………………………………………. 346

Вопросы для самопроверки……………………………………………………………………………………………………. 347

Задания…………………………………………………………………………………………………………………………………….. 347

Глава 23. Еще об использовании нейросетей в веб-разработке…………….. 349

Использование ChatGPT для прототипирования сайта……………………………………………………….. 349

Пример 1. Создаем прототип (скелет) сайта с помощью нейросети…………………………… 349

Пример 2. Договор с заказчиком на создание сайта…………………………………………………….. 351

Пример 3. Генерация красивых изображений онлайн………………………………………………….. 352

Мощная нейронная сеть Midjourney……………………………………………………………………………………… 353

Нейросеть Midjo………………………………………………………………………………………………………………………. 355

Резюме………………………………………………………………………………………………………………………………………. 357

Глоссарий…………………………………………………………………………………………….. 359

Предметный указатель…………………………………………………………………………. 365

Молочков Владимир Петрович

Владимир Петрович Молочков — кандидат педагогических наук, преподаватель высшей квалификационной категории Политехнического колледжа Новгородского госуниверситета им. Ярослава Мудрого. Автор 18 книг по компьютерной тематике и более 200 статей в СМИ.

Опубликовано

Супер бестселлер: “Python для гиков”

Python для гиков

Книга подробно рассказывает о разработке, развертывании и поддержке крупномасштабных проектов на Python. Представлены такие концепции, как итераторы, генераторы, обработка ошибок и исключений, обработка файлов и ведение журналов. Приведены способы автоматизации тестирования приложений и разработки через тестирование (TDD). Рассказано о написании приложений с использованием кластера Apache Spark для обработки больших данных, о разработке и развертывании бессерверных программ в облаке на примере Google Cloud Platform (GCP), о создании веб-приложений и REST API, использовании среды Flask. Показаны способы применения языка для создания, обучения и оценки моделей машинного обучения, а также их развертывания в облаке, описаны приемы использования Python для извлечения данных с сетевых устройств и систем управления сетью (NMS).

Для программистов

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

Гик — человек, глубоко погруженный в мир компьютерных технологий, стремящийся досконально разобраться в наиболее важных мелочах и нюансах. Эта книга написана для гиков, увлеченных программированием на Python.

Книга раскрывает методы оптимального использования Python как с точки зрения проектирования, так и реализации практических задач. В ней подробно описан жизненный цикл крупномасштабного проекта на Python, показаны различные способы создания модульной архитектуры Python-проекта. Вы изучите лучшие практики и паттерны проектирования, узнаете, как масштабировать приложения на Python, как реализовать многопроцессорность и многопоточность. Вы поймете, как можно использовать Python не только для развертывания на одной машине, но также в частных и публичных облачных средах. Вы изучите методы обработки данных, сосредоточитесь на создании микросервисов и научитесь использовать Python для автоматизации сетей и машинного обучения. Наконец, вы узнаете, как применять описанные методы и практики в веб-разработке.

Вы изучите:

  • Принципы разработки и управления сложными проектами
  • Способы автоматизации тестирования приложений и разработки через тестирование (TDD)
  • Многопоточность и многопроцессорность в Python
  • Написание приложений с использованием кластера Apache Spark для обработки больших данных
  • Разработку и развертывание бессерверных программ в облаке на примере Google Cloud Platform (GCP)
  • Создание на Python веб-приложений и REST API, использование среды Flask
  • Использование Python для извлечения данных с сетевых устройств и систем управления сетью (NMS)
  • Применение Python для анализа данных и машинного обучения

Книгу “Python для гиков” можно купить со скидкой в интернет-магазине издательства “БХВ“.

Об авторе. 14

О рецензентах. 15

Предисловие. 16

Для кого предназначена эта книга. 16

О чем эта книга. 17

Как получить максимальную отдачу от книги. 18

Загрузка файлов с примерами кода. 18

Условные обозначения. 19

Раздел 1. Python помимо основ. 21

Глава 1. Оптимальный жизненный цикл разработки на Python. 23

Культура и сообщество Python. 23

Этапы проекта Python. 26

Стратегия процесса разработки. 27

Итерация по этапам. 28

Стремление к MVP в первую очередь. 28

Стратегия разработки для специализированных предметных областей. 29

Эффективное документирование кода Python. 32

Комментарии Python. 32

Docstring. 32

Документация на уровне функций или классов. 34

Разработка эффективной схемы именования. 35

Методы. 36

Переменные. 36

Константы. 37

Классы. 37

Пакеты. 38

Модули. 38

Соглашения об импорте. 38

Аргументы. 38

Полезные инструменты. 38

Системы контроля версий. 39

Что не стоит хранить в репозитории системы контроля версий. 39

Понимание стратегий развертывания кода. 40

Пакетная разработка. 40

Среды разработки Python. 42

IDLE. 42

Sublime Text 42

Atom.. 42

PyCharm.. 42

Visual Studio Code. 43

PyDev. 43

Spyder 43

Заключение. 43

Вопросы. 44

Дополнительные ресурсы. 44

Ответы. 44

Глава 2. Использование модулей для сложных проектов. 45

Технические требования. 46

Знакомство с модулями и пакетами. 46

Импорт модулей. 46

Оператор import 48

Оператор __import__. 52

Инструмент importlib.import_module. 52

Абсолютный и относительный импорт. 53

Загрузка и инициализация модуля. 55

Загрузка модуля. 55

Установка параметров для специальных переменных. 55

Выполнение кода. 56

Стандартные модули. 57

Написание многоразовых модулей. 58

Независимая функциональность. 58

Генерализация функционала. 59

Традиционный стиль программирования. 60

Четко определенная документация. 61

Сборка пакетов. 62

Именование. 63

Файл инициализации пакета. 63

Сборка пакета. 63

Доступ к пакетам из любого расположения. 66

Общий доступ к пакету. 70

Создание пакета в соответствии с рекомендациями PyPA.. 70

Установка из локального исходного кода с помощью pip. 73

Публикация пакета в Test PyPI 75

Установка пакета из PyPI 76

Заключение. 77

Вопросы. 77

Дополнительные ресурсы. 77

Ответы. 78

Глава 3. Расширенное объектно-ориентированное программирование
на Python. 79

Технические требования. 80

Знакомство с классами и объектами. 80

Различия между атрибутами класса и атрибутами экземпляра. 80

Конструкторы и деструкторы классов. 83

Различия между методами класса и методами экземпляра. 84

Специальные методы. 85

Принципы ООП.. 86

Инкапсуляция данных. 87

Объединение данных и действий. 87

Сокрытие информации. 89

Защита данных. 91

Традиционный подход к использованию геттеров и сеттеров. 91

Использование декоратора property. 92

Расширение классов с помощью наследования. 94

Простое наследование. 94

Множественное наследование. 96

Полиморфизм. 97

Перегрузка метода. 97

Переопределение метода. 98

Абстракция. 100

Композиция как альтернативный подход к проектированию.. 102

Утиная типизация в Python. 104

Когда не стоит использовать ООП в Python. 105

Заключение. 106

Вопросы. 106

Дополнительные ресурсы. 107

Ответы. 107

Раздел 2. Расширенные концепции программирования. 109

Глава 4. Библиотеки Python для продвинутого программирования. 111

Технические требования. 111

Введение в контейнеры данных Python. 112

Строки. 112

Списки. 113

Кортежи. 114

Словари. 114

Множества. 115

Итераторы и генераторы для обработки данных. 116

Итераторы. 116

Генераторы. 120

Обработка файлов в Python. 122

Операции с файлами. 123

Обработка ошибок и исключений. 126

Работа с исключениями в Python. 127

Вызов исключений. 129

Определение пользовательских исключений. 130

Модуль logging в Python. 131

Основные компоненты системы логирования. 132

Работа с модулем logging. 134

Что стоит и не стоит записывать в журнал. 140

Заключение. 141

Вопросы. 141

Дополнительные ресурсы. 141

Ответы. 141

Глава 5. Тестирование и автоматизация с помощью Python. 143

Технические требования. 144

Понимание различных уровней тестирования. 144

Модульное тестирование. 145

Интеграционное тестирование. 145

Системное тестирование. 145

Приемочное тестирование. 146

Работа с тестовыми фреймворками Python. 146

Работа с фреймворком unittest 148

Фреймворк тестирования pytest 157

Разработка через тестирование. 165

Красный. 165

Зеленый. 166

Рефакторинг. 166

Автоматизированная непрерывная интеграция. 167

Заключение. 168

Вопросы. 168

Дополнительные ресурсы. 168

Ответы. 169

Глава 6. Дополнительные советы и приемы Python. 170

Технические требования. 170

Расширенные приемы использования функций в Python. 171

Функции counter, itertools и zip для итерационных задач. 171

Использование методов filter, map и reduce для преобразования данных. 175

Создание лямбда-функций. 178

Внедрение одной функции в другую.. 179

Изменение поведения функции с помощью декораторов. 181

Расширенные концепции структур данных. 187

Внедрение словаря в словарь. 187

Использование включений. 190

Введение в Pandas DataFrame. 192

Операции с объектом DataFrame. 193

Сложные случаи использования DataFrame. 198

Заключение. 203

Вопросы. 204

Дополнительные ресурсы. 204

Ответы. 204

Раздел 3. Масштабирование за пределы одного потока. 205

Глава 7. Многопроцессорная обработка, многопоточность
и асинхронное программирование. 207

Технические требования. 208

Многопоточность в Python и ее ограничения. 208

Слепое пятно Python. 209

Ключевые компоненты многопоточного программирования на Python. 210

Практический пример: многопоточное приложение для загрузки файлов
с Google Диска. 218

Многопроцессорная обработка. 221

Создание нескольких процессов. 221

Обмен данными между процессами. 224

Обмен объектами между процессами. 228

Синхронизация процессов. 230

Практический пример: многопроцессорное приложение
для загрузки файлов с Google Диска. 231

Асинхронное программирование для адаптивных систем. 233

Модуль asyncio. 234

Распределение задач с помощью очередей. 236

Практический пример: асинхронное приложение для загрузки файлов
с Google Диска. 238

Заключение. 240

Вопросы. 240

Дополнительные ресурсы. 241

Ответы. 241

Глава 8. Масштабирование Python с помощью кластеров. 242

Технические требования. 243

Возможности кластеров для параллельной обработки. 243

Hadoop MapReduce. 244

Apache Spark. 246

Устойчивые распределенные наборы данных (RDD) 249

Операции с RDD.. 249

Создание RDD.. 250

PySpark для параллельной обработки данных. 251

Создание программ SparkSession и SparkContext 253

PySpark для операций с RDD.. 254

PySpark DataFrames 257

PySpark SQL. 261

Практические примеры использования Apache Spark и PySpark. 262

Пример 1: калькулятор числа π в Apache Spark. 262

Заключение. 268

Вопросы. 269

Дополнительные ресурсы. 269

Ответы. 270

Глава 9. Программирование на Python для облака. 271

Технические требования. 271

Знакомство с облачными возможностями для приложений Python. 272

Среды разработки Python для облака. 272

Облачные среды выполнения для Python. 274

Создание веб-сервисов Python для облачного развертывания. 276

Использование Google Cloud SDK.. 277

Использование веб-консоли GCP. 284

Использование Google Cloud Platform для обработки данных. 287

Введение в основы Apache Beam.. 287

Конвейеры Apache Beam.. 289

Создание конвейеров для Cloud Dataflow.. 294

Заключение. 298

Вопросы. 299

Дополнительные ресурсы. 299

Ответы. 300

Раздел 4. Python для веб-разработки, облака и сети. 301

Глава 10. Использование Python для разработки веб-приложений
и REST API 303

Технические требования. 304

Требования к веб-разработке. 304

Веб-фреймворки. 304

Пользовательский интерфейс. 305

Веб-сервер/сервер приложений. 306

База данных. 307

Безопасность. 307

API 307

Документация. 307

Знакомство с фреймворком Flask. 308

Создание базового веб-приложения с маршрутизацией. 308

Обработка запросов с разными типами HTTP-методов. 310

Отображение статического и динамического контента. 312

Извлечение параметров из HTTP-запроса. 313

Взаимодействие с системами управления базами данных. 315

Обработка ошибок и исключений в веб-приложениях. 318

Создание REST API 321

Использование Flask для REST API 322

Разработка REST API для доступа к базе данных. 324

Пример: создание веб-приложения с помощью REST API 326

Заключение. 331

Вопросы. 332

Дополнительные ресурсы. 332

Ответы. 332

Глава 11. Разработка микросервисов на Python. 334

Технические требования. 334

Введение в микросервисы. 335

Практические рекомендации по созданию микросервисов. 337

Создание приложений на базе микросервисов. 338

Варианты разработки микросервисов на Python. 339

Варианты развертывания микросервисов. 340

Разработка приложения на основе микросервисов. 341

Заключение. 352

Вопросы. 352

Дополнительные ресурсы. 352

Ответы. 353

Глава 12. Создание бессерверных функций на Python. 354

Технические требования. 355

Знакомство с бессерверными функциями. 355

Преимущества бессерверных функций. 356

Варианты использования. 356

Варианты развертывания бессерверных функций. 357

Написание бессерверных функций. 358

Создание облачной функции на основе HTTP с помощью консоли GCP. 359

Практический пример: создание приложения для уведомлений
о событиях в облачном хранилище. 363

Заключение. 367

Вопросы. 367

Дополнительные ресурсы. 367

Ответы. 367

Глава 13. Python и машинное обучение. 369

Технические требования. 370

Введение в машинное обучение. 370

Использование Python для машинного обучения. 372

Библиотеки машинного обучения в Python. 372

Рекомендации по обучающим данным. 374

Создание и оценка модели машинного обучения. 375

Процесс построения модели машинного обучения. 375

Создание примера машинного обучения. 376

Оценка модели с помощью кросс-валидации и тонкой настройки гиперпараметров. 381

Сохранение ML-модели в файл. 384

Развертывание и прогнозирование ML-модели в GCP Cloud. 385

Заключение. 388

Вопросы. 388

Дополнительные ресурсы. 388

Ответы. 389

Глава 14. Python для автоматизации сети. 390

Технические требования. 391

Введение в автоматизацию сети. 391

Плюсы и минусы автоматизации сети. 392

Варианты использования. 393

Взаимодействие с сетевыми устройствами. 394

Протоколы для взаимодействия с сетевыми устройствами. 394

Взаимодействие с сетевыми устройствами с помощью библиотек Python
на основе SSH.. 397

Взаимодействие с сетевыми устройствами с помощью NETCONF. 404

Интеграция с системами управления сетью.. 408

Использование конечных точек сервиса определения местоположения. 409

Получение токена аутентификации. 410

Получение сетевых устройств и инвентаризация интерфейсов. 411

Обновление порта на сетевом устройстве. 412

Интеграция с событийно-ориентированными системами. 414

Создание подписок для Apache Kafka. 416

Обработка событий от Apache Kafka. 417

Продление и удаление подписки. 418

Заключение. 418

Вопросы. 419

Дополнительные ресурсы. 419

Ответы. 420

 

Предметный указатель. 421

Азиф Мухаммад

Мухаммад Азиф — программный архитектор, обладающий обширным опытом в области веб-разработки, автоматизации сетей и облаков, виртуализации и машинного обучения. ,Возглавлял многие крупномасштабные проекты в различных коммерческих компаниях. В 2012 году, получил степень доктора философии в области компьютерных систем в Карлтонском университете (Оттава, Канада) и в настоящее время работает в компании Nokia в качестве ведущего специалиста.

Опубликовано

Новинка: “Создание сайтов и лендингов на WordPress и Elementor с нуля”

Создание сайтов и лендингов на WordPress и Elementor с нуля

Рассказано о выборе хостинга и регистрации домена для сайта. Подробно рассмотрена установка и настройка WordPress. Рассказано об установке и настройке тем (шаблонов). Дана инструкция по созданию «шапки» сайта, многоуровневого меню, адаптации дизайна для компьютеров, ноутбуков и различных типов мобильных устройств. Рассматриваются наиболее популярные плагины, способы публикации на сайте видеороликов, аудиофайлов, опросов. Описаны способы обработки графики. Приведена подробная инструкция по созданию   лендинга с использованием конструктора Elementor. От читателя не требуется наличия профессиональных знаний в сфере программирования и дизайна.

Для начинающих разработчиков

Создай свой сайт с WordPress и Elementor!

WordPress — бесплатная система управления содержимым сайта с открытым исходным кодом. С помощью WordPress можно создавать как простые сайты «визитки», так и сложные проекты — блоги, корпоративные порталы, интернет-магазины.

Прочитав книгу, вы узнаете, как установить и настроить WordPress, как выбрать подходящий хостинг и самостоятельно зарегистрировать домен. Вы научитесь создавать сайты с нуля, адаптированные для компьютеров, ноутбуков и различных типов мобильных устройств. С помощью конструктора Elementor вы сможете разработать лендинг с современным адаптивным дизайном. Книга поможет выбрать подходящий шаблон оформления, подготовить необходимые графические элементы и иллюстрации. Используя плагины, вы превратите ваш сайт в популярный блог или корпоративный портал.

Эта книга поможет вам с нуля построить свой первый веб-сайт на WordPress и Elementor без знаний программирования и навыков дизайна, даже если до этого вы никогда не занимались веб-разработкой.

Вы узнаете, как:

  • выбрать хостинг для сайта и зарегистрировать домен,
  • самостоятельно установить и настроить WordPress,
  • создать современный веб-сайт,
  • подключить шаблоны оформления,
  • создать лендинг с адаптивным дизайном,
  • настроить необходимые для вашего сайта плагины,
  • создать элементы графического оформления для сайта,
  • разработать современный дизайн одностраничного сайта с использованием конструктора Elementor.

Книгу “Создание сайтов и лендингов на WordPress и Elementor с нуля” можно купить со скидкой в интернет-магазине издательства “БХВ“.

Предисловие. 9

Об этой книге. 9

История WordPress. 11

Почему стоит делать сайты на WordPress?. 12

Используемые в книге обозначения. 13

Глава 1. Домен и хостинг. 15

Основные понятия. 15

Сайт. 15

Хостинг. 15

Домен. 16

Покупка домена и хостинга для сайта. 17

Пример настройки службы DNS. 22

Резюме. 24

Глава 2. Создаем сайт на WordPress. 25

О бесплатном хостинге. 25

Пример 1. Бесплатный хостинг на Sprinthost.ru. 26

Шаг 1: регистрация. 26

Шаг 2: изучаем панель управления хостингом.. 27

Шаг 3: установка WordPress. 28

Пример 2. Бесплатное создание сайта на хостинге Beget 31

Шаг 1: получаем доступ на хостинг. 31

Шаг 2: устанавливаем на хостинг WordPress. 32

Запуск сайта. 33

Пример 3. Платное создание сайта на хостинге Timeweb. 35

Шаг 1: регистрация и покупка хостинга на Timeweb. 35

Шаг 2: покупаем домен на Timeweb. 39

Шаг 3: чистим хостинг. 40

Шаг 4: установка WP на хостинг Timeweb. 40

В чем разница двух панелей управления?. 42

Кодекс веб-мастера. 43

Глава 3. Первичные настройки WP-сайта после установки на хостинг. 45

Делаем все востребованные обновления. 45

Обновление версии PHP. 46

Настройка консоли сайта. 47

Раздел Общие настройки. 48

Раздел Чтение (главной страницы) 49

Раздел Постоянные ссылки. 50

Раздел Обсуждения. 51

Первые плагины.. 51

Латинизация ссылок: плагин Rus-To-Lat 51

Делаем ссылки короткими: плагин Bring Back the Get Shortlink Button. 54

Создаем заглушку: плагин WP Maintenance Mode. 55

Исключаем спам на своем сайте: плагин Akismet Spam Protection. 56

Глава 4. Выбор и установка темы.. 61

Пример установки темы через поиск. 61

Пример установки темы из ZIP-архива. 62

Замена темы.. 62

Структура темы WordPress. 63

Удаление лишних записей и страниц, присутствующих в теме по умолчанию.. 64

Проверка темы на паразитные ссылки: плагин Theme Authenticity Checker. 66

Граватар — аватар для сайта. 67

Фавикон — значок сайта. 70

Установка фавикона на WP-сайт с помощью плагина
Favicon by RealFaviconGenerator. 74

Логотип. 75

Установка фона сайта. 78

Глава 5. Шапка и подвал сайта. 79

Шапка сайта. 79

Пример создания шапки в программе XHeader. 80

Добавление шапки на сайт. 84

Пример оформления шапки сайта в теме Astra. 84

Добавим на шапку свои соцсети. 85

Добавим на шапку свою почту. 87

Остальные настройки шапки. 88

Корректировка вида шапки для показа сайта на смартфоне. 89

Подвал сайта. 90

Содержание подвала сайта. 91

Советы.. 92

Пример оформления подвала сайта в теме Astra. 92

Редактируем нижний колонтитул: плагин Remove Footer Credit 94

Использование пространства подвала: плагин Podamibe
Simple Footer Widget Area. 96

Глава 6. Создание страниц сайта. Виджеты.. 97

Создаем обязательные страницы.. 97

Колонки на странице. 98

Виджеты.. 98

Настройка меню: плагин Simple page ordering. 101

HTML-карта сайта: плагин WP DS Blog Map. 102

Защита страниц сайта паролем.. 104

Рубрики (категории) и метки. 106

Создание рубрик. 106

Создание меток. 107

Создание записей. 108

Кнопка Наверх. 109

Плагин jQuery Smooth Scroll 109

Плагин WPFront Scroll Top. 110

Советы по структуре сайта. 111

Глава 7. Форма обратной связи. Создание кнопок. 113

Создание формы Контакты.. 113

Пример 1: плагин Contact Form by BestWebSoft 113

Настройки формы.. 115

Пример 2: плагин Contact Form 7. 117

Создание кнопки. 117

Ссылка на сайте на номер телефона, Skype и отправку СМС.. 119

Глава 8. Меню сайта. Политика конфиденциальности. 121

Создание меню.. 121

Оформление в меню главной страницы сайта. 123

Пример настройки вида меню для темы Astra на ПК.. 124

Пример настройки вида меню для темы Astra на смартфоне. 125

Политика конфиденциальности. 127

Создание политики конфиденциальности. 127

Исключаем из меню соглашение об обработке персональных данных. 130

Глава 9. Полезные плагины. Приемы работы с сайтом.. 135

Защита текста от копирования: плагин WP-CopyProtect 135

Оглавление: плагин Table of Contents Plus (TOC+) 136

Защита сайта от взлома: плагин Limit Login Attempts. 137

Как опубликовать на сайте видео?. 139

Берем видео с YouTube. 139

Способ 1: использование блока HTML. 139

Способ 2: использование блока YouTube. 141

Добавляем на сайт свое видео. 142

Публикуем на сайте звуковые (аудио) файлы.. 143

Публикация неуникального контента: плагин Yoast SEO.. 143

Опрос: плагин WP-Polls. 144

Выводим опрос на странице. 144

Размещаем опрос в сайдбаре. 146

Организация скачивания файла с сайта. 147

Установка цепочки «Хлебные крошки»:
плагины Head, Footer and Post Injections и Flexy Breadcrumb. 149

Глава 10. Наполнение сайта контентом.. 155

Блочный редактор контента Gutenberg. 155

Изменение размера шрифта в редакторе Gutenberg. 160

Классический редактор WordPress. 162

Плагин Classic Editor. 162

Текстовый редактор Advanced Editor Tools. 162

Изменение страниц WordPress на записи и обратно. 164

Создание гиперссылок. 165

Создание ссылки на файл. 166

Вставка баннера на сайт. 167

Загрузка в WordPress PDF-файлов. 168

Скриншот страниц сайта. 170

Глава 11. Работаем с изображениями. 173

Размер изображения. 173

Количество изображений на странице. 173

Правильно называем картинку для сайта. 173

Уменьшение веса картинок. 174

Сервис уменьшения веса изображений https://tinypng.com/ 174

Сжатие изображений: плагин EWWW Image Optimiser. 174

Графический редактор vistacreate. 177

Сервис работы с графикой Сanva. 178

Создание электронной подписи: сервис Signature Generator. 179

Настройка изображений в статьях WordPress. 180

Миниатюра статьи. 181

Грамотная загрузка изображений на сайт. 182

Защита изображений на сайте: плагин водяного знака Image Watermark. 185

Поиск изображений без авторских прав. 188

Ищем анимацию для сайта. 191

Создание слайдера: плагин Smart Slider 3. 194

Публикация слайдера. 199

Глава 12. Сайт на поддомене. 201

Создание поддомена 3-го уровня. 201

Глава 13. Elementor — конструктор лендингов. 207

Чем лендинг отличается от сайта?. 207

Установка Elementor. 209

Практический пример: первый экран лендинга. 210

Создание разделителя между экранами. 215

Добавление анимации. 217

Второй экран лендинга. 218

Третий экран лендинга. 221

Четвертый экран лендинга. 222

Пятый экран лендинга. 224

Шестой экран с формой сообщения от посетителя. 225

Настройка отступов. 226

О работе с графикой. 228

Глава 14. Elementor: инструменты и приемы работы.. 231

Адаптивность лендинга. 231

Включение лендинга в меню сайта. 234

Что дальше?. 234

Кнопка. 235

Блок Прогресс. 235

Динамичный фон. 236

Работа с шаблонами (темами) 238

Если вы случайно что-то нужное удалили… 240

Если лендинг «глючит» (о плохих особенностях Elementor) 241

Инструмент Навигатор. 241

Поиск виджетов (строка поиска Finder) 241

О шрифтах. 242

Стоит ли использовать Elementor PRO?. 243

Генерируем «рыбу» из текста. 244

Бесплатные изображения для лендинга. 245

Ленивая загрузка изображений. 246

Плагин a3 Lazy Load. 246

Плагин Smush — Lazy Load Images, Optimize & Compress Images. 248

Глава 15. Пример создания на Elementor сайта-визитки. 249

Начинаем работу: первый экран сайта-визитки. 249

Тиражирование экранов. 251

Высота макета. Настройка размеров изображения в секции. 252

Разделитель. 254

Положение объекта в секции. 254

Цвет кнопки. 255

Второй экран сайта-визитки. 256

Третий экран сайта-визитки. 257

Четвертый экран сайта-визитки. 258

Пятый экран сайта-визитки: спойлеры и аккордеоны.. 261

Шестой экран сайта-визитки. 262

Подключение меню сайта к Elementor 264

Ставим якорные ссылки. 265

Экран Наши услуги. 266

Шапка лендинга. 267

Якоря для меню шапки. 267

Соцсети. 269

Проверяем адаптивность. 271

Elementor: резюме. 271

Глава 16. Taplink — сервис мгновенного создания лендинга. 273

Предварительная информация. 273

Регистрация. 273

Создание сайта. 277

Создание ссылок. 279

Приложение. Глоссарий. 283

Предметный указатель. 287

Молочков Владимир Петрович

Владимир Петрович Молочков — кандидат педагогических наук, преподаватель высшей квалификационной категории Политехнического колледжа Новгородского госуниверситета им. Ярослава Мудрого. Автор 18 книг по компьютерной тематике и более 200 статей в СМИ.

Опубликовано

Симдянов И. Самоучитель Ruby

Самоучитель RubyRuby — это динамический, рефлективный, интерпретируемый высокоуровневый язык программирования, который часто используется для создания веб-приложений. Однако одной этой областью возможности применения Ruby, конечно же, не ограничиваются. Всем, кто желает освоить этот замечательный язык программирования, мы рекомендуем самоучитель Игоря Симдянова. В этой книге язык Ruby излагается последовательно от простого к сложному. Описываются интерпретатор Ruby, утилиты, детально рассматривается современная Ruby-экосистема, работа со стандартной и сторонними библиотеками. Дан разбор синтаксических конструкций: операторов, переменных, констант, конструкций ветвления и циклов, блоков и итераторов. Подробно описаны объектно-ориентированные возможности Ruby: классы, модули, объекты и методы. Показано практическое применение языка Ruby в веб-программировании и автоматическом тестировании. Для закрепления материала в конце глав приводятся задания. С по¬мощью книги можно не только освоить язык Ruby, но и подготовиться к работе с профессиональными фреймворками: Ruby on Rails, Sinatra, RSpec, MiniTest и Cucumber. Опытных разработчиков может заинтересовать подробное описание нововведений версий от 2.0 до 2.6. Электронный архив с исходными кодами доступен на сайте издательства и GitHub. В ближайшее время книга появится в розничной продаже.