Build and deploy a portfolio website [Full Tutorial Course]
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
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Видео Build and deploy a portfolio website [Full Tutorial Course] канала freeCodeCamp.org
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
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Видео Build and deploy a portfolio website [Full Tutorial Course] канала freeCodeCamp.org
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
10 Web Developer Portfolio TipsI Challenged The CSS King To A CSS BattleWeb Developer Reacts to Incredible Personal Websites // Personal PortfoliosHow I learned to code and landed a job (no CS degree!)HTML5 & CSS Development: Learn How to Build a Professional Website | Udemy, Jordan Hudgens7 Design Portfolios that I MIGHT Rate a 10!Jr. Developer Portfolios REAL EXAMPLES - Are They JOB READY? #grindreelDesigning & Building a Personal Portfolio from SCRATCH!I've been challenged to a CSS Battle rematch | Can I beat him again???These Personal Websites are just WOW...5 Projects You Can Build In A Week That Will Get You HiredThe Top 5 Programming Languages in 2021 to get a jobHow to Put a Website Online: Template, Coding, Domain, Hosting, and DNSWhy Most People FAIL to Learn ProgrammingHow to Make a Landing Page using HTML, SCSS, and JavaScript - Full CourseBuild a Portfolio Website & DeployWeb Development In 2021 - A Practical GuideHow to Create and Deploy a Portfolio Site in less than 30 MinutesHTML and CSS Tutorial for 2021 - COMPLETE Crash Course!