Hi, there!
I'm Vlad, and I'm a web developer.
The main goal of this webpage is to briefly tell an employer or a client about what I can do, what programming languages I know, and how I can apply them, for what, and where.
Also, for this purpose, I've made a couple of websites. These are a kind of templates showing the basic functionality and structure of the modern web application.
I'm going to explain how the apps work a bit later but if you would like to take a quick look at them, please follow the links below:
www.website-template.getyoursite.info
I have to say the websites are located on subdomains and the subdomains do not have SSL certificates. So, because of it, you will see the Privacy error. If you use Google Chrome it is going to be something like this:
Click the button 'Advanced' and then you will see the link 'Proceed to website-template.getyoursite.info (unsafe)'. Click it.
The same goes to www.template.getyoursite.info
The First Website
The theme of the First Website is The Painting gallery. You can open all the pages, click all links, subscribe to the mailing list, send a review, leave a comment.
Test the website as you wish. You can even buy a painting...
Of course, you will not really buy it actually but you will get a message confirming your order on your mailbox if you type your real email address.
Also, I've written the Content Mangement System (CMS) for the app. Please, read the description below.
And finally, I've made the video. This is a short story about me and about how the app works. Please Watch the video if you prefer this way of getting information.
Note: I've made some changes to the website recently. Something was removed, something was added... But anyway, you can just watch the video a little and get some useful information.
So, please, read the technical explanation below.
The Second Website
The Second Website is more light version. But it has all functionality.
The app was written from scratch without using any kind of PHP frameworks and based on the MVC model and Object-Oriented Programming language(OOP).
You can browse all pages except 'Blog' till you registered. So, first, register. You will get an email in your mailbox and then you will be able to confirm your registration. After that, you will get one more email that has the 'Unsubscribe' link.
After you sign in you will see an account page. You will be able to change your 'Login' and 'Email', but not more than three times.
There is 'Forgot your password?' link, and you can change your password, but not more than three times. You can send a message using the 'Contact Us' page.
All input fields are checked for 'bad' characters, the fields for 'email' and 'password' checked for existence in DB.
You can download, look through and check all the files of this website on My GitHub page
All PHP classes have detailed comments according to the PHP Standards Recommendation.
CSS and JS files have a list of contents and a lot of comments.
Here, you can read about the first app in detail.
Contents
- The logic and structure of the application
- Some test results
- Responsive Design and Size
- Cross-browser compatibility
- Content Mangement System
- What I used
- One more example of working online project
- Watch the video
- Conclusion
The logic and structure of the first application.
The www.website-template.getyoursite.info was written from scratch without using any kind of PHP frameworks and based on the MVC model and Object-Oriented Programming language(OOP).
File structure of the app:
By the way, this site www.getyoursite.info was created from this app.
Back to ContentsSome tests results
Take a look at PageSpeed Insights test from Google.
For desctop:
For mobile:
Very fast! And there are a lot of images on the page!
HTML checker from: www.validator.w3.org
Back to Contents
Responsive Design and Size
The app has a responsive design and looks pretty on all devices (desktops, tablets, and phones). You can check it out yourself. If you use Google Chrome Browser on your desktop computer press F12 on Windows OS and choose any screen size or device.
The size of the app in megabytes is about 5 MB including images. So, it is pretty small, loads quickly, and works fastly.
See the screenshot:
Back to Contents
Cross-browser compatibility
The website was checked in: Google Chrome Version 92.0.4515.159. Firefox Version 91.01, Opera, Microsoft Edge Version 92.0.902.73
Looks the same in all browsers.
Back to ContentsContent Mangement System
Main features:
Main objective of this Custom Content Management System is the modification of a content stored in database tables on your hosting.
The CMS works totally by itself and does not use the website code or the pre-installed Content Management System if there is one.
The CMS is a ready-to-use web application that is stored on your hosting and delivered over the Internet through a browser interface.
The interface of the CMS is adapted for mobile devices and you can manage your website from any place where you have access to the internet using even a small mobile phone.
If you wanna know how the CMS works online, please Watch the video below on the page.
See the screenshot:
Back to Contents
What I used
PHP 7.3
OOP
SQL 5.6
Bootstrap v5.0
jQuery
jQuery mobile
HTML5
CSS3
Back to ContentsOne more example of working online project
About three year ago I wrote the website, check this out www.bestsmoothjazz.ru
By that time I did not know much about OOP and MVC model and I've written the site using so-called procedural PHP.
You can Download pdf file containing the technical requirements for the website and the description of how it works.
As for my understanding of Search Engine Optimization, I'd like to say I edited most of the articles for this website trying to 'push' the site on top in search results by the particular search query. And for many pages, I've achieved good results.
You can check this out yourself. For example, just type the following search query in the search bar for your browser - гровер вашингтон слушать (in english it means - listen to grover washington).
Or just click the link: гровер вашингтон слушать
If your browser uses Google search engine (check the browser's settings out) you will see the page in the first place in search results.
See the screenshot:
Back to Contents
Video
Please watch the video if you prefer this way of getting information.
Also, you will be able to assess my level of English if it is important for you.
Note: I've made some changes to the website recently. Something was removed, something was added... But anyway, you can just watch the video a little and get some useful information.
Conclusion
So, if you read till the end, watched the video, and looked through the files from the downloaded archive, I hope you have an idea of how to use me, if I may say so...
If you would like to contact me, please go to Contact Me
Regards.
Vlad.
Back to Contents