Building a Portfolio in 90 minutes ( HTML, CSS, Js )

Level up your web development skills, by creating your portfolio , with this project-based video tutorial
4.4 (104 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
5,262 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 24
  • Length 2 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2015 English

Course Description

***Message me for Coupon Codes***

Create your online portfolio with this project-based tutorial.

Bootstrap 3 is a lightweight and responsive framework for a better and faster mobile-friendly web development.

- By the end of the course, you will be well-versed with most of the Bootstrap built-in CSS and components. You will be ready to design sleek, mobile-ready websites with HTML and CSS

Lessons include topics like:

  • How to use the 12-column Grid System
  • Adding and customizing links and buttons
  • Using the pseudo-class :hover to create cool hover effects
  • The video lessons will walk you through every process step-by-step.
  • Join me to create your portfolio & learn about the most popular open-source responsive framework Bootstrap 3.

What are the requirements?

  • HTML and CSS basics
  • Download and install a modern web browser like Chrome
  • Download and install a code editor like Sublime Text 2 or 3, Notepad++, Coda or Dreamweaver - any code editor will be just fine

What am I going to get from this course?

  • You will learn to build complexe and dynamic site layouts with the 12-column Grid System
  • You will learn how to design your site quickly with CSS buill-in classes and other functional components
  • You will learn how to override the Boostrap styling with your custom style
  • By the end of the course, you will have a fully functional wepage. The final template is customizable and can be used as on online portfolio

What is the target audience?

  • This class is for beginner and intermediate level
  • This class is for anyone willing to learn about fast web developement and rapid prototyping
  • The course is designed for anyone willing to learn about the most popular responsive framework

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to the course
01:52

This video will ride you through the steps of this course.

01:11

This video is about goals of our section 1

04:37

In this video we'll set up the folder and download required files for our portfolio.

07:35

In this video we'll set up the basic format of our portfolio.

Section 2: Building Header and Footer section
00:57

This video is about our goals for section 2.

04:49

Building the header section with HTML.

03:41

Styling the header section with CSS.

04:31

Building the footer section with HTML.

05:01

Styling the footer section with CSS.

Section 3: Building Experience and skills section
01:04

This video is about our goals for section 3.

06:23

Building and styling the skills section with HTML, CSS and JS ( Part- I )

06:08

Building and styling the skills section with HTML, CSS and JS ( Part- II )

04:56

Building and styling the experience section with HTML, CSS and JS ( Part- I )

09:58

Building and styling the experience section with HTML, CSS and JS ( Part- II )

Section 4: Building Projects section
00:44

This video is about goals for our section 4.

04:57

Building and styling the projects section with HTML, CSS and JS ( Part- I )

08:34

Building and styling the projects section with HTML, CSS and JS ( Part- II )

01:05

In this video we'll complete our portfolio!.

01:00

Some additional information!!

9 pages

Source Code for portfolio

Section 5: Course Update - I
Building a Bootstrap Carousel
10 pages
Building a Bootstrap Scrollspy
9 pages
The Ultimate Python Developer Course - Build Real Applications ( Bonus Lecture )
Article
Section 6: IMPORTANT
Important and Useful Information
Preview
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

CODING is my Passion first, hobby second and job third!

I am an iOS Developer from last two years and I love building applications and modern apps with new technologies.I started with my web development with PHP and then I moved on to FULL Stack JavaScript which basically includes MEAN STACK.

MEAN => MongoDB as a database, ExpressJs as server framework, AngularJs as front-end framework and NodeJs for backend work.

Now I am currently using Swift for building iOS applications.

My aim is to teach each and everyone how to CODE!!

I thus bring to Udemy my experience in Full Stack Development as well as iOS Development to teach you how to become a better developer to solve real world challenges.

Ready to start learning?
Take This Course