js-portfolio

Javascript-projects-portfolio

Events schedule calendar | code

• html, css: HTML5, forms, table, BEM
• javascript: es6,
• webpack 5: babel, saas, postcss, eslint, stylelint

BMW x6 promosite | code

• html: HTML5, forms, semantic tags
• css: BEM, flexbox
• javascript: accordion, tabs, smooth scroll, modal window, block scroll when open modal window, eventListeners, XMLHttpRequest, defer, modules, import, export, es6

Fullscreen navigation menu

Navigation menu | code

• HTML5, CSS, JAVASCRIPT
• html: semantic layout
• css: flexbox, BEM, transition animation, hover effect
• js: modal window, event listener, locked scroll when open modal menu, scroll doesn’t jump when open, close modal window, support IE11

Accordion

Accordion example | code

• HTML5, CSS, JAVASCRIPT
• html: semantic layout
• css: flexbox, BEM, transition animation, hover effect
• js: DOM, event delegation, event listener (‘click’, ‘resize’), es6

Parallax effect with multilayer image

Parallax effect + JS | code

• HTML5, CSS, JAVASCRIPT