Test Google Web Starter Kit v0.6.5 əsaslanır.
Repozitoriyanı fork edin. Hər tapşırığı bitirdikdən sonra, dəyişiklikləri commit etməyi unutmayın.
Google Web Starter Kit "Quraşdırılma təlimatları" istifadə edin. Sonra http://localhost:3000/ linkə daxil olaraq, test səhifəsini görəcəksiz.
Bu repozitoriyanı submodule kimi /submodule
qovluğuna əlavə edin.
Fayla link əlavə etmək üçün, gulp task submodule
komandasını işə salın.
Burada siz pul şəkli görəcəksiz.
İndi siz pul şəklini klonlaşdırmaq üçün JavaScript kodunu yazmalısınız və bu əməliyyatı Yeah, I want more money! düyməsinə əlavə etməlisiniz.
Əsas qovluğa qayıdın və yeni Checkout tabını əlavə edin.
Proyektin şəklini /projects/checkout.png
qovluğunda tapa bilərsiniz. SCSS istifadə etməklə bu səhifəni yığın.
4-cü tapşırıqda yığdığınız səhifədəki formaya sadə JavaScript yoxlanış əlavə edin. Submit düyməsinə tıklayanda error/success mesajını göstərməyi yaddan çıxarmayın.
Bütün tapşırıqları tamamladıqdan sonra CV-nizi və repozitoriyanın linkini [email protected] mail adresinə göndərin və cavab gözləyin. Uğurlar!
Тест основан на Google Web Starter Kit v0.6.5
Форкните этот репозиторий. Не забывайте коммитить изменения после каждой задачи.
Используйте Google Web Starter Kit "Инструкция по установке". Затем вы увидите тестовую страницу по адресу http://localhost:3000/
Добавьте Этот репозиторий как сабмодуль в папку /submodule
, затем выполните gulp task submodule
, чтобы добавить символическую ссылку. Тут вы увидите страницу с купюрами.
Теперь вы должны написать JS код для клонирования изображения купюры и приложить это действие к кнопке Yeah, I want more money!.
Вернитесь к основному репо и добавьте еще одну вкладку - Checkout. Проект находится в /projects/checkout.png
- сделайте эту вкладку максимально похожей. Используйте SCSS для написания стилей.
Добавьте простую JS-проверку в форму, созданную ранее. Не забудьте показать сообщение об ошибке или успешной отправке формы при клике на сабмит.
После завершения всех задач отправьте нам свое резюме и ссылку на репозиторий на [email protected], затем ждите ответа. До свидания!