Development
Web Development
Front End Web Development
Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap
4.4 (690 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,208 students enrolled

Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap

Learn HTML5, CSS3, jQuery, Bootstrap And Build Huge Creative Responsive Website With Modern Trends From Scratch.
4.4 (690 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,208 students enrolled
Created by Irfan Dayan
Last updated 10/2019
English
English [Auto-generated], Italian [Auto-generated]
Preview this course
Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap
Current price: $135.99 Original price: $194.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 28 hours on-demand video
  • 5 articles
  • 32 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
  • You will learn to build REAL world creative and modern website from very scratch using modern web technologies.
  • You will learn wire-framing, HTML5, CSS3, JQuery and Bootstrap (+BS 4) Framework
  • You will learn new ways of coding, tips & tricks and modern best practices to build a professional website.
  • You will learn to build a fully responsive website which will look perfect on all the small & wide screens.
  • You will learn about CSS3 media queries and you will be able to make the website perfect for responsive design.
  • You will get complete source code of final product.
Course content
Expand all 165 lectures 27:45:57
+ – Getting Started!
4 lectures 08:11

In this lecture, I am going to give  you an introduction about this course. 

Course Introduction
Preview 07:23

You can view the project demo at given link inside this lecture.

View Project Demo
Preview 00:02

Read important notes before you get started. 

IMPORTANT NOTES!
00:39

Please download the attached web resources file. 

Download Resources File
00:06
+ – Setting Up Working Environment
5 lectures 33:33

In this lecture, we are going to take the very first step to install the google chrome browser. 

Install Chrome Browser
Preview 01:41

In this lecture, you will learn about Chrome Web Developer Tools.

Chrome Web Developer Tools
07:21

In this lecture, we will setup the brackets code editor.

Install Brackets Code Editor
03:30

In this lecture, you will start learning about some important bracket's extensions.

Install Brackets Extensions (Part 1)
10:27

In this lecture, I will continue installing some more important bracket's extensions.

Install Brackets Extensions (Part 2)
10:34
+ – Creating Wireframe Of Website
4 lectures 29:40

In this lecture, you will learn what is wireframing and why it is so important for any web design process. 

Learn About Wire-framing
Preview 03:32

In this lecture, You will learn how to create website wire-frame and you will start building the wire-frame for real world website.

Let's First Create Website Wireframe
19:28

In this lecture, I'll give you a task and the task is to complete the wireframe for SOLO website. 

Complete Website Wireframe
03:29

In this lecture, I would share with you some useful resources about wire framing tools. 

Know About Wireframing Tools
03:11
+ – Building Basic Structure Of Website
5 lectures 22:02

In this lecture, what we are going to look at is how to setup the folder structure of our website. 

Setup Website Folder File Structure
04:58

In this lecture, you will start learning html technology.

What Is HTML?
02:35

In this lecture, we will create basic HTML5 page structure for SOLO website. 

Create Basic HTML5 Page Structure
Preview 05:31

In this lecture, I’m going to discuss what is meta tag and we will be adding some important meta tags to our Solo website.

Add Important Meta Tags
05:02

In this lecture, I will go ahead and I’ll add title and favicon to our solo website. 

Add Website Title & Favicon
03:56

Basic HTML Quiz

Quiz
6 questions
+ – Learn CSS Basics
6 lectures 43:24

n this new section, you are going to learn basics of CSS. In this lecture, I will discuss, what is CSS? 

What Is CSS?
03:01

In this short lecture, I’m going to link an external css file to html page.

Link CSS To HTML
Preview 02:53

In this lecture, I’m going to show you some basic examples of CSS selectors so you can get started with CSS.

Basic CSS Selectors
08:10

In this lecture, you are going to learn CSS class & Id selectors.

CSS Classes & IDs
07:59

In this lecture, we are going to dive right into the CSS box model.

CSS Box Model
07:48

In this lecture. I am going to give a brief demonstration of using the three major types of CSS positioning.

CSS Positioning
Preview 13:33

Basic CSS Quiz

Quiz
17 questions
+ – JavaScript & jQuery Basics
6 lectures 48:11

In this new section, you are going to learn basics of JavaScript & jQuery.

What Is JavaScript?
03:47

In this short lecture, I’m going to link an external script file to the html file of solo website.

Link Script To HTML
Preview 05:16

In this lecture, I’m going to teach you some basics of JavaScript coding so you can get started with JavaScript.

JavaScript Basics
15:02

In this lecture, you are going to know What is JQuery? 

What Is jQuery?
Preview 03:14

In this lecture, we are going to download and link jQuery library to SOLO website.

Add jQuery Library
04:18

In this lecture, we are going to look at how we actually use jQuery.

How To Use jQuery
Preview 16:34

Basic JavaScript & jQuery Quiz

Quiz
23 questions
+ – Bootstrap Framework
6 lectures 35:21
Bootstrap Framework Version
03:09

In this section, You will learn about Bootstrap framework. It is important to understand Bootstrap framework before we use it in our Solo project.

What Is Bootstrap?
04:21

In this video, we will continue to add Bootstrap framework to our solo project.

Add Bootstrap Library
05:16

In this lecture, I am going to discuss bootstrap grid system.

Bootstrap Grid System
02:19

In this lecture, I am going to show you some examples of bootstrap grid system. 


Bootstrap Grid Examples
Preview 18:21

In this lecture, I'm going to share some useful resources with you. 

Know About Web Development Resources
01:55

Basic Bootstrap Quiz

Quiz
5 questions
+ – Setting Up Fonts, Colors & Icons
4 lectures 22:47

In this section, we are going to setup fonts, colors and icons for our solo project. In this lecture, we will choose right fonts for solo website

Choose Right Fonts
08:55

Please  use https://fontawesome.com/v4.7.0/ for accessing Font-awesome library.

Important Note Before You Go Ahead
00:20

In this lecture, we will continue and we will choose Icons for our solo project.

Choose Right Icons
07:00

In this lecture, we will continue our journey and we will choose some good colors for our solo project. 

Choose Right Colors
06:32
+ – Solo - Creative Responsive Website
1 lecture 03:02

In this lecture, we are going to discuss what we have done so far and what we are going to do next. 

Solo - Creative Responsive Website
Preview 03:02
+ – Building Preloader for Website
4 lectures 31:47

In this section, we are going to build the very first component for solo website which is Preloader. In this lecture, I’m going to give you an introduction about Preloader.

Introduction - Preloader
Preview 02:26

In this lecture, we are going to write the HTML markup for preloader. 

Write HTML - Preloader
Preview 04:29

In this lecture, I’m going to start applying CSS to preloader component. 

Apply CSS - Preloader
Preview 14:30

In this lecture, we are going to continue and we will finish our work for preloader component. In this lecture, we are going to add little bit of jQuery to hide preloader for solo website.

Hide Preloader Using jQuery
Preview 10:22
Requirements
  • You just need a computer with an internet.
  • No coding experience is necessary. You will start learning from the very basics.
  • Basic knowledge of html & css would be a bonus otherwise you don't need to worry.
Description

*** Over 2900+ Students Are Already Taking This course ***

*** BEST REVIEWED Course on Udemy ***

First thing first, please View Project Demo at link given in lecture# 2 :)

Now, lets discuss what is inside this course. You are here because you are ready to start learning web development skills Or maybe you are already coding and want to take your web development skills to the next level. 

In this course, first, you will learn basics of web development technologies and then you will learn to build a huge creative & modern looking professional website from the very scratch . 

  This course covers below tools & technologies.

  • Wireframing

  • HTML5

  • CSS3

  • JavaScript

  • jQuery

  • Bootstrap

  • Web fonts, colors & icons

  • Web tools

  • Web animations

  • Build huge real world website

  • CSS3 media queries

  • Perfecting responsive layout

  • Optimizing website

  • Cross browser testing

  • And much more...

No coding experience is necessary for this course. You will learn, how to build a creative & modern responsive website from the very scratch with zero experience. 

This course will teach you, how to create a wire-frame for a website before actually starting the development. And then you will learn how to convert a wire-frame into a real world website. 

You will learn, how to choose right web fonts, colors and icons for your website. In this course, you will learn how to write HTML5 markup the best way. You will learn the Integration of Bootstrap framework which will really speed up the development time and it will allow to add some really great features to a website. 

You will learn, new CSS3 techniques to style a website and you will be also introduced to some new concepts such as CSS3 media quires & breakpoints and with  jQuery you will learn how to add cool features to a website. 

While building that amazing beautiful website, you will learn new ways of coding, tips & tricks and modern best practices that will make you a professional web developer in a very short time.

For any questions/confusion, I will be always here to help you out so please don't hesitate to contact me, I really love helping my students. Enroll today and you will see how fun & easy it is to build a creative & modern looking professional website from the very scratch, it will be super easy!

Who this course is for:
  • Everyone who wants to learn web development skills. This course teaches HTML5, CSS3, jQuery & Bootstrap at ground level.
Featured review
Stavros Stavroglou
Stavros Stavroglou ( 244 courses, 41 reviews )
a year ago
I have completed many courses on Udemy, Irfan is professional and very knowable of his art. The course is indeed about creative website design, and along the journey you not only learn a lot but you also get to keep ready-to-use/modify pieces of fancy code (to produce sth good looking). Absolutely recommended, as this teacher provides truly a content of high value.