Build and deploy a portfolio website [Full Tutorial Course]
Offered By: freeCodeCamp
Course Description
Overview
Learn to build and deploy a professional portfolio website in this comprehensive tutorial course. Gain the skills to showcase your abilities to potential employers through a dedicated portfolio page. Follow along as instructor Kevin Powell guides you step-by-step through creating a visually appealing portfolio site using only HTML and CSS. Master essential techniques including setting up the HTML structure, styling with custom properties, creating responsive layouts, and implementing interactive elements. Explore advanced topics such as integrating social icons, designing a navigation menu, and customizing your page to reflect your personal style. Conclude the course by learning how to deploy your site to DigitalOcean, resulting in a live, professional portfolio website. No web framework knowledge required – only basic HTML and CSS skills needed to get started on this practical, hands-on learning experience.
Syllabus
) 1. Introduction.
) 2. Setting things up - HTML.
) 3. The Header Area - HTML.
) 4. Intro Section.
) 5. About me, Work and Footer - HTML.
) 6. Setting up the Custom Properties and General Styles.
) 7. Styling the titles and subtitles.
) 8. Setting up the intro section.
) 9. Styling the services section.
) 10. The About Me Section.
) 11. The Portfolio.
) 12. Adding the Social Icons with Font Awesome.
) 13. Styling the Footer.
) 14. Setting up the Navigation Styles.
) 15. Creating the Hamburger.
) 16. Adding the JS.
) 17. Creating the Portfolio Item Page.
) 18. Customizing Your Page.
) 19. DigitalOcean Droplets - What they are and how to set one up.
) 20. DigitalOcean Droplets - Uploading files via FTP.
Taught by
freeCodeCamp.org
Related Courses
Build & Deploy Your Web Dev PortfolioScrimba via Coursera Building a Media Sharing Website - Part 1: Media Upload (Indonesian)
Amazon Web Services via AWS Skill Builder How to Deploy a Website
Codecademy Deploying Websites using Git and GitHub
Codecademy Deploy AI Apps with Cloudflare
Scrimba via Coursera