Skip to main content
аватарка с фото автора

Hi! My name is Val
and this is my portfolio

I work in frontend and education. I develop web ui's, teach frontend and create educational projects. I care about usability and best practices. I aim to make modern, responsive web ui. I create courses, live lectures and other educational materials and also do consulting.

My goal is to create web experience of high quality. I love to teach students same principles and help them to overcome various difficulties. I like to improve things and solve problems effectively. I'm also interested in everything about ui/ux, web design and work planning.

My Projects

Frontend links compilation

Frontend links compilation
  • Updates and refactors since 2018
  • My design
  • UI/UX features

Web Dev Tips Knowledge Base

WebDevTips
  • Made it to share knowledge
  • Created from ground up (idea, design, content, css)
  • Build on Jekyll

Frontend Basics Course

Frontend Basics Course

Animatable and not animatable CSS properties

Animatable and not animatable CSS properties
  • Made in place of the one removed from MDN
  • My first Node.js project
  • Fetching data from W3C API
  • Build static using Github Actions
  • Autoupdate once a day to not put a strain on open api

Header Web Component

Header Web Component
  • Custom Element Web Component
  • One and multiple files versions
  • Responsive
  • Accessibility
  • BEM

Work Experience

My pet projects

Header web component
  • Animatable and not animatable CSS properties
  • WebDevTips Knowledge base
  • Header web component
  • Frontend links compilation
  • CSS Userstyles
  • Keep learning and practicing

HTML Academy

Work at HTML Academy

Tutor (2019-2021, 2024)

Consulted students via voice and text, checked homework practice and diploma, worked with git/GitHub.

Innopolis University

Work at Innopolis

Course author (2021-2022)

Created 120 hours course and course syllabus for further conducting.

The course is designed and certified according to the state requirements.

Developed and conducted a technical interview for a mentor candidate.

TeachMeSkills

Работа в TeachMeSkills

Teacher (2022)

Taught a part of the frontend course.

Involta Education

Work at Involta

Course author (2021-2022)

Created course and course syllabus/summary for further conducting.

The course is designed and certified according to the state requirements.

Institute of Applied Automation and Programming

Work at IPAP

Author and teacher (2021)

Created and hosted a webinar "What a Frontend Developer Can Do" to attract newcomers.

SkillFactory

Work at SkillFactory

Mentor and lecturer (2019-2021)

Consulted students, created webinars and lectures, checked homework practice.

Courses author (2019-2020)

Created modules for frontend online course

Netology

Work at Netology

Lector (2019-2021)

Created and hosted lecture "How to search info about frontend"

Course leader (2019)

Suggested changes in courses, answered difficult students questions, monitoring of lectures and feedback.

Code Reviewer (2019)

Checking html/css homework

Yandex Practicum

Work at Yandex Practicum

Code Reviewer (2019-2020)

Checking html/css (with BEM) homework

Lector (2019)

Created and hosted lecture "Evolution of CSS Layouts"

Other jobs

Works

Landing for Activica

Landing for Activica
  • Test Assignment
  • Flexbox+Grid responsive
  • BEM
  • Vanilla JS

Landing for Yandex.Crowd

Landing for Yandex.Crowd
  • Test Assignment
  • Flexbox+Grid responsive
  • BEM
  • Vanilla JS

Figma design for bakery

Figma design for bakery
  • Test Assignment
  • Figma design with three breakpoints and a styleguide

Freelance web dev landing

Freelance web dev landing

E-comm site

E-comm site
  • Used in my courses
  • Figma template
  • Responsive
  • BEM
  • Cart and getting data on JS

Agency site

Agency site
  • Used in my courses
  • Responsive
  • Pixel Perfect on max width
  • Different implementations of endless background
  • BEM
  • Comments for students in code

Hosting provider

Hosting provider
  • Responsive
  • Pixel Perfect на макс. ширине

Web Course Landing

Верстка лэндинга курса
Design Studio

Design Studio (source)

  • clip-path: polygon
  • Slide-in animation
  • Double overlay on images with filter: grayscale and background
  • Created logo, images and background

Other works