Coder Social home page Coder Social logo

itmtm / project_windows Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 3.82 MB

Project_windows

Home Page: https://itmtm.github.io/Project_windows/

JavaScript 57.21% CSS 11.26% PHP 0.02% Ruby 0.09% Less 3.48% SCSS 3.82% HTML 24.12%
ajax animation async-await es6 es6-modules es7 es7-async fetch-api forms gulp

project_windows's Introduction

PROJECT: Windows

Screenshot_1

  • Сборка проекта gulp + webpack;
  • Реализация показа модльных окон;
  • Работа с табами + добавление простой анимации между переключениями;
  • Отправка формы заявки AJAX с применением Fetch API с (async/await стандарта ES7);
  • Калькуляция формы:
  • - Выбор формы балкона;
    - Указание размеров и валидация инпутов(ввод только числовое значение), а также их очистка;
    - При попытке кликнуть "далее" вызов alert c подсказкой о необходисмости заполнить необходиые поля;
    - Следующее модальное окно тип остекления и его профиль, аналогично вышеописанного;
    - 3-е мадальное окно непосредственно сама основная форма с именем и номером телефона, после их заполнения появляется CssText благодарности, форма закрывается, поля очищаются.

  • Реализация таймера(deadline):
  • - Если время акции подходит к 0, таймер останавливается, в минус не уходит.

  • Реализация модуля показа картинок в разделе "Наши работы";
  • - При клике на картинку появляется эффект ее увеличения;

    - Закрытие происходит кликом в любую облась бэкграунда а так же по клавиши Escape.
  • Улучшение поведения overflow, при вызове модальных окон, компенсация вертикального скролла за счет marginRight(Окно не скачет);
  • Папка dist версия prod(Все файлы минимизированны)

    project_windows's People

    Contributors

    itmtm avatar

    Watchers

     avatar

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.