We may earn an affiliate commission when you visit our partners.
Course image
Kevin Powell and Per Harald Borgen

As professionals in the fields of development and design, it is imperative for us to have a means of effectively showcasing our expertise to potential employers, and there is no more compelling method than creating a dedicated portfolio webpage, affording us absolute control over the presentation of our skills.

Read more

As professionals in the fields of development and design, it is imperative for us to have a means of effectively showcasing our expertise to potential employers, and there is no more compelling method than creating a dedicated portfolio webpage, affording us absolute control over the presentation of our skills.

In this meticulously crafted course, the esteemed instructor Kevin Powell will expertly guide you through each intricate step of constructing an aesthetically pleasing portfolio website, ensuring that it can be tailored to align seamlessly with your unique personal style. As a culmination of your learning journey, Kevin will demonstrate the process of deploying the website to DigitalOcean, thereby culminating in the creation of a live website upon the course's conclusion.

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

Enroll now

What's inside

Syllabus

Build & Deploy Your Portfolio
In this course, the brilliant teacher Kevin Powell will take you through every single step of building a neat-looking portfolio website.

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Tailored to personal style, enabling learners to showcase skills effectively
Taught by Kevin Powell, an esteemed portfolio website designer
Builds a strong foundation in portfolio website creation
Uses basic HTML and CSS, making it accessible to beginners
Provides hands-on practice through the deployment process
Requires learners to have basic HTML and CSS skills

Save this course

Save Build & Deploy Your Web Dev Portfolio to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Build & Deploy Your Web Dev Portfolio with these activities:
Review HTML Basics
Refresh your knowledge of HTML to prepare for learning how to build a portfolio website.
Browse courses on HTML
Show steps
  • Review the structure of HTML documents
  • Review common HTML tags and their attributes
  • Practice writing simple HTML code
Review HTML and CSS
Familiarize yourself with the basics of HTML and CSS to enhance your comprehension of the course material.
Browse courses on HTML
Show steps
  • Review HTML syntax and structure
  • Practice creating basic HTML elements
  • Explore CSS selectors and properties
Organize Your Learning Materials
Organize your notes, assignments, and other learning materials to improve your retention and understanding.
Show steps
  • Create a system for storing and organizing your materials
  • Review your materials regularly
  • Summarize key concepts and ideas
11 other activities
Expand to see all activities and additional details
Show all 14 activities
Connect with Experienced Web Designers
Connect with experienced web designers to get feedback on your work and learn best practices.
Browse courses on Portfolio Website
Show steps
  • Attend industry events and meetups
  • Reach out to web designers on social media
  • Ask for referrals from your friends and colleagues
Participate in Study Groups
Join a study group to discuss the course material, share ideas, and learn from your peers.
Browse courses on Portfolio Website
Show steps
  • Find or create a study group with other students taking the course
  • Meet regularly to discuss the course material
  • Share your knowledge and insights with your group members
  • Work together to solve problems and answer questions
Create a Sample Portfolio Page
Reinforce your understanding of HTML and CSS by building a basic portfolio page.
Show steps
  • Set up a basic HTML document
  • Add content and style using CSS
  • Test and refine your page
Explore Portfolio Design Techniques
Enhance your design skills by following tutorials on effective portfolio presentation.
Show steps
  • Review design principles and best practices
  • Explore different portfolio styles and formats
  • Experiment with various design tools and software
Create Practice Portfolio Websites
Practice building portfolio websites to improve your skills in HTML and CSS.
Browse courses on Portfolio Website
Show steps
  • Choose a simple design for your portfolio website
  • Create the HTML structure of your website
  • Add CSS to style your website
  • Add content to your portfolio website
Follow Tutorials on Portfolio Websites
Follow tutorials to learn best practices for designing and building portfolio websites.
Browse courses on Portfolio Website
Show steps
  • Find tutorials on portfolio website design
  • Follow the steps in the tutorials to create your own portfolio website
  • Experiment with different design elements and features
Showcase Your Existing Projects
Compile and present your previous work to demonstrate your skills and experience.
Show steps
  • Gather relevant projects from your portfolio
  • Create a visually appealing presentation
  • Write compelling descriptions of your projects
Build Your Portfolio Website
Apply your skills in HTML and CSS to create a portfolio website that showcases your best work.
Browse courses on Portfolio Website
Show steps
  • Plan the design and layout of your portfolio website
  • Create the HTML structure of your website
  • Add CSS to style your website
  • Add content to your portfolio website
  • Deploy your website to DigitalOcean
Contribute to Open-Source Portfolio Projects
Contribute to open-source portfolio projects to gain experience and learn from others.
Browse courses on Portfolio Website
Show steps
  • Find open-source portfolio projects on GitHub or other platforms
  • Review the code and documentation for the project
  • Identify areas where you can contribute
  • Submit a pull request with your contributions
Seek Feedback from Design Professionals
Connect with experienced professionals to gain valuable insights and advice on your portfolio.
Show steps
  • Identify potential mentors in the field
  • Reach out and introduce yourself
  • Request feedback and guidance on your portfolio
Deploy Your Live Portfolio Website
Finalize your portfolio by deploying it live on the web.
Show steps
  • Choose a hosting platform and register a domain name
  • Upload your portfolio files and configure your website
  • Test and verify the functionality of your website

Career center

Learners who complete Build & Deploy Your Web Dev Portfolio will develop knowledge and skills that may be useful to these careers:
Web Developer
A Web Developer is responsible for designing, developing and maintaining the technical aspects of a website or web application. This course can help you develop the skills needed to build and maintain websites and web applications. You'll learn how to use HTML, CSS, JavaScript, and other web development technologies to create and manage websites. With the skills you'll gain from this course, you'll be well on your way to a successful career as a Web Developer.
Front-End Developer
A Front End Developer is responsible for designing, developing and maintaining the look and functionality of user interfaces on websites and web applications. This course can help you develop the skills needed to create visually appealing and user-friendly interfaces, which are essential for any Front End Developer. You'll learn how to use HTML, CSS, and JavaScript to build and style websites, and you'll also learn how to use web development tools to debug and troubleshoot your code. With the skills you'll gain from this course, you'll be well on your way to a successful career as a Front End Developer.
Web Designer
A Web Designer is responsible for creating the visual layout and overall look and feel of a website. This course can help you develop the skills needed to create visually appealing and user-friendly websites. You'll learn how to use HTML, CSS, and JavaScript to build and style websites, and you'll also learn how to use web design tools to create mockups and prototypes. With the skills you'll gain from this course, you'll be well on your way to a successful career as a Web Designer.
UI/UX Designer
A UI/UX Designer is responsible for designing and developing the user interface and user experience of a website or web application. This course can help you develop the skills needed to create visually appealing and user-friendly interfaces. You'll learn how to use HTML, CSS, JavaScript, and other UI/UX design tools to create and manage user interfaces. With the skills you'll gain from this course, you'll be well on your way to a successful career as a UI/UX Designer.
Information Architect
An Information Architect is responsible for designing and organizing the content of a website or web application. This course can help you develop the skills needed to create effective and user-friendly information architectures. You'll learn how to use HTML, CSS, JavaScript, and other information architecture tools to create and manage content. With the skills you'll gain from this course, you'll be well on your way to a successful career as an Information Architect.
Interaction Designer
An Interaction Designer is responsible for designing and developing the user interactions of a website or web application. This course can help you develop the skills needed to create intuitive and engaging user interfaces. You'll learn how to use HTML, CSS, JavaScript, and other interaction design tools to create and manage user interactions. With the skills you'll gain from this course, you'll be well on your way to a successful career as an Interaction Designer.
Art Director
An Art Director is responsible for overseeing the visual style and design of a website or web application. This course can help you develop the skills needed to create visually appealing and user-friendly interfaces. You'll learn how to use HTML, CSS, JavaScript, and other art direction tools to create and manage visual design. With the skills you'll gain from this course, you'll be well on your way to a successful career as an Art Director.
UX Researcher
A UX Researcher is responsible for conducting user research to improve the user experience of a website or web application. This course can help you develop the skills needed to conduct user research and analyze data. You'll learn how to use HTML, CSS, JavaScript, and other UX research tools to collect and analyze data. With the skills you'll gain from this course, you'll be well on your way to a successful career as a UX Researcher.
Motion Designer
A Motion Designer is responsible for designing and developing the visual effects and animations of a website or web application. This course can help you develop the skills needed to create visually appealing and engaging animations. You'll learn how to use HTML, CSS, JavaScript, and other motion design tools to create and manage animations. With the skills you'll gain from this course, you'll be well on your way to a successful career as a Motion Designer.
Graphic designer
A Graphic Designer is responsible for creating visual content for a variety of purposes, including websites, print media, and social media. This course can help you develop the skills needed to create visually appealing and user-friendly designs. You'll learn how to use HTML, CSS, JavaScript, and other graphic design tools to create and manage visual content. With the skills you'll gain from this course, you'll be well on your way to a successful career as a Graphic Designer.
Product Designer
A Product Designer is responsible for designing and developing the overall user experience of a product. This course can help you develop the skills needed to create user-centric products. You'll learn how to use HTML, CSS, JavaScript, and other product design tools to create and manage products. With the skills you'll gain from this course, you'll be well on your way to a successful career as a Product Designer.
Content Strategist
A Content Strategist is responsible for developing and managing the content of a website or web application. This course can help you develop the skills needed to create effective and engaging content. You'll learn how to use HTML, CSS, JavaScript, and other content strategy tools to create and manage content. With the skills you'll gain from this course, you'll be well on your way to a successful career as a Content Strategist.
Digital Marketing Manager
A Digital Marketing Manager is responsible for planning and executing digital marketing campaigns. This course can help you develop the skills needed to create and manage effective digital marketing campaigns. You'll learn how to use HTML, CSS, JavaScript, and other digital marketing tools to create and manage campaigns. With the skills you'll gain from this course, you'll be well on your way to a successful career as a Digital Marketing Manager.
Social Media Manager
A Social Media Manager is responsible for managing the social media presence of a company or organization. This course can help you develop the skills needed to create and manage effective social media campaigns. You'll learn how to use HTML, CSS, JavaScript, and other social media tools to create and manage campaigns. With the skills you'll gain from this course, you'll be well on your way to a successful career as a Social Media Manager.
Software Engineer
A Software Engineer is responsible for designing, developing and maintaining software applications. This course can help you develop the skills needed to build and maintain software applications. You'll learn how to use HTML, CSS, JavaScript, and other software development technologies to create and manage software applications. With the skills you'll gain from this course, you'll be well on your way to a successful career as a Software Engineer.

Reading list

We've selected seven books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Build & Deploy Your Web Dev Portfolio.
This classic book provides fundamental principles of user experience (UX) design and website usability. It emphasizes the importance of creating intuitive and user-friendly websites, which is essential for showcasing projects effectively in a portfolio.
Understanding user experience (UX) principles is crucial for creating effective portfolio websites. offers a comprehensive overview of UX design, covering topics like user research, information architecture, and interaction design.
Delves deeply into CSS, including advanced techniques and best practices. It can serve as a valuable reference for developers who want to enhance the visual appeal and functionality of their portfolio website. However, it assumes some familiarity with CSS, making it more suitable for those with a basic understanding.
Although not directly related to portfolio websites, this book provides a comprehensive overview of design patterns, which are reusable solutions to commonly occurring software development problems. Understanding design patterns can help developers write more efficient and maintainable code.
While JavaScript is not covered in this course, it is often used for interactive elements in portfolio websites. provides a concise and practical guide to writing clean and maintainable JavaScript code, which can be beneficial for developers who want to add some dynamic functionality to their portfolios.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Build & Deploy Your Web Dev Portfolio.
Deploying a Python Data Analytics web app on Heroku
International Women's Health and Human Rights
Foundations of Teaching for Learning: Being a Teacher
UI & Web Design using Adobe Illustrator CC
Build Dynamic User Interfaces (UI) for Websites
Build a Space Travel Website
Portfolio Building for Beginners using Bootstrap
Build Your Portfolio Website with HTML and CSS
Managing IT: Leading in Times of Crisis
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser