Урок №19

Тестирование верстки
Предыдущий урок
Урок №18
35 из 44 уроков

Дата и время начала Чт 08 Мар 07:00

Следующий урок
Урок №20

Урок № 19. Тестирование верстки

  • 1) Тестирование на валидность 00:23
  • 2) W3C стандарты - что это?
  • 3) Тесты на скорость загрузки 08:20
  • 4) Как оптимизировать сайт для быстрой загрузки 09:20
  • 5) Убрать скрипты из head
    • Сжать все CSS, JS, HTML файлы
    • Ускорить отображение видимого контента

Дополнительные ссылки

Сжать изображение — iloveimg
iloveimg.com/ru/compress-image
Компрессор изображений
compressor.io
Оптимизация изображений
imageoptimizer.net

Задание

  • ПРОСТОЕ ЗАДАНИЕ:

    Анимировать элементы на сайте
    • 1) Анимировать на сайте блок с преимуществами:
      • 1-й элемент появляется снизу без задержки
      • 2-й имеет задержку в 0.2s
      • 3-й элемент имеет задержку 0.4s и так далее со всеми элементами в этом блоке
      • Использовать библиотеку Animate.css и Wow.js
    • 2) Загрузить папку с проектом на свой хостинг

  • УСЛОЖНЕННОЕ ЗАДАНИЕ:

    1) Написать анимацию без использования animate.css и wow.js для фотографии на главном экране (фото коробок)
    • Элемент должен быть изначально скрыт
    • Он должен появиться с задержкой в 0.4 секунды
    • Должен выехать снизу и развернуться на 90 градусов по оси Y
    • Длительность анимации 1 секунда