Udemy

Platform

English

Language

Web Development

Category

Make A Responsive Website From Scratch: Javascript and HTML

Create a responsive restaurant website using HTML, CSS and Javascript (JQuery)

4.10 (35 reviews)

Students

5 hours

Content

Mar 2019

Last Update
Regular Price


What you will learn

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


Description

Do you want to become an expert web developer?

Or maybe you’ve begun learning HTML, CSS and even Javascript but are still not sure exactly how to apply it to a real-world project?

If so, you've come to the right place! This course will guide you step by step in creating a responsive website COMPLETELY from scratch.


Okay, so what’s the course about?

In this course, we will create a responsive restaurant website from scratch using HTML, CSS and Javascript/JQuery.

After completing this website, you can be certain:

  • you are proficient with HTML/CSS

  • you are familiar with responsive web design

  • you possess strong JavaScript skills 

  • and much more!

Support:

By enrolling in this course, you will have 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 implementing your own unique ideas as well as the ones we implement together. 

What are you waiting for?



Screenshots

Make A Responsive Website From Scratch: Javascript and HTML
Make A Responsive Website From Scratch: Javascript and HTML
Make A Responsive Website From Scratch: Javascript and HTML
Make A Responsive Website From Scratch: Javascript and HTML

Content

Introduction

Introduction

Prerequisites

What You Will Learn

Website Layout Review

Overview Of Website Layouts

Types Of Layouts

JQuery Review

Installing JQuery

JQuery Animate()

JQuery CSS()

Setting Up The Body

Setting Up The Body Tag

First Section

First Section: Part 1

What is Google Maps

How to Get A Google Map API Key

First Section: Navigation Bar

First Section: Adding Dropdowns

Second Section

Second Section

Third Section

Third Section

Fourth Section

Fourth Section

Fifth Section: Introduction

Fifth Section: Introduction

Introduction To Carousels

Fifth Section: Breakfast

Breakfast Carousel: CSS and HTML

Fifth Section: Lunch

Lunch Carousel: CSS and HTML

Fifth Section: Dinner

Dinner Carousel: CSS and HTML

Fifth Section: Specialties

Specialties

Sixth Section

Sixth Section

Seventh Section

Seventh Section: CSS and HTML

Footer

Footer

Media Queries

Introduction To Responsive Design

Simple Example Of Media Queries

Media Queries: Two Common Changes

Selecting The First Media Query

First Media Query: Adding the CSS

Selecting The Second Media Query

Second Media Query: Adding The CSS

Selecting The Third Media Query

Third Media Query: Adding The CSS

Selecting The Fourth Media Query

Fourth Media Query: Adding The CSS

Selecting The Fifth Media Query

Fifth Media Query: Adding The CSS

Selecting The Sixth Media Query

Sixth Media Query: Adding The CSS

Selecting The Seventh Media Query

Seventh Media Query: Adding The CSS

Adding The Javascript

Javascript For Navigation Bar: Highlighting

Triggering The Responsive Navigation Bar

Breakfast Carousel: Javascript

Lunch Carousel: Javascript

Dinner Carousel: Javascript

SetInterval() For Small Carousels

Bottom Carousel: Javascript

Conclusion

Conclusion


Reviews

A
Anushka2 September 2020

It is really bad I'm just giving 2 stars because I know it takes hard work to make videos else this course is awful there are so many things you will get confused like he using classes in CSS but didn't show where are these in HTML and many many other terrific problems I don't want to mention all.

M
Manish18 September 2019

Not so good in providing actual insights to the development process. If you even try to copy exactly the same code, few of them will have no effects and some are out of context.

D
DebrA23 February 2019

Great information. Instructor is very knowledgeable and thorough. Great examples. Quality video. Easy to understand

D
Davidbmetwally8 February 2019

I feel connected with the instructor because I can feel his style of teaching in his approach to delivering the lesson and that keeps me engaged during my learning process.


Coupons

DateDiscountStatus
6/15/201994% OFFExpired
6/21/201994% OFFExpired
6/26/201994% OFFExpired
7/2/201994% OFFExpired
7/29/2019100% OFFExpired
8/20/2019100% OFFExpired

2161278

Udemy ID

1/19/2019

Course created date

6/15/2019

Course Indexed date
Bot
Course Submitted by