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

Hi! My name is Val
and this is my portfolio

I work in frontend and education. I lean more towards front-of-the-frontend, care about usability, accessibility and best practices. Aim to make modern, responsive web ui.
I love to teach students same principles and help them to overcome various difficulties. I create courses, live lectures and other educational materials. And also do consulting.
My goal is to create web experience of high quality. In the future I'm planning to create my own web education organization. I'm also interested in everything about ui design, organizing and planning work.

My Projects

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

Frontend links compilation

Frontend links compilation

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

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

HTML Academy

Work at HTML Academy

Tutor (2019-2021)

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

Digital Banana

Work at Digital Banana

Author and teacher (2020)

Created and taught a frontend course for high school students. Checked homework practice.

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"

Basis Educational Center

Work at Basis

Author and teacher (2018)

Created and taught a HTML/CSS course (face-to-face classes).

Socio-economic Institute,
Social development center

Work at SEI

Author and teacher (2017)

Created and taught a HTML/CSS, Photoshop and computer literacy courses. Worked with students with disabilities.

Works

This site:)

This site:)
  • HTML, CSS, JS from scratch
  • My design
  • Responsive on flex/grid
  • BEM
  • Accessibility
  • Refactoring and other updates

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

Moodboard

Moodboard
  • Used in the "What a frontender can do" webinar
  • CSS transitions + JS

Freelance web dev landing

Freelance web dev landing

Hosting provider

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

Marketing agency site(source вдохновения)

  • DEveloped my own way of image text clipping
  • clip-path
  • Video background

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

Верстка лэндинга курса
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

Nerds by HTML Academy

Nerds by HTML Academy

Sedona by HTML Academy

Sedona by HTML Academ

iphone cam promo redone

iphone cam promo redone