OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.
Course image
Course image
Coursera logo

Build & Deploy Your Web Dev Portfolio

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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
See salaries and explore the career path for 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.
Cover image
Don't Make Me Think, Revisited
Save
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.
Don't Make Me Think, Revisited: A Common Sense...
Paperback
$$
Don't Make Me Think, Revisited : A Common Sense...
Hardcover
$$$
Don't Make Me Think, Revisited: A Common Sense...
Kindle Edition
$$
Cover image
The Design of Everyday Things
Save
This classic book in the field of design provides valuable insights into the principles of user-centered design. It explores the cognitive and psychological aspects of user interaction, offering guidance on how to create user-friendly and intuitive websites.
The Design Of Everyday Things
Paperback
$$
Emotional Design: Why We Love (or Hate) Everyday...
Paperback
$$
The Design of Future Things: Author of The Design...
Hardcover
$$
THE DESIGN OF EVERYDAY THING by Don Norman
Paperback
$$
(Deutsch) The Design of Everyday Things: Psychologie und...
Hardcover
$$
The Design of Everyday Things (Vietnamese Edition)
Paperback
$$$
Cover image
Responsive Web Design with HTML5 and CSS
Save
Focuses on responsive web design techniques, ensuring that portfolio websites adapt seamlessly to various devices and screen sizes. It covers essential concepts, best practices, and practical examples.
Responsive Web Design with HTML5 and CSS - Fourth...
Paperback
$$
Responsive Web Design with HTML5 and CSS: Develop...
Paperback
$$
Responsive Web Design with HTML5 and CSS: Build...
Kindle Edition
$$
Responsive Web Design with HTML5 and CSS: Develop...
Kindle Edition
$$
Cover image
The Official (ISC)2 Guide to the CISSP CBK Reference
Save
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.
The Official (ISC)2 Guide to the CISSP CBK Reference
Paperback
Check
The Official (ISC)2 Guide to the CISSP CBK Reference
Kindle Edition
Check
Cover image
CSS: The Missing Manual
Save
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.
CSS: The Missing Manual
Kindle Edition
$$
CSS: The Missing Manual
Kindle Edition
$$
CSS: The Missing Manual
Paperback
$$
Design Patterns
Save
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.
Design Patterns
Paperback
Check
Design Patterns
Kindle Edition
Check
Cover image
A Million And One Random Digits
Save
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.
A Million And One Random Digits
Paperback
Check
A Million And One Random Digits
Kindle Edition
Check

Share

Help others find this course page by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

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
Course image
Level
Intermediate
Via
Coursera
Institution
Scrimba
Instructors
Kevin Powell
Per Harald Borgen
Language
English
Good to know
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
Share and help others discover this course.
Facebook LinkedIn X Reddit Link Email
Don't miss out
Enroll today to gain access to this course
Enroll in this course
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