Make a Responsive Portfolio Website: JavaScript and HTML
4.6 (1,007 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,030 students enrolled

Make a Responsive Portfolio Website: JavaScript and HTML

Use JavaScript and HTML to create the ultimate responsive portfolio website from scratch!
4.6 (1,007 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,030 students enrolled
Created by Reece Kenney
Last updated 10/2018
English [Auto]
Current price: $34.99 Original price: $49.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 43 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Build their own website using a range of technical skills
  • Easily utilise third party tools to make your site stand out
Course content
Expand all 52 lectures 03:56:34
+ Introduction - Setup
4 lectures 14:44
Introduction - Setup
Adding JQuery
Adding Bootstrap
+ Fullscreen Image slider
8 lectures 36:20
Creating our own JavaScript file
Adding our own images to the slider
Superslides options
Adding next and previous buttons
Styling the next and previous buttons
Adding a background overlay
+ Title section
2 lectures 15:44
Title section HTML
Typed Js
+ About Section
2 lectures 08:56
About section HTML
Adding text to the about section
+ Technical Skills Section
6 lectures 30:51
Creating the skills section HTML
Adding the slider
Adding the pie charts
Pie chart options
Styling the charts
Activating the charts on scroll
+ Stats Section
6 lectures 28:44
Creating the stats section HTML
Styling the skills items
Using Font Awesome
Adding the icon to the items
Counting the number up from 0
Counting up on scroll
+ Contact Section
2 lectures 06:34
Creating the contact section HTML
Styling the contact section
+ Portfolio Section
12 lectures 51:10
Adding Isotope
Adding the filter buttons
Styling the filter buttons
Creating a portfolio item
Portfolio item icons
Viewing items in full screen
Styling the items
Adding an overlay to the items
Adding fly in/out transitions to the buttons
Zooming the images on hover
Filtering items
Bug fix - icons not showing on mobile
+ Copyright Section
1 lecture 03:19
Creating the copyright section
+ Creating the Navigation Menu
5 lectures 26:10
Adding the Bootstrap navigation menu
Styling the navigation bar
Sticking navigation bar on scroll
Fixing navigation bugs
Sliding to section on link click
  • A computer is needed
  • Basic HTML knowledge is nice to have but not needed

Do you want to become an expert web developer?

Or maybe you want to build a professional portfolio website to show off your projects?

If so, you’re in the right place! This course will guide you step by step in creating your own responsive portfolio website COMPLETELY from scratch.

We’re talking the kind of website that will amaze anybody that sees it. The kind of website that will get you hired in no time! A good portfolio website is something every decent developer needs to have. Without it, how can you expect to stand out from the millions of other developers that are out there. A portfolio website is an excellent way to show people just how good you are as well as displaying projects that you've worked on. Why tell an employer how good you are when you can show them.

Why let me teach you?

I work as a Software Engineer at Microsoft where I build products used by millions of people all over the world! I want to take the skills I’ve gained through years of working with some of the best developers in the world and transfer them directly to you!

I’ve taught thousands of students here on Udemy and created some of the most popular development courses on Udemy!

Okay so what’s the course about?

In this course, we will create a beautiful responsive portfolio website from scratch using HTML, CSS, JavaScript/JQuery and whilst also making use of some great (free) third party tools. Anybody who sees your site will know that:

  • you are proficient with HTML/CSS

  • you possess extensive JavaScript skills 

  • you are able to create responsive websites

  • you are able to implement third party tools (very important skill)

  • and much more!

 Whether you are a complete beginner* or an experienced programmer, this course will be massively beneficial to you.

Why should I take the course?

In the programming world, the “big 4” often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUST know the essentials: HTML, CSS and JavaScript.

If you take this course, you will have nothing to worry about because we use all of these skills extensively!


By enrolling in this course, you will have my COMPLETE support. I'm always ready to answer any question you may have. Programming issues, errors, feature requests, general programming advice - it doesn't matter, I'm always happy to help! I always aim to respond to questions within a few hours and it's also worth noting that I've answered EVERY SINGLE question asked so far on all of my courses.


Finally, this project is a lot of fun and I know you'll have a great time implementing your own unique ideas as well as the ones we implement together. What are you waiting for?

*You don't need any experience to take this course, however a basic understanding of HTML would be great. I will explain everything as I go, but some things I spent more time on than others. I don't spent a huge amount of time on the absolute lowest level basics e.g. what is HTML. So if you have absolutely no experience programming, you are absolutely fine to take this course, just ask me to explain things further if you would like a more detailed explanation :)

Who this course is for:
  • Anybody who wants to build their own portfolio website.