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