Continuously learning and passionate about clean code.
show:
Whole path
Front-end
Graphics
Learning
I have a versatile skillset and needed a venue to display it.
Primary objective of this website: to demonstrate how I do web development.
Here, you can see all my relevant work experience and skills, as well as observe the growth of my code quality.
Secondary objective: to demonstrate my graphics work.
Traditional graphic portfolio formats put their limitations, but here the details of my work are visible.
This site is my first project to code with the assistance of ChatGPT. I used it most of all to write JavaScript and for translations, but also to check some trivial matters.
Previously, I wrote basic JavaScript or adapted pre-made scripts. Now, I can build custom, complex features from scratch. For example, I created a custom before/after image viewer (click on an image in the link to interact). While my JavaScript code may not be as elegant and refined as my HTML or CSS, I strive to make it well-structured and efficient.
Regarding SEO, some basics have been set, as an inevitable part of good code and content. However, my main focus right now is to showcase my abilities.
This site has been checked with Powermapper to ensure compliance with best practices.
I will continue to update and enhance this site to provide an even better user experience and to upgrade the content for the "visual" and "about" pages.
This website has existed in two versions: first, second.
The site, in its first version, was online for a year, until the company went through major changes.
The client's primary objective was to achieve high visibility in Google search results. I accomplished this goal: the site consistently ranked at the top, depending on the keywords used.
For example, searching for "weld -that county-" showed the site as the top result, while broader searches within the country placed it in the top 3-5 positions. This high ranking is due to clean code, effective UX and semantics, well-integrated relevant keywords, and a robust structure of internal and external links. There are various tools available to enhance SEO, but quality code and precise content remain the most impactful factors.
Although I do not have screenshots of the results, you can verify the result by examining the code.
One of the biggest challenges was designing the UX with the limited information provided by the client. I created the UI design using Figma and added the company's information to Google Maps.
Please note that contact information on the specified site has been replaced with fictional for privacy reasons, and the photos are AI-generated due to copyright.
For this assignment, I created the base with SVG, added styling with CSS and interaction with CSS and JavaScript.
At the time, I had a basic understanding of SVG and its potential but limited experience with its more advanced applications.
This was my first deep dive into creating complex SVG graphics.
Among the biggest challenges were implementing the dynamic blue fill and calculating accurate rotation values, especially since the text needed to move along a circular axis.
Once I found the solution for the fill, it turned out to be relatively straightforward.
The course spanned 120 academic hours and included extensive homework assignments.
It has equipped me with advanced, professional-level skills in Adobe Photoshop and Adobe Illustrator, and introduced me to InDesign.
It has covered essential design principles, such as the rule of thirds and points of tension.
It has taught me information about commercial printing.
You can see the results in my outcome portfolio.
This is the certificate.
App purpose: help people get connected, see what is happening in their area, and meet up, whether for organized events and classes or for local chit-chat.
I have made the design in Figma.
This project was initiated by a friend. She has made the initial wireframe. Many UX and UI decisions have been made together.
Previously, I had serious difficulty creating designs for my websites, so I knew I needed to learn.
This course is exceptionally well-structured and compact, delivering material so efficiently that traditional classes can take 10 times longer to cover the same content. After completing it, I gained substantial knowledge and could finally understand web design.
The content I watched in 2021 consisted of Episodes 1-19.
Shortly before that, I also learned some core design basics in this video. All the info there seems completely obvious now, but back then it was important to hear it.
Here, the client insisted on maintaining pixel-perfect accuracy, with minimal media queries and transitions, even though it had a sizing issue. Hence, I made two versions.
The first one conforms with the client's requests. Compare it with the design PDF.
The second one has adjusted sizing for better readability.
As tablet and mobile layouts were not provided, I designed and implemented them myself.
Please note that information on the specified pages has been replaced with fictional for privacy reasons.
This project was straightforward.
As tablet and mobile layouts were not provided, I designed and implemented them myself.
Please note that information on the specified site has been replaced with fictional for privacy reasons, including images.
Site purpose is to let patients, their doctors, and the health care system workers have easy access to X-ray images of prosthetic implants that are relevant to them.
The biggest challenge here was defining the content and the UX, because I was basically given only the short task that I've described here.
It was thought I would create the site together with a backend developer, but later on, the project was dropped.
Hence, a lot of functions remained impossible. Now the page that the user selects doesn't become highlighted, although it was planned that it would.
Task details: UX, SEO, UI, frontend, place info on Google Maps, make photos.
No hosting & php.
CMS was planned, and I almost applied CouchCMS, yet later on that got canceled.
A one-pager, with an additional page with a form.
The site was online for many years until the company ceased existing.
This was my first website, I was learning on it. Hence, many mistakes were made on the way, but I have learned a lot from them. Most importantly, advanced CSS (there were 2 versions, the first one was overdecorated), soft skills, clean code practice, and html semantics, as well as platforms variety.
Please note that some contact information on the specified site has been replaced with fictional for privacy reasons.
I began learning web development building a website. I started with self-teaching guides from htmlbook.ru, Zvirec, and Learn CSS Layout and then completed several small courses on HTML Academy (here is their English smaller version), which were covering HTML and CSS basics, semantic HTML5, layout options (responsive and static), CSS3 decorative effects, animations and forms.
I deepened my CSS knowledge through experimenting and reading CSS-Tricks, Simurai Lab, and various forums like
htmlforum.ru,
Stack Overflow,
CodingForums.com,
CSS Creator.
I also learned website fundamentals such as fonts, modifying JavaScript and PHP snippets and essentials in SEO, web images, web hosting, UX/UI and CMS systems. I favor CouchCMS for its developer-friendly approach.
My learning continued with Flexbox, Grid, HTML semantics, BEM and other class naming conventions, code readability (structure, legacy code), SVG and SVG animations, further SEO, as well as JavaScript, SASS, SMACSS, Git and GitHub.
Key resources I use now include HTML Academy, W3Schools, CSS-Tricks, and Stack Overflow.
Recently, I have incorporated AI into my work, using image manipulation tools and ChatGPT for code explanations, suggestions, and scripts, mainly in JavaScript but also beyond. This has greatly enhanced my skills, enabling me to create and understand complex code. For example, I used ChatGPT to write a Python script for batch renaming files on my hard drive. See another example.
I regularly update my website, which drives me to learn new things and stay updated about new features. I also keep informed through newsletters from Хабр, Хекслет, and other sources.
