Make a Responsive Portfolio Website : JavaScript HTML CSS
- Description
- Curriculum
- FAQ
- Reviews
Do you want to become an expert in front-end web design or web developer?
Or maybe you want to build a professional and real world portfolio website to show off your projects anywhere like in job interview or to showcase for your clients?
If so, you’re in the right place! This course will be guiding you from step by step in creating your own responsive portfolio website COMPLETELY from scratch with proper instructions at your own pace.
i am introducing the kind of website that will make anybody amazed and wow. The kind of website that will make your appearance more creative and get you hired in no time! A good portfolio website and responsive as well is need to have for almost every decent developer and web designer to showcase their creativeness to the world. Without it, how can you expect to stand out from the millions of other developers that are out there and struggling to make their presence for outstanding . A portfolio website is an excellent way to show people just how you have knowledge about the real world portfolio website design and how creative the web designer or web developer you are.
Why let me teach you?
I am front-end website developer using all the modern technologies such as HTML 5 CSS 3 Bootstrap JavaScript JQuery WordPress PHP Android Development and so on.
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 and real world portfolio website design from scratch using all the modern technologies such as HTML, CSS, JavaScript/JQuery .
After Enrolling you can achieve all the elements mentioned below:-
HTML/CSS/Bootstrap
JavaScript skills
+Much more
Support:
By enrolling in this course, you will have COMPLETE and lifetime supports and time does not matter here. I will be always glad to help you out through this course regarding any issues you face while designing or developing the modern looking real world and responsive portfolio website design just in a couple of hours.
Project and Source code Included
This course is project based course so you will get whole source file for this course as well at the end of this course curriculum.
*You don’t need any experience to take this course, however a basic understanding of HTML would be great. For sure you will be adding more value in your front-end website designing and developing skills. No doubt !
Enjoy Learning 🙂
-
1Introductory VideoVideo lesson
Hi Beautiful people out there
Welcome to the introductory video of this course here you will come to know that how to make a responsive portfolio website design using all the modern technologies such as HTML 5 CSS3 Bootstrap JavaScript JQuery and much more. Hope this course will improve your web design skills and creativeness.
-
2How website looks likeVideo lesson
Hi there in this lecture you will know that how you can make a responsive portfolio website using javascript and html and at the end you will be having a great skills about all the modern technologies to build a real world responsive and portfolio website design
-
3How to make responsive navbar 2Video lesson
In this section we will create the navigation markup and styling from scratch and at the end you will be getting the amazing looking navigation menu with fully repsonsivness. Hope this website design for portfolio will make your concepts even more batter.
-
4Navigation Part 3Video lesson
This is the navigation section part 3 and in this section we will talk and do live coding for making the navigation makrup and styling fully working for the Responsive Portfolio website with all the modern technologies like JavaScript HTML and css.
-
5Responsive Navigation Bar and Toggle Menu effect 4Video lesson
In this section you will come to know for the responsive navigation bar with toggle menu effect. At the end you will be creating the next level toggle menu button with fully responsive Navigation bar using all the modern technologies such as html css js bootstrap and all.
-
6Header with Html 5 Markup - Part 1Video lesson
In this section we will create for the Responsive portfolio website design like Banner part and you will get it from very scratch. Hope this real world responsive portfolio website design will work as its been instructed. This banner design contains Hero image background color , Hero Text and animated button and so on. So you will get more and more cool stuffs inside this header banner for sure
-
7Header Markup with Styling - Part 2Video lesson
In this truly Header design in the responsive portfolio website you will be getting that how to styles all the hero area or the header part elements with just pure css 3 amazing properties in no time. Hope this section will clear your concepts even more batter and makes the design of your responsive portfolio even more cooler
-
8Banner part 3Video lesson
This is the last section for the Responsive Portfolio website with all the modern technologies such as html css javascript bootstrap and jquery as well. In this section we will doing some live coding to decorate and make it even more creative using all the css styles using its properties itself.
-
9About me / Biography Section Markup - Part 1Video lesson
This is the about me section which is the very section section for this beautiful and creative responsive portfolio website design and this section also contains the hover effect and a tiny images with some introduction for this section in responsive manner. Hope this about me section will add some creativeness in your cool looking responsive portfolio website design today
-
10About Section part 2Video lesson
This is the about me last section which will be having all the html 5 markup and some css properties to make it cool hover effect and also i will be adding some social media icons inside this section to put some hover effect and also we will put some personal information about this section. Its truly responsive by the nature of Bootstrap updated version.
-
11Hover Section Markup with HTMLVideo lesson
This is the Third section in this responsive portfolio website design and here we will add some cool hover effect with some outline based icons which will add more creativeness in this responsive portfolio website. And at the end you will be loving this truly creative section with some cool hover effect like animation using css
-
12Hover Section with HTML Markup - Part 2Video lesson
This is the next part of the hover effect using all the modern technologies such as HTML CSS Bootstrap JavaScript and jquery. This is truly creative hover effect with amazing hover effect in real world responsive portfolio website design
-
13Hover Section FinalizeVideo lesson
This is the last part of this beautiful hover effect section. For this hover effect we have added all the basic css properties to make it work like hover effect. You will surely enjoy this creative hover effect using the pure css styling

External Links May Contain Affiliate Links read more