luxplanjay

function getTimeToInteractive() {
  const { requestStart, domInteractive } = window.performance.timing;

  return requestStart - domInteractive;
}

function getResourceEntries() {
  return window.performance.getEntriesByType('resource') || [];
}

luxplanjay

// Converts png and jpg into webP
gulp.task('webp', () => {
  return gulp
    .src('./src/img/**/*.{png,jpg,jpeg}')
    .pipe(webp({ quality: 90 }))
    .pipe(gulp.dest('./build/img'));
});

luxplanjay

fetch('https://api.ipify.org?format=json')
  .then(response => {
    if (response.ok) return response.json();

    throw Error('Error while fetching' + response.statusText);
  })
  .then(data => console.log(data))
  .catch(err => console.log(err));

luxplanjay

/*
  Напишите тесты к приложению из домашней работы номер 13.
  Постарайтесь покрыть тестами как можно больше методов в Model.
*/

luxplanjay

/*
  Возьмите домашнее задание №12 и перепишите его ипользуя паттерн MVC.
  
  Вынесите отдельно логику, отдельно представление и реакцию на действия пользователя. 
  Model, View и Controller вынести в отдельные файлы и сделать классами.
  
  Используйте ES6 модули и Webpack для сборки.
  
  Использование будет выглядеть следующим образом.
*/

luxplanjay

/* 
  Напишите приложение для хранения url веб-страниц в виде карточек-закладок. 
  
  Реализуйте следующий функционал:
    - Используйте Gulp для сборки проекта, JS обработан транспайлером Babel, ресурсы оптимизированы
    
    - Для добавления новой закладки, в приложении есть форма с элементом input и кнопкой "Добавить"
    
    - В приложении есть список всех добавленных карточек-закладок, располагающийся под формой
    

luxplanjay

/*
  Написать приложение для работы с REST сервисом, 
  все функции делают запрос и возвращают Promise 
  с которым потом можно работать. 
  
  Реализовать следующий функционал:
  - функция getAllUsers() - должна вернуть текущий список всех пользователей в БД.
  
  - функция getUserById(id) - должна вернуть пользователя с переданным id.
  

luxplanjay

/*
  Создайте скрипт секундомера.  
  По ссылке можно посмотреть пример выбрав Stopwatch http://www.online-stopwatch.com/full-screen-stopwatch/
  
  Изначально в HTML есть разметка:
  
  <div class="stopwatch">
    <p class="time js-time">00:00.0</p>
    <button class="btn js-start">Start</button>
    <button class="btn js-take-lap">Lap</button>

luxplanjay

/*
  Реализуйте форму фильтра товаров в каталоге и список отфильтрованных товаров.
  Используйте шаблонизацию для создания карточек товаров.
  
  Есть массив объектов (дальше в задании), каждый из которых описывает 
  ноутбук с определенными характеристиками.
  
  Поля объекта по которым необходимо производить фильтрацию: size, color, release_date.
  Поля объекта для отображения в карточке: name, img, descr, color, price, release_date.
    

luxplanjay

/*
  Создайте компонент галлереи изображений следующего вида.
  
    <div class="image-gallery js-image-gallery">
      <div class="fullview">
        <!-- Если выбран первый элемент из preview -->
        <img src="img/fullview-1.jpeg" alt="alt text 1">
      </div>

      <!-- li будет столько, сколько объектов в массиве картинок. Эти 3 для примера -->