Make A Responsive Website Project #2: HTML, CSS & Javascript
4.3 (57 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.
7,619 students enrolled

Make A Responsive Website Project #2: HTML, CSS & Javascript

Create A Responsive, Holiday Themed Website using HTML, CSS, Bootstrap, Animate.css, Javascript, JQuery and Snowstorm.js
4.3 (57 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.
7,619 students enrolled
Created by Eric Tam
Last updated 4/2019
English
English [Auto]
Current price: $89.99 Original price: $149.99 Discount: 40% off
3 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 1 downloadable resource
  • 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
  • How to build a responsive website using HTML, CSS and Javascript
Course content
Expand all 56 lectures 04:18:46
+ Layout Review
2 lectures 12:54
Types Of Layouts
07:04
Using Percentages Instead Of Pixels
05:50
+ Introduction To Bootstrap
2 lectures 04:29
What Is Bootstrap
02:56
Installing Bootstrap
01:33
+ Bootstrap Classes Used In This Project
4 lectures 24:11
Bootstrap: Button Classes
04:57
Bootstrap: Container Class
02:30
Bootstrap: Grid System(Columns) Classes
14:43
Bootstrap: Text-Center Class
02:01
+ Adding The Javascript
2 lectures 05:40
Installing JQuery
04:43
Installing Snowstorm.js
00:57
+ Introduction To Animate.css
2 lectures 07:33
What Is Animate.css
03:04
How To Use Animate.css
04:29
+ Creating Our Main Website
19 lectures 01:45:51
Adding The Stylesheets
02:47
Setting Up The Body And Font Faces
03:52
Setting Up Btns Classes
06:52
Setting Up The Input Classes
02:53
Setting Up The Heading Classes
02:44
Setting Up The Paragraph Class
01:53
Setting Up The Sectionhead Classes
03:03
First Section: Adding The HTML
07:59
First Section: Adding The CSS
07:06
Second Section: Adding The HTML
08:57
Second Section: Adding The CSS
01:06
Third Section: Adding The HTML
05:24
Third Section: Adding The CSS
03:45
Fourth Section: Adding The HTML
18:23
Fourth Section: Adding The CSS
07:55
Fifth Section: Adding The HTML
05:33
Fifth Section: Adding The CSS
03:17
Sixth Section: Adding CSS and HTML
03:50
Seventh Section: Adding HTML and CSS
08:32
+ Introduction To Responsive Design
4 lectures 33:04
Introduction To Media Queries
07:51
A Note On Min-Width In Media Queries
04:24
A Simple Example Of Media Queries
06:53
Media Queries: Two More Examples
13:56
Requirements
  • A solid foundation in HTML(e.g. recognize what <section></section> means)
  • A solid foundation in CSS(e.g. know the difference between position: relative and position: absolute)
  • Some prior exposure to Javascript and JQuery
  • You will be required to download JQuery, Bootstrap, Animate(dot)css and Snowstorm. All of of these are available free and no sign ups are required. Although I have included all of those files in the source code, I suggest you also to learn where to download them yourself as well.
Description

Would you like to know how to create all those cool effects that you see in my introduction video?

Or maybe you are wondering how you can cut the time it takes for you to create a responsive website by half with one simple framework?

If so, this course is for you! In this course, I will be guiding you step by step in creating a responsive website using two of the most popular CSS frameworks out there.


Okay, so what’s this course about?

In this course, we will create a responsive, holiday themed website from scratch using HTML, CSS, Bootstrap, Animate.css, JQuery and Snowstorm.js.

After completing this website, you can be sure:

  • you are proficient with HTML/CSS

  • you are familiar with how to make a website responsive

  • you know how to use some of the most important features of Bootstrap and Animate.css

  • you know how to install Snowstorm.js


Support

By enrolling in this course, I will offer you my complete support. I love helping students out and am ready to answer any question you may have: programming issues, errors, general programming advice - it doesn't matter!


Fun!

Finally, you’ll discover that programming websites is a lot of fun and I know you'll have a great time.


Source Code

You can download the source code for this project in the conclusion lecture to help you follow along.


Please Note:

You will be required to download JQuery, Bootstrap, Animate.css and Snowstorm.js to complete this project. All of these can be downloaded for free and no sign ups are required. I have included the appropriate files in the source code, however, I strongly advise you download them yourself as well so that you know where to find the correct files.

Who this course is for:
  • Developers with some experience in HTML, CSS and Javascript