Create Personal Portfolio Tutorial - Build and Deploy on DigitalOcean - Full Course

Overview

Build and deploy a personal portfolio website on DigitalOcean in this comprehensive tutorial. Learn to create a professional showcase of your skills using HTML, CSS, and JavaScript, without relying on web frameworks. Follow step-by-step instructions to design an attractive layout, style various sections, implement responsive navigation, and customize the site to reflect your personal brand. Gain practical experience in setting up DigitalOcean Droplets and uploading files via FTP to launch your live portfolio. Perfect for developers and designers with basic HTML and CSS knowledge looking to create an impactful online presence.

Syllabus

- Introduction
- Setting things up - HTML
- The header area - HTML
- Intro section
- About me, Work and Footer - HTML
- Setting up the custom properties and general styles
- Styling the titles and subtitles
- Setting up the intro section
- Styling the services section
- The About me section
- The portfolio
- Adding the social icons with Font Awesome
- Styling the footer
- Setting up the navigation styles
- Creating the hamburger
- Adding the JS
- Creating the portfolio item page
- Customizing your page
- DigitalOcean Droplets - What they are and how to set one up
- DigitalOcean Droplets - Uploading files via FTP