gReeB04ki

Самому писать

<form>
      <div class="form-group">
        <label for="InputFile">File input</label>
        <input type="file" id="InputFile" @change="onFileChange">
        <p class="help-block">Upload image</p>
      </div>
    </form>

onFileChange (e) {
      let file = e.target.files[0] || e.dataTransfer.files[0]
      let formData = new FormData()
      formData.append('image', file)
      this.$http.post('upload/', formData)
        .then(response => {
          console.log(response)
        }, error => {
          console.log(error)
        })
    }

image preview:
https://codepen.io/anon/pen/YrNEZp

Спрашивают начиная с азов, мало ли что ;)

Из того, что явно подтверждает senior level в PHP:
1) SPL
2) Как работает PHP - opcode cache, garbage collection, zval
3) ООП: интерфейсы, абстракты, доступ к их членам
4) SOLID: расшифровать и объяснить каждую букву
5) Паттерны, и их практическое применение

Спрашивали на senior (всё, что удалось вспомнить):
можно ли взломать ssl
для чего нужны интерфейсы и абстрактные классы
чем отличается сервисно-ориентированная разработка от доменно-ориентированной
как сделать так, чтобы никто не смог угнать куки через джаваскрипт, как сделать чтобы нельзя было перехватить куки
кроссдоменные запросы
как добавить поле в высоконагруженную базу в таблицу на продакшене где 100 миллионов записей, без отказа бля базы
что такое партиционирование, шардинг, репликация
как работает http
что такое rest и soap
что такое репликация и как передаются данные при репликации между серверами, виды репликаций
триггеры, процедуры в базе
про способы кеширования веб приложений
джоины в базе
просили написать функцию нахождения ближайшего числа в массиве, для заданного числа
что такое рефакторинг
DIC, ServiceLocator
Какие паттерны знаешь и т.д.

В событие компонента mounted()
добавить показ прелоадера, запустить методы загрузки данных
убрать прелоадер, когда они завершатся (с помощью Promise.all)
Читать про промисы тут - https://learn.javascript.ru/promise

Примеры:
один запрос:

mounted() {
	this.showPreloader = true
	this.$http.get('/someUrl').then(response => {
		// данные загружены, убираем прелоадер
		this.showPreloader = false
		// записываем полученные данные куда-либо
		this.someData = response.body
	}, response => {
		// запрос завершился ошибкой
		// показываем сообщение об ошибке
		this.showPreloader = false
		this.showError = true
	});
},

Несколько запросов:

mounted() {
	this.showPreloader = true
	Promise.all([
		this.$http.get('/someUrl'),
		this.$http.get('/someUrl2')
	]).then(results => {
		// данные загружены, убираем прелоадер
		this.showPreloader = false
	}, response => {
		// один или несколько запросов завершились с ошибкой
		// показываем сообщение об ошибке
		this.showPreloader = false
		this.showError = true
	});
},

PS. Код справедлив для однофайловых компонентов с использованием Webpack. Используется синтаксис ES6.