Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap

Name: Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap
Rating: 4.8 (906 reviews)

Learn HTML5, CSS3, jQuery, Bootstrap And Build Huge Creative Responsive Website With Modern Trends From Scratch.

Created byIrfan Dayan

Last updated 10/2019

English

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

30 sections • 165 lectures • 27h 45m total length

Course Introduction7:23
In this lecture, I am going to give you an introduction about this course.
View Project Demo0:02
You can view the project demo at given link inside this lecture.
IMPORTANT NOTES!0:39
Read important notes before you get started.
Download Resources File0:06
Please download the attached web resources file.

Install Chrome Browser1:41
In this lecture, we are going to take the very first step to install the google chrome browser.
Chrome Web Developer Tools7:21
In this lecture, you will learn about Chrome Web Developer Tools.
Install Brackets Code Editor3:30
In this lecture, we will setup the brackets code editor.
Install Brackets Extensions (Part 1)10:27
In this lecture, you will start learning about some important bracket's extensions.
Install Brackets Extensions (Part 2)10:34
In this lecture, I will continue installing some more important bracket's extensions.

Learn About Wire-framing3:32
In this lecture, you will learn what is wireframing and why it is so important for any web design process.
Let's First Create Website Wireframe19:28
In this lecture, You will learn how to create website wire-frame and you will start building the wire-frame for real world website.
Complete Website Wireframe3:29
In this lecture, I'll give you a task and the task is to complete the wireframe for SOLO website.
Know About Wireframing Tools3:11
In this lecture, I would share with you some useful resources about wire framing tools.

Setup Website Folder File Structure4:58
In this lecture, what we are going to look at is how to setup the folder structure of our website.
What Is HTML?2:35
In this lecture, you will start learning html technology.
Create Basic HTML5 Page Structure5:31
In this lecture, we will create basic HTML5 page structure for SOLO website.
Add Important Meta Tags5:02
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 Website Title & Favicon3:56
In this lecture, I will go ahead and I’ll add title and favicon to our solo website.
Quiz

What Is CSS?3:01
n this new section, you are going to learn basics of CSS. In this lecture, I will discuss, what is CSS?
Link CSS To HTML2:53
In this short lecture, I’m going to link an external css file to html page.
Basic CSS Selectors8:10
In this lecture, I’m going to show you some basic examples of CSS selectors so you can get started with CSS.
CSS Classes & IDs7:59
In this lecture, you are going to learn CSS class & Id selectors.
CSS Box Model7:48
In this lecture, we are going to dive right into the CSS box model.
CSS Positioning13:33
In this lecture. I am going to give a brief demonstration of using the three major types of CSS positioning.
Quiz

What Is JavaScript?3:47
In this new section, you are going to learn basics of JavaScript & jQuery.
Link Script To HTML5:16
In this short lecture, I’m going to link an external script file to the html file of solo website.
JavaScript Basics15:02
In this lecture, I’m going to teach you some basics of JavaScript coding so you can get started with JavaScript.
What Is jQuery?3:14
In this lecture, you are going to know What is JQuery?
Add jQuery Library4:18
In this lecture, we are going to download and link jQuery library to SOLO website.
How To Use jQuery16:34
In this lecture, we are going to look at how we actually use jQuery.
Quiz

Bootstrap Framework Version3:09
What Is Bootstrap?4:21
In this section, You will learn about Bootstrap framework. It is important to understand Bootstrap framework before we use it in our Solo project.
Add Bootstrap Library5:16
In this video, we will continue to add Bootstrap framework to our solo project.
Bootstrap Grid System2:19
In this lecture, I am going to discuss bootstrap grid system.
Bootstrap Grid Examples18:21
In this lecture, I am going to show you some examples of bootstrap grid system.
Know About Web Development Resources1:55
In this lecture, I'm going to share some useful resources with you.
Quiz

Choose Right Fonts8:55
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
Important Note Before You Go Ahead0:20
Please use https://fontawesome.com/v4.7.0/ for accessing Font-awesome library.
Choose Right Icons7:00
In this lecture, we will continue and we will choose Icons for our solo project.
Choose Right Colors6:32
In this lecture, we will continue our journey and we will choose some good colors for our solo project.

Introduction - Preloader2:26
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.
Write HTML - Preloader4:29
In this lecture, we are going to write the HTML markup for preloader.
Apply CSS - Preloader14:30
In this lecture, I’m going to start applying CSS to preloader component.
Hide Preloader Using jQuery10:22
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.

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 3500+ Students Are Already Taking This course ***

*** BEST REVIEWED Course on Udemy ***

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

Now, let's 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 the basics of web development technologies and then you will learn to build a huge creative & modern-looking professional website from 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 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 the 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 the Bootstrap framework which will really speed up the development time and it will allow adding 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 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.

Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap

What you'll learn

Explore related topics

Course content

Getting Started!4 lectures • 8min

Setting Up Working Environment5 lectures • 34min

Creating Wireframe Of Website4 lectures • 30min

Building Basic Structure Of Website5 lectures • 22min

Learn CSS Basics6 lectures • 43min

JavaScript & jQuery Basics6 lectures • 48min

Bootstrap Framework6 lectures • 35min

Setting Up Fonts, Colors & Icons4 lectures • 23min

Solo - Creative Responsive Website1 lecture • 3min

Building Preloader for Website4 lectures • 32min

Requirements

Description

Who this course is for: