Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Johns Hopkins University

HTML, CSS, and Javascript for Web Developers

Johns Hopkins University via Coursera

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.
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.

Syllabus

  • 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, discuss the meaning and usefulness of HTML5 semantic tags, and go over essential HTML5 tags.
  • 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.
  • 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.
  • 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.
  • 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 Object Model API. We will then move on to learning one of the most popular ways of serving up data to a web site - Ajax. We'll learn about the protocol that the language of the web speaks in (HTTP), how to set up and handle Ajax requests and responses, as well as how to process JSON data. We'll finish the module by connecting our restaurant web site from Module 3 to a real backend service that will allow us to pull the data for the restaurant menu dynamically from the server without having to reload the entire page.

Taught by

Yaakov Chaikin

Reviews

4.9 rating, based on 20 Class Central reviews

4.7 rating at Coursera based on 16046 ratings

Start your review of HTML, CSS, and Javascript for Web Developers

  • This was the 4th course I've completed with certification in Coursera and 3rd in Ruby on Rails Web Development Specialization and I can certainly say that for me it was the best of them! It is very well organized, has an EXCELLENT professor, includ…
  • Profile image for Rohit Jain
    Rohit Jain
    The course curricul…
  • Learned a lot and was fun! It was a great experience and good content thanks to the lecturer, John Hopkins University, and the Coursera platform.
  • Mark Riker
    So far one of the best courses on the topic of HTML, CSS, and Javascript. Great instructor, very good design and structure. Some concepts (especially on the topic of CSS) were presented in really great detail, even a somewhat experienced web developer might learn something new.
    However, I am not sure why this is labelled as being part of the Ruby specialisation since it has nothing to do with Ruby.
  • Anonymous
    Well structured course with good examples. The module assignments are also very important. The instructor explains almost everything in detail and I'm really understanding CSS and how to implement in a real world website.
  • Naftali Teitelbaum
    Great course!!! very useful with all the basic info needed to start coding with basic java-script and bootstrap knowledge to get you started
  • Profile image for Lavanya A
    Lavanya A
    the course teach me lot of innovation and how to apply the cocepts of cpmputer..it teaches you not only the online business but how to make money on online and best training for honest
  • Profile image for VIJAYA LAKSHMI VENKATRAMAN
    VIJAYA LAKSHMI VENKATRAMAN
    The course is just awesome, Highly recommended for anyone who wishes to enter or is currently into Web development. There are many tricks and tips offered by the instructor. The quality of the course is top-notch. Just as the professor says, the students would be able to understand the "why" part of "what" after completing the course.
  • Profile image for Olanrewaju Issa
    Olanrewaju Issa
    This is a well structured course and the instructor is so brilliant. I love watching him explain things with simple examples to comprehend. I think the course is more suitable for intermediate Javascript learners. Nonetheless, beginners can also take it.
  • Profile image for AFSHAN ALI
    AFSHAN ALI
    It was such a good course for web devoloper.it was versy basic to advance course.so i was suggested with my friends of this course
  • Profile image for Richa Kochar
    Richa Kochar
    This class was excellent--where have you been all my life? The instructor was incredibly knowledgeable and articulate. This was the first time I have taken a class in a remote format, and I was delighted with it and look forward to coming back to ONLC for more classes in the future. I loved the fact that even though I was in a class with other people, the actual physical space was private and quiet and very conducive to learning! Thank you.

  • Aimen Amin
    I am very much excited for this course. I will done my best regarding this course by putting my efforts. I hope hope I gain a lot of knowledge and experience. And enjoying to study that course. Thnkuu so much
  • Anonymous
    From my friends experience and mine, the knowledge we gained I totally dig it that it's a nice course. Extremely grateful for the opportunity.
  • Profile image for Sabir Ali Physics Waro
    Sabir Ali Physics Waro
    It's Best for me. I want to join this course . I will be able to something like a web developmenter and so on.
  • Saber

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.