Make A Responsive Website Project 2 HTML CSS Javascript

Make A Responsive Website Project 2 HTML CSS Javascript

What you’ll learn

How to build a responsive website using HTML, CSS and Javascript

Requirements

A solid foundation in HTML(e.g. recognize what

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 responsiveyou know how to use some of the most important features of Bootstrap and Animate.cssyou know how to install Snowstorm.jsSupportBy 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 CodeYou 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.

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: CSS Review

Lecture 2 CSS Animation Property

Lecture 3 CSS Transition Property

Lecture 4 CSS Adding A Type Of Font

Lecture 5 CSS Font Family Property

Section 3: How To Create An Overlay

Lecture 6 How To Create An Overlay

Section 4: Layout Review

Lecture 7 Types Of Layouts

Lecture 8 Using Percentages Instead Of Pixels

Section 5: Introduction To Bootstrap

Lecture 9 What Is Bootstrap

Lecture 10 Installing Bootstrap

Section 6: Bootstrap Classes Used In This Project

Lecture 11 Bootstrap: Button Classes

Lecture 12 Bootstrap: Container Class

Lecture 13 Bootstrap: Grid System(Columns) Classes

Lecture 14 Bootstrap: Text-Center Class

Section 7: Adding The Javascript

Lecture 15 Installing JQuery

Lecture 16 Installing Snowstorm.js

Section 8: Introduction To Animate.css

Lecture 17 What Is Animate.css

Lecture 18 How To Use Animate.css

Section 9: Creating Our Main Website

Lecture 19 Adding The Stylesheets

Lecture 20 Setting Up The Body And Font Faces

Lecture 21 Setting Up Btns Classes

Lecture 22 Setting Up The Input Classes

Lecture 23 Setting Up The Heading Classes

Lecture 24 Setting Up The Paragraph Class

Lecture 25 Setting Up The Sectionhead Classes

Lecture 26 First Section: Adding The HTML

Lecture 27 First Section: Adding The CSS

Lecture 28 Second Section: Adding The HTML

Lecture 29 Second Section: Adding The CSS

Lecture 30 Third Section: Adding The HTML

Lecture 31 Third Section: Adding The CSS

Lecture 32 Fourth Section: Adding The HTML

Lecture 33 Fourth Section: Adding The CSS

Lecture 34 Fifth Section: Adding The HTML

Lecture 35 Fifth Section: Adding The CSS

Lecture 36 Sixth Section: Adding CSS and HTML

Lecture 37 Seventh Section: Adding HTML and CSS

Section 10: Introduction To Responsive Design

Lecture 38 Introduction To Media Queries

Lecture 39 A Note On Min-Width In Media Queries

Lecture 40 A Simple Example Of Media Queries

Lecture 41 Media Queries: Two More Examples

Section 11: Making Our Website Responsive

Lecture 42 Selecting The First Media Query

Lecture 43 The First Media Query: Adding The CSS

Lecture 44 Selecting The Second Media Query

Lecture 45 The Second Media Query: Adding The CSS

Lecture 46 Selecting The Third Media Query

Lecture 47 The Third Media Query: Adding The CSS

Lecture 48 Selecting The Fourth Media Query

Lecture 49 The Fourth Media Query: Adding The CSS

Lecture 50 Selecting The Fifth Media Query

Lecture 51 The Fifth Media Query: Adding The CSS

Lecture 52 Selecting The Sixth Media Query

Lecture 53 The Sixth Media Query: Adding The CSS

Lecture 54 Picking And Adding Seventh Media Query

Section 12: Conclusion(Source Code In Lecture)

Lecture 55 Conclusion

Section 13: Bonus Lecture

Lecture 56 Special Thanks

Developers with some experience in HTML, CSS and Javascript

Course Information:

Udemy | English | 4h 18m | 1.50 GB
Created by: Eric Tam

You Can See More Courses in the Developer >> Greetings from CourseDown.com