Build Responsive Website Using HTML5, CSS3, JS And Bootstrap
- Description
- Curriculum
- FAQ
- Reviews
*** 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!
-
1
Welcome & Getting Started!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.
-
2
View Project DemoYou can view the project demo at given link inside this lecture.
-
3
IMPORTANT NOTES!
Read important notes before you move forward.
-
4
Download Resources File
Please download resource file before you go ahead.
-
5
What is Web Design?
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.
-
6
What is Wireframing?
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.
-
7
What is UI & UX?
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.
-
8
Web Typogrphy
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.
-
9
Web Colors
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.
-
10
Icons for Web
In this lecture, you will learn about the importance of web icons. I'll show you how to use web icons the right way.
-
11
Images for Web
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.
-
12
Whitespacing for Web Design
In this lecture, you will learn about web whitespacing. You will learn what whitespacing is and what is the importance of whitespacing.
-
13
Getting Inspiration for Web Design
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.
-
14
Web Design QuizWeb design quiz
-
15
Conclusion To Web Design Guidelines
Conclusion To Web Design Guidelines.
-
16
Choosing Code Editor
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.
-
17
What Is HTML?
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.
-
18
Basic HTML Structure
In this lecture, I'll show the very basic structure of html document.
-
19
Coding Small Business Page With HTML5
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.
-
20
Download Code
You can download the html markup code for small business page.
-
21
HTML Quiz
HTML quiz
-
22
Conclusion To Getting Started With HTML
Conclusion To Getting Started With HTML.
-
23
Google Chrome Developer Tools
In this lecture, I'll show you how to use google chrome developer tool for inspecting web elements on web page.
-
24
What is CSS?
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.
-
25
CSS Box Model
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.
-
26
Class & ID Selectors
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.
-
27
Add CSS To Small Business Page
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.
-
28
Download Code
Download css styling code for small business page.
-
29
CSS Quiz
CSS quiz
-
30
Conclusion To Styling With CSS
Conclusion To Styling With CSS
-
31
Basic JavaScript
In this lecture, you will learn very basic of JavaScript language. I'll show how to write very basic JS code.
-
32
Getting Sarted With JQuery
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.
-
33
Download Code
Download jQuery code for small business page.
-
34
JavaScript & JQuery Quiz
This Quiz is about JavaScript and JQuery Library.
-
35
Conclusion to Working With JavaScript & jQuery
Conclusion to Working With JavaScript & jQuery
-
36
Bootstrap Framework Version
In this lecture, we will decide which version of bootstrap framework to use.
-
37
What Is Bootstrap Framework?
In this lecture, you will get started with Bootstrap framework. You will get an idea what bootstrap framework.
-
38
Bootstrap Grid System
In this lecture, you will learn about Bootstrap grid system.
-
39
Add Bootstrap Framework To Small Business Page
In this lecture, I'll add bootstrap framework to small business web page to make it responsive for small screens.
-
40
Download Code
Download bootstrap code for small business page.
-
41
Bootstrap Framework Quiz
Bootstrap quiz
-
42
Conclusion To Bootstrap Responsive Framework
Conclusion To Bootstrap Responsive Framework,
-
43
Introudction To Build Responsive Website
In this lecture, you will get an introduction to real responsive web site.
-
44
Important Note Before You Go Ahead
Please use https://fontawesome.com/v4.7.0/ for accessing Font-awesome library.
-
45
Setting Up Project Folder
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.
-
46
Building Header - Part 01
In this video, I'll write HTML5 markup for header part.
-
47
Building Header - Part 02
In this lecture, I'll continue building header part by applying CSS to header part.
-
48
Building About Us - Part 01
In this lecture, I'll write the HTML5 markup for About Us section.
-
49
Building About Us - Part 02
In this lecture, I'll continue with About Us section by apply CSS to it.
-
50
Building Testimonials - Part 01
In this lecture, I'll start building testimonial section.
-
51
Building Testimonials - Part 02
In this lecture, I'll continue with Testimonial section by applying CSS to Testimonial section.
-
52
Building Features - Part 01
In this lecture, I'll start coding HTML5 markup for features section.
-
53
Building Features - Part 02
In this lecture, I'll continue building features sections by applying CSS to it.
-
54
Building Purchase Now - Part 01
In this lecture, I'll start writing HTML5 markup for Purchase Now section.
-
55
Building Purchase Now - Part 02
In this lecture, I'll continue working on Purchase Now section.
-
56
Building Screens
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.
-
57
Building Counter - Part 01
In this lecture, I'll start writing HTML5 markup for counter section.
-
58
Building Counter - Part 02
In this lecture, I'll continue with Counter section by applying CSS to it.
-
59
Building Download Now - Part 01
In this lecture, I'll start coding HTML5 markup for Download Now section.
-
60
Building Download Now - Part 02
In this lecture, I will continue with Building Now section by applying CSS to it.
-
61
Building Contact Us - Part 01
In this lecture, I will write HTML5 markup for Contact Us section.
-
62
Building Contact Us - Part 02
In this lecture, I'll apply CSS to footer section.
-
63
Building Footer
In this lecture, I'll build footer section.
-
64
Building Navigation - Part 01
In this lecture, I will start building navigation for real responsive web site.
-
65
Building Navigation - Part 02
In this lecture, I'll continue building navigation section.
-
66
Building Navigation - Part 03
In this lecture, I'll continue working on building navigation section.
-
67
Add Auto Padding To Header
In this lecture, I'll add an auto padding to adjust header to different screens size.
-
68
Add Slider To Screens
In this lecture, I'l fix screens section by add bx responsive slider.
-
69
Add Counters
In this lecture, I'll jQuery counter to counter section.
-
70
Add Animation - Part 01
In this lecture, I'll start adding animation to different elements of web page.
-
71
Add Animation - Part 02
In this lecture, I'll continue adding animation to different sections.
-
73
Markup Validation
In this lecture, I'll validate the HTML5 markup for this site.
-
74
Images Optimization
In this lecture, I'll optimize images for website.
-
75
Add Basic SEO
In this lecture, I'll add very basic SEO to website.
-
76
Cross Browser Testing
In this lecture, I'll test the web site across all the major browsers.
