Skills
- HTML, CSS (Flex, Grid)
- JavaScript, TypeScript
- SCSS, PUG;
- Gulp, webpack
- GIT
- BEM
- OOP
- Figma, Photoshop
-
-
Languages:
- English (B1, in progress)
- Italian (A1)
- Russian (Native)
-
A little bit more about me
Have a degree in journalism. Began to be interested in programming at school, but at that time we had programming lessons just in a graduate year, and that wasn't enough to enter university. I was trying to study just with the Internet, and in 2020 understood that need a system education, and started courses. Take part in the game "What? Where? When?" (something like “Jeopardy”, but with the team), sort the garbage, inspired by pixel-perfect, which match from the first time, like knitting and cats.
My experience
-
Pokemons describer Pokemons describer
- React
- Reduxt
- TypeScript
- Possibility to change items amount per page
- Pagination
- DOM-events;
- API
-
Virtual keyboard Virtual keyboard
- Dynamic rendering (ctrl+alt changes language, shift adds special symbols);
- DOM-events;
- Syncronization real and virtual keyboard
- Css-animation effects;
-
Minesweeper Minesweeper
- Dynamic rendering;
- DOM-events;
- Eslint;
- Light/Dark theme;
- Adaptive (tablet, mobile), liquid and semantic layout;
-
CSS-trainer CSS-selector simulator
- TypeScript;
- Modules;
- Webpack;
- OOP;
- Adaptive (tablet, mobile), liquid and semantic layout;
-
Shelter Landing for animal's shelter
- Popup for animal's cards;
- Neverending slider;
- Pagination;
- Mobile burger-menu;
- Adaptive (tablet, mobile), liquid and semantic layout;
-
Plants Landing for gardening care
- Mobile burger-menu;
- Custon select in Contact section;
- Focus canging according button's click in Service section;
- Accordion in Price section;
- Adaptive (tablet, mobile) and liquid layout;
-
GithubRepo-searcher Block, which can help to find github repo, includes entered substring
- Is's using GitHub REST API;
- If you input uncorrect - create "mistake"-massage
- Have got a validation
- Enter your keyword into input;
- Get results!
- Search starts by click on the search-button and by press "Enter";
-
Elite fire Landing "Elite Fire" (fireplace for home)
- gulp build system;
- svg-sprite (by gulp);
- custom input-range, adio-buttons, checkboxes;
- multiple backgrounds;
- custom fonts;
- adaptive and liquid layout;
- flex, SCSS;
- semantic HTML;
-
Comments-form Section for adding comments and edit comment's list.
- To write your own comment: enter your name into name-input;
- enter text into text-area;
- choose date or skip it (if you skip date will be written automatically)
- click on the submit-batton or press "Enter";
- To edit comment's list: click on heart-icon for add/remove like
- fclick on bit-icon for delete any comment.
-
Bike shop Test task
- Change tabs on click;
- gulp + webpack;
- flex, grid, position;
- SCSS
- desktop and mobile layouts (and liquid between them);
- It have got input validation and possibility add more then one input.
-
Cinemaddict SPA with film collection
- REST API;
- progressive loading;
- "shake effect" for interactive components when the server doesn't respond;
- adding and deleting comments;
- you can filter and sort movies and create your own rating;
- Moreover a fixed the academy's code.
-
Tour schedule Test task
- adaptive layout (mobile first, desktop);
- liquid layout (flex, position);
- if there are too much time-slots and a lack of place in the string, additing slots are hid, the more-button is appears and shows additing slots on click;
-
Portfolio My portfolio page
- creating elements by JS;
- page animation by js;
- background animation by css;
- modal windows;
- liquid layout (flex, grid);
-
Landing for Design Studio Pet-project. Free figma layout, just with desctop version.
- adaptive layout (from mobile to desktop);
- liquid layout (flex, grid, position);
- scroll animation;
- neverending slider (feedback);
- usual slider (examples);
- burger-menu for small screens.
-
Level Up Test-task. Liquid & adaptive layout.
- flex, grid;
- @keyframes animation;
- video-background, gradients;
- burger-menu for small screens;
- countdown timer;
- neverending slider.
-
Watch store Pet-project. Just descktop version.
- flex, position;
- modal window;
- neverending slider.
-
Jane Dow Pet-project. Social-media page, adaptive layout.
- grid, position;
- custom checkbox;
- css slider;
- form validation;
- interactive elements.
-
Beauty salon Project from learning, just descktop version.
- flex, position, bootstrap;
- service's tabs switching (plugin, JS);
- modal window for order;
- photo's carousel (@fancybox, JS);
- REST API.
-
CRM for Beauty salon. React Project from learning, just descktop version.
- interaction with the server;
- CRUD-operations;
- choosing a service, date, and master;
- form for adding, deleting, and updating orders.
Education
-
RSScool
12.2022 - right now
JavaScript, TypeScript, Async programming, ES6, React/Angular and other new skills will be here!
-
HTML-academy
04.2022-06.2022
OOP, architecture patterns, class components, working with someone else's code.
-
Rubius Academy
02.2021 - 04.2021
Gulp, webpack, React, CRUD operations. Async server's work (fetch).
-
Tomsk State University of Control Systems and Radioelectronics
01.2020 - 04.2020
HTML5 and CSS3, javaScript, jQuery, Canvas. Implementation of complex visual effects: parallax, animations;
-
Tomsk State University
2005 - 2010
Masters degree of journalism