About 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. 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.

Who is this class for: WE ARE NOT COVERING RUBY ON RAILS IN THIS COURSE AND NO RUBY ON RAILS KNOWLEDGE IS REQUIRED TO COMPLETE IT! This course is geared to ANYONE who is interested in starting in Web Development. It starts with the basics and methodically goes to a fair amount of depth on each of the subjects. Most importantly, it allows the students to follow a real-world project with a real client from beginning of talking to the customer to fully coding their website. The portion on Javascript does require you to be at least familiar with some programming concepts like looping, variable storage, etc.

Created by: Johns Hopkins University

Taught by: Yaakov Chaikin, Adjunct Professor, Graduate Computer Science
Whiting School of Engineering

Basic Info	Course 4 of 6 in the Ruby on Rails Web Development Specialization.
Commitment	5 weeks of study, 4-6 hours/week
Language	English
How To Pass	Pass all graded assignments to complete the course.
User Ratings	4.9 stars Average User Rating 4.9See what learners said

Course 4 of Specialization

Become a Rails Developer. Create modern full-stack web applications in five courses.

Ruby on Rails Web Development

Johns Hopkins University

Syllabus

WEEK 1

Introduction to HTML5

In this module we will learn the basics of HTML5. We'll start with instructional videos on how to set up your development environment, go over HTML5 basics like valid document structure, which elements can be included inside other elements and which can not, d...

18 videos, 3 readings, 11 readings

Graded: Module 1 Quiz

WEEK 2

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...

27 videos, 1 reading, 14 readings

Graded: Module 2 Coding Assignment

WEEK 3

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...

24 videos, 1 reading, 5 readings

Graded: Module 3 Coding Assignment

WEEK 4

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 t...

24 videos, 1 reading, 9 readings

Graded: Module 4 Coding Assignment

WEEK 5

Using Javascript to Build Web Applications

In this module, we are going to take all those newly learned Javascript language skills and learn how to utilize them within the context of a web page. We’ll start by learning how to properly manipulate the web page components using the Javascript Document Obj...

17 videos, 1 reading, 3 readings

Graded: Module 5 Coding Assignment

How It Works

Coursework

Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.

Help from Your Peers

Connect with thousands of other learners and debate ideas, discuss course material, and get help mastering concepts.

Certificates

Earn official recognition for your work, and share your success with friends, colleagues, and employers.

Creators

Johns Hopkins University

The mission of The Johns Hopkins University is to educate its students and cultivate their capacity for life-long learning, to foster independent and original research, and to bring the benefits of discovery to the world.

Ratings and Reviews

Rated 4.9 out of 5 of 2,141 ratings

Very good courser. I am new to CSS, JavaScript. Learned a lot from the course. I liked the way instructor taught the course.

I would recommend this course for anyone who wants to learn basics of web design. First of all, Mr. Chaikin has a very pleasant voice so its easy to listen, unlike some other courses i tried and quited only because of that. Course goes deep enough for a beginners yet its not boring. Anyway, A+ for this course.

I feel it is too basic

Have completed 3 weeks, and find the course very good.

Lot of effort to build the content, very clear and detailed and explanation and if you repeat it yourself while going thru the lecture, the concepts will be get much more clearer.

Programming is all about practice, but this could be a very good starting point.

Share

HTML, CSS, and Javascript for Web Developers