About this Course

1,265,218 recent views

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.
In this course, we will learn the basic tools that every web page coder needs to know. We will start from the ground up by learning how to implement modern web pages with HTML and CSS. We will then advance to learning how to code our pages such that its components rearrange and resize themselves automatically based on the size of the user’s screen. You’ll be able to code up a web page that will be just as useful on a mobile phone as on a desktop computer. No “pinch and zoom” required! Last but certainly not least, we will get a thorough introduction to the most ubiquitous, popular, and incredibly powerful language of the web: Javascript. Using Javascript, you will be able to build a fully functional web application that utilizes Ajax to expose server-side functionality and data to the end user.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Approx. 40 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Skills you will gain

HTML
JavaScript
Css Frameworks
Cascading Style Sheets (CSS)

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Approx. 40 hours to complete

English

Could your company benefit from training employees on in-demand skills?

Try Coursera for Business

Instructor

Instructor rating

4.78/5 (4,267 Ratings)

Yaakov Chaikin

Adjunct Professor, Graduate Computer Science

Whiting School of Engineering

986,300 Learners

2 Courses

Syllabus - What you will learn from this course

Content Rating96%(151,323 ratings)

Week1

Week 1

9 hours to complete

Introduction to HTML5

9 hours to complete

18 videos (Total 120 min), 7 readings, 12 quizzes

18 videos

Course Introduction3mWelcome to Module 1: Introduction to HTML51mDevelopment Environment Setup, Part 13mDevelopment Environment Setup, Part 2: MacOS8mDevelopment Environment Setup, Part 2: Windows6mDevelopment Environment Setup, Part 3: Github and Browser Sync17mResources for Asking Questions5mLecture 1: What is HTML?7mLecture 2: Relevant History of HTML10mLecture 3: Anatomy of an HTML Tag5mLecture 4: Basic HTML Document Structure6mLecture 5: HTML Content Models6mLecture 6: Heading Elements (and some new HTML5 semantic comments)7mLecture 7: Lists5mLecture 8: HTML Character Entity References7mLecture 9: Creating Links9mLecture 10: Displaying Images6mModule 1 Wrap-Up30s

7 readings

How Grading and Being Late on Assignments Works10mRecommended Books10mCHECK OUT MY SITE!10mALL of the EXAMPLE SOURCE CODE for this Course3mFrequently Asked Questions (FAQ)1mFrequently Asked Questions2mCONNECT WITH ME!2m

12 practice exercises

Optional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mModule 1 Quiz30m

Week2

Week 2

11 hours to complete

Introduction to CSS3

A lot of people "tinker" with CSS. In this module, we'll take you from the very basics of CSS3 to some fairly advanced concepts like floating and CSS rule conflict resolution. We'll go over the 'box model', background property, etc. We'll finish off the module with learning about Responsive Design using our own CSS code as well as start introducing Twitter Bootstrap with its essential Grid System.

11 hours to complete

27 videos (Total 188 min), 4 readings, 15 quizzes

27 videos

Welcome to Module 2: Introduction to CSS350sLecture 11: Power of CSS5mLecture 12: Anatomy of a CSS Rule4mLecture 13: Element, Class, and ID Selectors9mLecture 14: Combining Selectors9mLecture 15: Pseudo-Class Selectors9mLecture 16: Style Placement5mLecture 17, Part 1: Conflict Resolution8mLecture 17, Part 2: Conflict Resolution6mLecture 18, Part 1: Styling Text6mLecture 18, Part 2: Styling Text5mLecture 19, Part 1: The Box Model10mLecture 19, Part 2: The Box Model7mLecture 19, Part 3: The Box Model5mLecture 20: The background Property6mLecture 21: Positioning Elements by Floating10mLecture 22, Part 1: Relative and Absolute Element Positioning7mLecture 22, Part 2: Relative and Absolute Element Positioning3mLecture 23, Part 1: Media Queries4mLecture 23, Part 2: Media Queries9mLecture 24, Part 1: Responsive Design7mLecture 24, Part 2: Responsive Design11mLecture 25, Part 1: Introduction to Twitter Bootstrap5mLecture 25, Part 2: Introduction to Twitter Bootstrap7mLecture 26, Part 1: The Bootstrap Grid System9mLecture 26, Part 2: The Bootstrap Grid System9mModule 2 Wrap-Up38s

4 readings

Recommended Books5mNew Tutorials - here is how...2mCONNECT WITH ME!2mFrequently Asked Questions2m

14 practice exercises

Optional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30m

Week3

Week 3

7 hours to complete

Coding the Static Restaurant Site

Ready for some REAL fun? This module 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 module 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.

7 hours to complete

24 videos (Total 201 min), 3 readings, 6 quizzes

24 videos

Welcome to Module 3: Coding the Static Restaurant Site53sLecture 27, Part 1: Visit with the Client10mLecture 27, Part 2: Visit with the Client (Field Trip)9mLecture 28: Design Overview9mLecture 29: Some Ground Rules and Overview of Setup10mLecture 30, Part 1: Coding Basics of Navbar Header9mLecture 30, Part 2: Coding Basics of Navbar Header7mLecture 31: Coding Button for Future Collapsible Menu6mLecture 32, Part 1: Coding Nav Menu Buttons11mLecture 32, Part 2: Coding Nav Menu Buttons3mLecture 33, Part 1: Fixing Navbar Layout, Text, and Dropdown Menus7mLecture 33, Part 2: Fixing Navbar Layout, Text, and Dropdown Menus4mLecture 34: Coding the Jumbotron11mLecture 35, Part 1: Coding Navigation Tiles11mLecture 35, Part 2: Coding Navigation Tiles13mLecture 36, Part 1: Coding the Footer10mLecture 36, Part 2: Coding the Footer3mLecture 37, Part 1: Coding the Menu Categories14mLecture 37, Part 2: Coding the Menu Categories6mLecture 38, Part 1: Coding the Single Menu Category Page11mLecture 38, Part 2: Coding the Single Menu Category Page13mLecture 38, Part 3: Coding the Single Menu Category Page7mLecture 39: Testing the Mobile Version on a Real Phone4mModule 3 Wrap-Up28s

3 readings

Recommended Books5mNew Tutorials - here is how...2mFrequently Asked Questions2m

5 practice exercises

Optional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30m

Week4

Week 4

8 hours to complete

Introduction to Javascript

What fun would a web site be if there was no functionality to it? In this module, we are going to concentrate on learning the fundamentals of the Javascript language. A lot of even seasoned developers “tinker” with Javascript without really understanding how the language works. That leads to viewing the language as more of a nuisance instead of a powerful tool. That is why we are going to concentrate not only on the “how” but also on the “why”, so you are empowered by the Javascript language features, not confused by them. We’ll cover just about everything - from common language constructs and Javascript types to objects, functions, arrays, closures, and scope isolation.

8 hours to complete

24 videos (Total 151 min), 3 readings, 10 quizzes

24 videos

Welcome to Module 4: Introduction to Javascript1mLecture 40, Part 1: Adjusting Development Environment for Javascript Development5mLecture 40, Part 2: Where to Place Javascript Code5mLecture 41, Part 1: Defining Variables, Function, and Scope8mLecture 41, Part 2: Defining Variables, Function, and Scope4mLecture 42, Part 1: Javascript Types5mLecture 42, Part 2: Javascript Types4mLecture 43, Part 1: Common Language Constructs8mLecture 43, Part 2: Common Language Constructs4mLecture 43, Part 3: Common Language Constructs7mLecture 44: Handling Default Values4mLecture 45, Part 1: Creating Objects Using 'new Object()' Syntax7mLecture 45, Part 2: Creating Objects Using Object Literal Syntax5mLecture 46: Functions Explained8mLecture 47, Part 1: Passing Variables by Value vs. by Reference6mLecture 47, Part 2: Passing Variables by Value vs. by Reference7mLecture 48: Function Constructors, prototype, and the 'this' Keyword12mLecture 49: Object Literals and the 'this' Keyword6mLecture 50, Part 1: Arrays8mLecture 50, Part 2: Arrays4mLecture 51: Closures6mLecture 52, Part 1: Fake Namespaces6mLecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs)8mModule 4 Wrap-Up44s

3 readings

Recommended Books5mNew Tutorials - here is how...2mFrequently Asked Questions2m

9 practice exercises

Optional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30mOptional Practice Quiz30m

Reviews

4.7

5350 reviews

5 stars
81.32%
4 stars
13.62%
3 stars
2.19%
2 stars
1.02%
1 star
1.82%

TOP REVIEWS FROM HTML, CSS, AND JAVASCRIPT FOR WEB DEVELOPERS

by ABJun 27, 2020

Excellent course for people with intermediate knowledge of programming. Very eloquently teaches Bootstrap framework and Javascript along with AJAX. Must take course for any aspiring web developer!

by NMMay 26, 2016

Besides the Course been very good, I thing it could be a little bit harder. After watch the lectures of Module 3, I got sad because the Assignment didn't asked for a lot of things we have learned.

by NCMar 15, 2018

Excellent course, specially if you are a professional but in different technologies/ languages, from the back-end world, etc... You will progress very fast as it goes right to the essential notions.

by GJun 26, 2020

The Course was Great. It teaches a lot about the Basics of Web-Page Development. The instructor was awesome and ensures that the viewers gets whatever he says. In conclusion, One heck of a course.

View all reviews

Frequently Asked Questions

When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. 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.
What will I get if I purchase the Certificate?
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
Is financial aid available?
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.

More questions? Visit the Learner Help Center.

HTML, CSS, and Javascript for Web Developers