This is my personal software engineering and freelancing portfolio. This was a test of my design skills and was created to be responsive and beautiful.
Link to website: TylerIsCoding.com
Tech Used: HTML5, CSS3, JavaScript
I built my personal portfolio website, www.tyleriscoding.com, using HTML5, CSS3, and JavaScript.
- HTML5 provided the structure and content for the website
- CSS3 was used to style and layout the website
- JavaScript was used to create interactive features such as the navigation bar and form validation.
I also used a responsive design approach to ensure the website looks great on all devices.
Here are some ways that I could increase performance on my website:
I could have:
- Minified and compressed all CSS and JavaScript files to reduce load times
- Optimized all images by reducing their file size and using correct image formats
- Implemented lazy loading for images to only load them when they are in the viewport
- Used a Content Delivery Network (CDN) to serve static assets from multiple locations
- Leveraged browser caching to improve page load time for repeat visitors
- Used Google PageSpeed Insights, GTMetrix, etc. to measure and analyze website performance and identify opportunities for optimization.
My website is a pretty light webpage, so I really did not find it necessary to do any of these things. The page loads fine on any computer or device that I have tested it on.
Building my personal portfolio website was a great learning experience and I took away several valuable lessons.
- The importance of planning and organization in the development process
- The power of CSS Grid and Flexbox in creating responsive and flexible layouts
- The importance of performance optimization and website accessibility
- The importance of testing and debugging in the development process
- The significance of keeping up with the latest web development technologies and trends
- The benefit of using version control with Git and hosting the code on Github