Build and deploy a portfolio website [Full Tutorial Course]

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=_xkSvufmjEs


Duration: 2:23:15
849,446 views
20,430

This course will teach you to build and deploy a neat portfolio for yourself. To watch the interactive version of the course, visit the original Scrimba course 👉 https://scrimba.com/g/gportfolio (code available at that link).

Why should you have a portfolio?
As a developer, you need to ways to showcase your skills to potential employers. There's no better way of doing this than a dedicated portfolio page. It gives you full control of how you'd like to present yourself.

In this course, the brilliant teacher Kevin Powell will take you through every single step of building a neat-looking portfolio website. You'll also learn to customize it to suit your personal style. Towards the end of the course, Kevin shows you how to deploy the site to DigitalOcean, so that you will end up with a live website upon completing the course!

The site is built without using any web frameworks, so the only prerequisites for this course are basic HTML and CSS skills.

⭐️ Course Contents ⭐️
⌨️ (0:00) 1. Introduction
⌨️ (4:31) 2. Setting things up - HTML
⌨️ (9:03) 3. The Header Area - HTML
⌨️ (14:02) 4. Intro Section
⌨️ (19:56) 5. About me, Work and Footer - HTML
⌨️ (28:39) 6. Setting up the Custom Properties and General Styles
⌨️ (39:22) 7. Styling the titles and subtitles
⌨️ (43:38) 8. Setting up the intro section
⌨️ (55:57) 9. Styling the services section
⌨️ (1:08:50) 10. The About Me Section
⌨️ (1:19:52) 11. The Portfolio
⌨️ (1:28:40) 12. Adding the Social Icons with Font Awesome
⌨️ (1:31:39) 13. Styling the Footer
⌨️ (1:37:26) 14. Setting up the Navigation Styles
⌨️ (1:44:24) 15. Creating the Hamburger
⌨️ (1:51:17) 16. Adding the JS
⌨️ (2:00:29) 17. Creating the Portfolio Item Page
⌨️ (2:06:42) 18. Customizing Your Page
⌨️ (2:08:45) 19. DigitalOcean Droplets - What they are and how to set one up
⌨️ (2:19:02) 20. DigitalOcean Droplets - Uploading files via FTP

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2020-04-14#LockdownConf – How Developers are Adapting to the Coronavirus – All 4 Conference Panels
2020-04-03AWS Certified Developer - Associate 2020 (PASS THE EXAM!)
2020-03-28Build a Brain Computer App with React Native (Part 6) - Live Coding with Jesse
2020-03-21Build a Brain Computer App with React Native (Part 5) - Live Coding with Jesse
2020-03-19Build a Brain Computer App with React Native (Part 4) - Live Coding with Jesse
2020-03-19PERN Stack Course - Postgres, Express, React, and Node
2020-03-15Build a Brain Computer App with React Native (Part 3) - Live Coding with Jesse
2020-03-10JAMstack Course - Build websites that are simpler, faster, and more secure
2020-03-03TensorFlow 2.0 Complete Course - Python Neural Networks for Beginners Tutorial
2020-02-24Functional Programming in Java - Full Course
2020-02-18Build and deploy a portfolio website [Full Tutorial Course]
2020-02-16Build a Brain Computer App with React Native - Live Coding with Jesse
2020-02-05Learn ASP.NET Core 3.1 - Full Course for Beginners [Tutorial]
2020-01-29Natural Language Processing with TensorFlow 2 - Beginner's Course
2020-01-21AWS for Startups - Deploying with AWS Tutorial
2020-01-15Ultimate Freelancing Guide for Web Developers (Make money through freelance programming!)
2019-12-31New Year's Eve Live Coding with Jesse!
2019-12-23AWS Certified Solutions Architect - Associate 2020 (PASS THE EXAM!)
2019-12-17APIs for Beginners - How to use an API (Full Course / Tutorial)
2019-12-09Learn Unreal Engine (with C++) - Full Course for Beginners
2019-11-26Plan, Code, and Deploy a Startup in 2 Hours [Full Stack JavaScript Tutorial]


Tags:
portfolio website
html
css
javascript
web development