Build Responsive Website Using HTML5, CSS3, JS And Bootstrap

Name: Build Responsive Website Using HTML5, CSS3, JS And Bootstrap
Rating: 4.2 (3600 reviews)

Learn HTML5, CSS3, JavaScript, jQuery and Bootstrap framework by building a modern looking responsive website.

Created byIrfan Dayan

Last updated 10/2019

English

What you'll learn

At the end of this course, You will have a great skills set like HTML5, CSS3, JavaScript, JQuery and Bootstrap Framwork.
You will learn about web design guidelines which you can apply to real world web projects.
You will see, the complete web development process from start to finish project.
You will be able to build modern looking website which will look great on all the small & wide screens.
You will learn about media queries and will be able to make website perfect for responsive design.
You will get complete code for real responsive website

Course content

13 sections • 75 lectures • 7h 55m total length

Welcome & Getting Started!2:37
In this lecture, you will get an introduction to the course. You will know what this course is all about. And I'll walk you little bit through the course syllabus.
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 move forward.
Download Resources File0:02
Please download resource file before you go ahead.

What is Web Design?2:08
In this lecture, I'll give you a brief introduction to web design. You will know what web design is and you will get familiar with some aspects of web design.
What is Wireframing?4:54
In this lecture, you will know about web wireframing. You will know the importance of wireframing in web design process. And I'll show you how you can create a wireframe for your web project.
What is UI & UX?1:48
In this lecture, I'll give you a brief introduction to User Interface & User Experience for web design. I'll show you an example of UI & UX so you can get better idea of UI & UX.
Web Typogrphy6:51
In this lecture, you will learn about web typography. I'll teach you, the basic principles of web typography and you will be also introduced to some of great online tools for choosing good typography.
Web Colors4:46
In this lecture, you will learn about the importance of web colors. You will learn how to choose a good color scheme for your web project.
Icons for Web2:07
In this lecture, you will learn about the importance of web icons. I'll show you how to use web icons the right way.
Images for Web3:08
In this lecture, you will learn about the importance of images for web. You will learn, how images can effect on the whole web site. You will learn, how to choose the right images for your web site.
Whitespacing for Web Design3:47
In this lecture, you will learn about web whitespacing. You will learn what whitespacing is and what is the importance of whitespacing.
Getting Inspiration for Web Design2:04
In this lecture, I'll show you how you can get inspiration for web because It is important to always get inspiration for your web projects.
Web Design Quiz
Conclusion To Web Design Guidelines0:42
Conclusion To Web Design Guidelines.

Choosing Code Editor2:33
In this lecture, I'll introduce you some of the best code editors for your web project. And brackets will be editor for this course.
What Is HTML?2:02
In this lecture, You will learn what html is. You will learn very basic of html markup language and you will get familiar with html elements and attributes. It will be a good start up for html markup language.
Basic HTML Structure1:12
In this lecture, I'll show the very basic structure of html document.
Coding Small Business Page With HTML511:37
In this lecture, I'll code only the html markup for small business page as starter web page. You will learn about new html5 elements in this lecture.
Download Code0:02
You can download the html markup code for small business page.
HTML Quiz
Conclusion To Getting Started With HTML0:29
Conclusion To Getting Started With HTML.

Google Chrome Developer Tools2:01
In this lecture, I'll show you how to use google chrome developer tool for inspecting web elements on web page.
What is CSS?2:56
In this lecture, you will learn about basic CSS. You will learn, how to write simple css rule set for a web element. In this video, I'll add style.css to small business web.
CSS Box Model3:33
In this lecture, you will learn about CSS box model. Every element on web page has box model so it is important to learn about CSS box model.
Class & ID Selectors1:15
In this lecture, you will learn about CSS class and id selectors. Web elements can easily be styled using CSS class and Id selectors once specified for them.
Add CSS To Small Business Page21:03
In this lecture, I'll start adding CSS to small business page. You will learn some new CSS properties in this video. It will give you a good start up for adding CSS to web project.
Download Code0:02
Download css styling code for small business page.
CSS Quiz
Conclusion To Styling With CSS0:40
Conclusion To Styling With CSS

Basic JavaScript1:47
In this lecture, you will learn very basic of JavaScript language. I'll show how to write very basic JS code.
Getting Sarted With JQuery3:40
In this lecture, I'll introduce you JQuery library. I'll show you how to download and add it to your project. I'll write very basic of jQuery code.
Download Code0:01
Download jQuery code for small business page.
JavaScript & JQuery Quiz
Conclusion to Working With JavaScript & jQuery0:14
Conclusion to Working With JavaScript & jQuery

Bootstrap Framework Version2:40
In this lecture, we will decide which version of bootstrap framework to use.
What Is Bootstrap Framework?2:57
In this lecture, you will get started with Bootstrap framework. You will get an idea what bootstrap framework.
Bootstrap Grid System3:02
In this lecture, you will learn about Bootstrap grid system.
Add Bootstrap Framework To Small Business Page11:10
In this lecture, I'll add bootstrap framework to small business web page to make it responsive for small screens.
Download Code0:01
Download bootstrap code for small business page.
Bootstrap Framework Quiz
Conclusion To Bootstrap Responsive Framework0:20
Conclusion To Bootstrap Responsive Framework,

Introudction To Build Responsive Website3:11
In this lecture, you will get an introduction to real responsive web site.
Important Note Before You Go Ahead0:20
Please use https://fontawesome.com/v4.7.0/ for accessing Font-awesome library.
Setting Up Project Folder14:28
In this lecture, I will start setting up the project folder for this real responsive web site and I'l add resources like for fonts, icons and will also add some little bit of rest CSS.
Building Header - Part 0112:40
In this video, I'll write HTML5 markup for header part.
Building Header - Part 0218:52
In this lecture, I'll continue building header part by applying CSS to header part.
Building About Us - Part 0113:39
In this lecture, I'll write the HTML5 markup for About Us section.
Building About Us - Part 0217:40
In this lecture, I'll continue with About Us section by apply CSS to it.
Building Testimonials - Part 0110:22
In this lecture, I'll start building testimonial section.
Building Testimonials - Part 0211:48
In this lecture, I'll continue with Testimonial section by applying CSS to Testimonial section.
Building Features - Part 0113:18
In this lecture, I'll start coding HTML5 markup for features section.
Building Features - Part 0216:25
In this lecture, I'll continue building features sections by applying CSS to it.
Building Purchase Now - Part 014:00
In this lecture, I'll start writing HTML5 markup for Purchase Now section.
Building Purchase Now - Part 026:56
In this lecture, I'll continue working on Purchase Now section.
Building Screens5:30
In this lecture, I will just code the HTML5 markup for screens section. Later on in jQuery section, I'll add responsive slider to screens.
Building Counter - Part 015:40
In this lecture, I'll start writing HTML5 markup for counter section.
Building Counter - Part 028:49
In this lecture, I'll continue with Counter section by applying CSS to it.
Building Download Now - Part 0110:11
In this lecture, I'll start coding HTML5 markup for Download Now section.
Building Download Now - Part 0214:21
In this lecture, I will continue with Building Now section by applying CSS to it.
Building Contact Us - Part 0112:29
In this lecture, I will write HTML5 markup for Contact Us section.
Building Contact Us - Part 0214:56
In this lecture, I'll apply CSS to footer section.
Building Footer10:50
In this lecture, I'll build footer section.

Building Navigation - Part 0118:07
In this lecture, I will start building navigation for real responsive web site.
Building Navigation - Part 0214:23
In this lecture, I'll continue building navigation section.
Building Navigation - Part 0314:54
In this lecture, I'll continue working on building navigation section.
Add Auto Padding To Header5:21
In this lecture, I'll add an auto padding to adjust header to different screens size.
Add Slider To Screens15:38
In this lecture, I'l fix screens section by add bx responsive slider.
Add Counters6:32
In this lecture, I'll jQuery counter to counter section.
Add Animation - Part 018:50
In this lecture, I'll start adding animation to different elements of web page.
Add Animation - Part 0214:29
In this lecture, I'll continue adding animation to different sections.

Requirements

A Text Editor

Description

*** Over 98,000+ Students Are Already Taking This course ***

*** BEST REVIEWED course on Udemy ***

Are looking to learn Web Design & Web Development Skills? Then this is the RIGHT course For you! The very first things you need to learn HTML5, CSS3, JavaScript and JQuery to become a Web Developer and off-course some Web Design Guidelines. This course will exactly teach you all these New Skills to become a good Web Developer. This course also teach how to use Bootstrap Framework which is the most Popular Responsive Framework on the internet. In this course, you will also learn Web Design Guidelines, which you can apply to Real World Websites.

This course will first give basic understanding of HTML5, CSS3, JavaScript, JQuery and Bootstrap Framework then by combining all these skills, you will Build a Modern Looking Responsive Website which will look Great on all the Small and Wide Screens.

Student's Reviews:

Excellent, excellent course! You can follow through the whole process of modern website creation! From wireframing and user experience design, through important technologies (like HTML5, CSS3, Bootstrap, Javascript, jQuery) to some SEO, you will learn a lot! I enrolled into this course, because I already knew some HTML and CSS, but have never put together a whole site. I've got practical advice and the guidance I was looking for. Thanks! - Peter

Almost Perfect explanation about html css js and boostrap and responsive design with different layouts am enjoying this course and waiting for more courses!! Thank you Author - Imran Sufi

Enroll now and I'll see you inside the classroom!

Who this course is for:

This course is for anyone who want to learn web design and web development skills. This course will teach you some web design guideline and you will learn HTML5, CSS3, JS, jQuery & Bootstrap at ground level.

Build Responsive Website Using HTML5, CSS3, JS And Bootstrap

What you'll learn

Explore related topics

Course content

Introduction To Course4 lectures • 3min

Web Design Guidelines10 lectures • 32min

Getting Started With HTML6 lectures • 18min

Styling With CSS7 lectures • 32min

Working With JavaScript & JQuery4 lectures • 6min

Bootstrap Responsive Framework6 lectures • 20min

Building Real Responsive Website21 lectures • 3hr 46min

Adding JavaScript & JQuery Effects8 lectures • 1hr 38min

Make Website Perfect For Responsive Layout1 lecture • 24min

Optimization, Validation And Testing of Website4 lectures • 13min

Requirements

Description

Who this course is for: