Coding the Static Restaurant Site

Seize the savings! Get 40% off 3 months of Coursera Plus and full access to thousands of courses.

Coding the Static Restaurant Site

This course is part of HTML, CSS, and Javascript for Web Developers Specialization

Instructor: Yaakov Chaikin

6,653 already enrolled

Included with

Learn more

1 module

Gain insight into a topic and learn the fundamentals.

47 reviews

7 hours to complete

Flexible schedule

Learn at your own pace

1 module

Gain insight into a topic and learn the fundamentals.

47 reviews

7 hours to complete

Flexible schedule

Learn at your own pace

What you'll learn

Client requirements gathering
How to create functional, responsive websites
How to test websites across different form factors and devices

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

5 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the HTML, CSS, and Javascript for Web Developers Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There is 1 module in this course

Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones.

This course offers a step-by-step guide to building a fully functional and responsive website for a real client. Starting from understanding client requirements, the course shows all aspects of website development. It covers topics from lessons on coding a website header and navigation menu, crafting a responsive homepage and menu page using Bootstrap and CSS to resolving potential website resize issues for a seamless mobile experience. The course emphasizes hands-on learning, guiding learners in creating a restaurant website. Through building the restaurant website, learners will gain expertise in requirements gathering, website design and development, responsive web design, and ensuring a visually appealing and user-friendly website that works across all devices.

Ready for some REAL fun? This course is it! We'll go over some basics of interacting with a client when managing a web site project and then go visit a real client at their place of business (a Chinese restaurant), help the owner figure out what she wants in a site, and get acquainted with the restaurant in general. We'll spend the rest of the course building a real web site for this business from scratch and you'll get to sit next to me and watch as the site comes together.

What's included

23 videos5 readings5 assignments1 peer review

23 videos Total 200 minutes

Lecture 27, Part 1: Visit with the Client 11 minutes
Lecture 27, Part 2: Visit with the Client (Field Trip) 9 minutes
Lecture 28: Design Overview 9 minutes
Lecture 29: Some Ground Rules and Overview of Setup 11 minutes
Lecture 30, Part 1: Coding Basics of Navbar Header 9 minutes
Lecture 30, Part 2: Coding Basics of Navbar Header 8 minutes
Lecture 31: Coding Button for Future Collapsible Menu 7 minutes
Lecture 32, Part 1: Coding Nav Menu Buttons 11 minutes
Lecture 32, Part 2: Coding Nav Menu Buttons 4 minutes
Lecture 33, Part 1: Fixing Navbar Layout, Text, and Dropdown Menus 8 minutes
Lecture 33, Part 2: Fixing Navbar Layout, Text, and Dropdown Menus 5 minutes
Lecture 34: Coding the Jumbotron 11 minutes
Lecture 35, Part 1: Coding Navigation Tiles 11 minutes
Lecture 35, Part 2: Coding Navigation Tiles 13 minutes
Lecture 36, Part 1: Coding the Footer 11 minutes
Lecture 36, Part 2: Coding the Footer 3 minutes
Lecture 37, Part 1: Coding the Menu Categories 14 minutes
Lecture 37, Part 2: Coding the Menu Categories 6 minutes
Lecture 38, Part 1: Coding the Single Menu Category Page 12 minutes
Lecture 38, Part 2: Coding the Single Menu Category Page 14 minutes
Lecture 38, Part 3: Coding the Single Menu Category Page 8 minutes
Lecture 39: Testing the Mobile Version on a Real Phone 5 minutes
Module 3 Wrap-Up 0 minutes

5 readings Total 24 minutes

Welcome to Course 3: Coding the Static Restaurant Site 5 minutes
Recommended Books 5 minutes
CONNECT WITH ME! 10 minutes
New Tutorials - here is how... 2 minutes
Frequently Asked Questions 2 minutes

5 assignments Total 150 minutes

Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes
Optional Practice Quiz 30 minutes

1 peer review Total 60 minutes

Module 3 Coding Assignment 60 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings

(15 ratings)

Yaakov Chaikin

Johns Hopkins University

5 Courses 1,283,522 learners

Offered by

Johns Hopkins University

Explore more from Mobile and Web Development

Status: Free Trial
EDUCBA
Build and Enhance Restaurant Websites with HTML, CSS & JS
Course
Coursera
Design Restaurant Menu Website using HTML and CSS on VScode
Guided Project
Status: Free Trial
Johns Hopkins University
Introduction to Javascript and Ajax: Building Web Apps
Course
Status: Free Trial
Board Infinity
Mastering Responsive UI Design for Modern Web Development
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

5 stars
85.10%
4 stars
8.51%
3 stars
4.25%
2 stars
0%
1 star
2.12%

Showing 3 of 47

Reviewed on Aug 25, 2024

would have given a 5 star but the program needs to be updated and some lessons need to be longer

Reviewed on Aug 13, 2024

great instructor, very energetic and gives good starting points for the assignments!

Reviewed on Oct 14, 2024

Good course that shows how to implment a design based on the material previously learned.

View more reviews

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.