Make a Responsive Portfolio Website- JavaScript and HTML

Make a Responsive Portfolio Website: JavaScript and HTML, available at $49.99, has an average rating of 4.85, with 52 lectures, based on 1401 reviews, and has 4186 subscribers.

You will learn about Build their own website using a range of technical skills Easily utilise third party tools to make your site stand out This course is ideal for individuals who are Anybody who wants to build their own portfolio website. It is particularly useful for Anybody who wants to build their own portfolio website.

Enroll now: Make a Responsive Portfolio Website: JavaScript and HTML

Summary

Title: Make a Responsive Portfolio Website: JavaScript and HTML

Price: $49.99

Average Rating: 4.85

Number of Lectures: 52

Number of Published Lectures: 52

Number of Curriculum Items: 52

Number of Published Curriculum Objects: 52

Original Price: 拢44.99

Quality Status: approved

Status: Live

What You Will Learn

Build their own website using a range of technical skills

Easily utilise third party tools to make your site stand out

Who Should Attend

Anybody who wants to build their own portfolio website.

Target Audiences

Anybody who wants to build their own portfolio website.

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鈥檙e in the right place! This course will guide you step by step in creating your own responsive portfolio website COMPLETELYfrom scratch.

We鈥檙e talking the kind of website that will amazeanybody that sees it. The kind of website that will get you hiredin 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鈥檝e gained through years of working with some of the best developers in the world and transfer them directly to you!

I鈥檝e taught thousands of students here on Udemy and created some of the most popular development courses on Udemy!

Okay so what鈥檚 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锟?/p>

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 鈥?strong>big 4鈥?often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUSTknow the essentials: HTML, CSS and JavaScript.

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

Support:

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 allof my courses.

Fun!

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 馃檪

Course Curriculum

Chapter 1: Introduction – Setup

Lecture 1: Website Overview

Lecture 2: Introduction – Setup

Lecture 3: Adding JQuery

Lecture 4: Adding Bootstrap

Chapter 2: Fullscreen Image slider

Lecture 1: Adding Superslides files

Lecture 2: Using Superslides

Lecture 3: Creating our own JavaScript file

Lecture 4: Adding our own images to the slider

Lecture 5: Superslides options

Lecture 6: Adding next and previous buttons

Lecture 7: Styling the next and previous buttons

Lecture 8: Adding a background overlay

Chapter 3: Title section

Lecture 1: Title section HTML

Lecture 2: Typed Js

Chapter 4: About Section

Lecture 1: About section HTML

Lecture 2: Adding text to the about section

Chapter 5: Technical Skills Section

Lecture 1: Creating the skills section HTML

Lecture 2: Adding the slider

Lecture 3: Adding the pie charts

Lecture 4: Pie chart options

Lecture 5: Styling the charts

Lecture 6: Activating the charts on scroll

Chapter 6: Stats Section

Lecture 1: Creating the stats section HTML

Lecture 2: Styling the skills items

Lecture 3: Using Font Awesome

Lecture 4: Adding the icon to the items

Lecture 5: Counting the number up from 0

Lecture 6: Counting up on scroll

Chapter 7: Contact Section

Lecture 1: Creating the contact section HTML

Lecture 2: Styling the contact section

Chapter 8: Portfolio Section

Lecture 1: Adding Isotope

Lecture 2: Adding the filter buttons

Lecture 3: Styling the filter buttons

Lecture 4: Creating a portfolio item

Lecture 5: Portfolio item icons

Lecture 6: Viewing items in full screen

Lecture 7: Styling the items

Lecture 8: Adding an overlay to the items

Lecture 9: Adding fly in/out transitions to the buttons

Lecture 10: Zooming the images on hover

Lecture 11: Filtering items

Lecture 12: Bug fix – icons not showing on mobile

Chapter 9: Copyright Section

Lecture 1: Creating the copyright section

Chapter 10: Creating the Navigation Menu

Lecture 1: Adding the Bootstrap navigation menu

Lecture 2: Styling the navigation bar

Lecture 3: Sticking navigation bar on scroll

Lecture 4: Fixing navigation bugs

Lecture 5: Sliding to section on link click

Chapter 11: Page Loading Overlay

Lecture 1: Adding a loading Gif

Lecture 2: Fading out the loading indication

Lecture 3: Specifying the viewport

Lecture 4: Bug fix – images overlapping

Instructors

Reece Kenney
Software Engineer at Microsoft

Rating Distribution

1 stars: 7 votes

2 stars: 10 votes

3 stars: 67 votes

4 stars: 345 votes

5 stars: 972 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!