![Build and deploy a portfolio website [Full Tutorial Course]](https://i0.wp.com/blog.marketingclerks.com/wp-content/uploads/2022/03/maxresdefault-31.jpg?fit=640%2C360&ssl=1)
This training course will certainly instruct you to construct and also release a neat portfolio on your own. To view the interactive variation of the course, go to the initial Scrimba program https://scrimba.com/g/gportfolio (code readily available at that link).
Why should you have a profile?
As a designer, you require to methods to showcase your abilities to prospective employers. There’s no far better way of doing this than a dedicated portfolio page. It gives you full control of how you ‘d like to present on your own.
In this course, the fantastic teacher Kevin Powell will take you through every action of building a neat-looking portfolio site. You’ll likewise discover to customize it to suit your personal style. Towards completion of the course, Kevin reveals you how to deploy the site to DigitalOcean, so that you will wind up with an online website upon finishing the course!
The site is developed without making use of any internet frameworks, so the only requirements for this training course are standard HTML and CSS abilities.
⭐ Course Contents ⭐.
⌨ (0:00) 1. Introduction.
⌨ (4:31) 2. Establishing points up – HTML.
⌨ (9:03) 3. The Header Area – HTML.
⌨ (14:02) 4. Intro Section.
⌨ (19:56) 5. Concerning me, Work and Footer – HTML.
⌨ (28:39) 6. Establishing the Custom Properties and also General Styles.
⌨ (39:22) 7. Styling the titles and also subtitles.
⌨ (43:38) 8. Establishing the intro section.
⌨ (55:57) 9. Styling the services area.
⌨ (1:08:50) 10. The About Me Section.
⌨ (1:19:52) 11. The Portfolio.
⌨ (1:28:40) 12. Including the Social Icons with Font Awesome.
⌨ (1:31:39) 13. Styling the Footer.
⌨ (1:37:26) 14. Establishing the Navigation Styles.
⌨ (1:44:24) 15. Producing the Hamburger.
⌨ (1:51:17) 16. Adding the JS.
⌨ (2:00:29) 17. Developing the Portfolio Item Page.
⌨ (2:06:42) 18. Personalizing Your Page.
⌨ (2:08:45) 19. DigitalOcean Droplets – What they are and how to set one up.
⌨ (2:19:02) 20. DigitalOcean Droplets – Uploading data through FTP.
–.
Discover to code completely free and get a designer job: https://www.freecodecamp.org.
Read thousands of posts on programs: https://freecodecamp.org/news.
As well as subscribe for new videos on innovation everyday: https://youtube.com/subscription_center?add_user=freecodecamp.