Coursera
Coursera Logo

John Hopkins University - HTML, CSS, and Javascript for Web Developers 

  • Offered byCoursera

HTML, CSS, and Javascript for Web Developers
 at 
Coursera 
Overview

Enable learners to integrate and utilize HTML5 APIs to enhance user experience and application functionality.

Duration

40 hours

Start from

Start Now

Total fee

Free

Mode of learning

Online

Difficulty level

Intermediate

Official Website

Explore Free Course External Link Icon

Credential

Certificate

HTML, CSS, and Javascript for Web Developers
 at 
Coursera 
Highlights

  • Earn a certificate upon completion
  • Learn from industry experts
Details Icon

HTML, CSS, and Javascript for Web Developers
 at 
Coursera 
Course details

Who should do this course?
  • Beginners, Intermediate and Advanced web developers
What are the course deliverables?
More about this course
  • Coursera?s HTML, CSS, and Javascript for Web Developers course offered by Johns Hopkins University is a great web development course to introduce you to basic tools that every web developer needs to know
  • This web development course starts from scratch, takes you through the foundational tools of the trade such as HTML, CSS, and JavaScript, and helps you to build interactive web pages. The course will help you understand how to apply your newly learned web development skills within the context of a web page. This 40-hour course is taught by Yaakov Chaikin, an Adjunct Professor, Graduate Computer Science at Johns Hopkins University

HTML, CSS, and Javascript for Web Developers
 at 
Coursera 
Curriculum

Introduction to HTML5

Course Introduction

Introduction to HTML5

Development Environment Setup, Part 1

Development Environment Setup, Part 2: MacOS

Development Environment Setup, Part 2: Windows

Development Environment Setup, Part 3: Github and Browser Sync

Resources for Asking Questions

What is HTML?

Relevant History of HTML

Anatomy of an HTML Tag

Basic HTML Document Structure

HTML Content Models

Lecture 6: Heading Elements (and some new HTML5 semantic comments)

Lists

HTML Character Entity References

Creating Links

Displaying Images

Wrap-Up

Introduction to CSS3

Introduction to CSS3

Power of CSS

Anatomy of a CSS Rule

Element, Class, and ID Selectors

Combining Selectors

Pseudo-Class Selectors

Style Placement

Part 1: Conflict Resolution

Part 2: Conflict Resolution

Part 1: Styling Text

Part 2: Styling Text

Part 1: The Box Model

Part 2: The Box Model

Part 3: The Box Model

The background Property

Positioning Elements by Floating

Part 1: Relative and Absolute Element Positioning

Part 2: Relative and Absolute Element Positioning

Part 1: Media Queries

Part 2: Media Queries

Part 1: Responsive Design

Part 2: Responsive Design

Part 1: Introduction to Twitter Bootstrap

Part 2: Introduction to Twitter Bootstrap

Part 1: The Bootstrap Grid System

Part 2: The Bootstrap Grid System

Coding the Static Restaurant Site

Coding the Static Restaurant Site

Part 1: Visit with the Client

Part 2: Visit with the Client (Field Trip)

Design Overview

Some Ground Rules and Overview of Setup

Part 1: Coding Basics of Navbar Header

Part 2: Coding Basics of Navbar Header

Coding Button for Future Collapsible Menu

Part 1: Coding Nav Menu Buttons

Part 2: Coding Nav Menu Buttons

Part 1: Fixing Navbar Layout, Text, and Dropdown Menus

Part 2: Fixing Navbar Layout, Text, and Dropdown Menus

Coding the Jumbotron

Part 1: Coding Navigation Tiles

Part 2: Coding Navigation Tiles

Part 1: Coding the Footer

Part 2: Coding the Footer

Part 1: Coding the Menu Categories

Part 2: Coding the Menu Categories

Part 1: Coding the Single Menu Category Page

Part 2: Coding the Single Menu Category Page

Part 3: Coding the Single Menu Category Page

Testing the Mobile Version on a Real Phone

Introduction to Javascript

Introduction to Javascript

Part 1: Adjusting Development Environment for Javascript Development

Part 2: Where to Place Javascript Code

Part 1: Defining Variables, Function, and Scope

Part 2: Defining Variables, Function, and Scope

Part 1: Javascript Types

Part 2: Javascript Types

Part 1: Common Language Constructs

Part 2: Common Language Constructs

Part 3: Common Language Constructs

Handling Default Values

Part 1: Creating Objects Using 'new Object()' Syntax

Part 2: Creating Objects Using Object Literal Syntax

Functions Explained

Part 1: Passing Variables by Value vs. by Reference

Part 2: Passing Variables by Value vs. by Reference

Function Constructors, prototype, and the 'this' Keyword

Object Literals and the 'this' Keyword

Part 1: Arrays

Part 2: Arrays

Closures

Part 1: Fake Namespaces

Part 2: Immediately Invoked Function Expressions (IIFEs)

Wrap-Up

Using Javascript to Build Web Applications

Part 1: DOM Manipulation

Part 2: DOM Manipulation

Handling Events

The 'event' Argument

HTTP Basics

Part 1: Ajax Basics

Part 2: Ajax Basics

Part 3: Ajax Basics

Processing JSON

Fixing Mobile Nav Menu Automatic Collapse

Dynamically Loading Home View Content

Part 1: Dynamically Loading Menu Categories View

Part 2: Dynamically Loading Menu Categories View

Dynamically Loading Single Category View

Changing 'active' Button Style Through Javascript

Course Wrap-Up

HTML, CSS, and Javascript for Web Developers
 at 
Coursera 
Entry Requirements

Requirements for 12th gradeUp Arrow Icon
  • No specific cutoff mentioned
Other eligibility criteriaUp Arrow Icon
Conditional OfferUp Arrow Icon
  • Not mentioned

HTML, CSS, and Javascript for Web Developers
 at 
Coursera 
Admission Process

    Important Dates

    May 25, 2024
    Course Commencement Date

    Other courses offered by Coursera

    – / –
    Start Now
    – / –
    – / –
    – / –
    – / –
    – / –
    Start Now
    View Other 6713 CoursesRight Arrow Icon

    HTML, CSS, and Javascript for Web Developers
     at 
    Coursera 
    Students Ratings & Reviews

    4.4/5
    Verified Icon54 Ratings
    R
    Rajdeepsinh Parmar
    HTML, CSS, and Javascript for Web Developers
    4
    Learning Experience: My learning experience is very good I was able to manage the course with ease. Content was very much interesting.
    Faculty: Coursera faculties are very professional in teaching and yes quality also, they have proper knowledge about what they are teaching. Course curriculum was very well managed. Assignments are onto the point that are important and interesting.
    Course Support: Course helped me to upgrade my web development skills.
    Reviewed on 16 Mar 2023Read More
    Thumbs Up IconThumbs Down Icon
    D
    Debasish Mallik
    HTML, CSS, and Javascript for Web Developers
    5
    Learning Experience: It was awesome.
    Faculty: My Faculty was definitely good but lots improve should do Web development course is like to Get your carrier boosts next level
    Course Support: Yes it was good
    Reviewed on 24 Feb 2023Read More
    Thumbs Up IconThumbs Down Icon
    B
    Basavaraj S
    HTML, CSS, and Javascript for Web Developers
    5
    Learning Experience: Good
    Faculty: Good Good
    Reviewed on 3 Feb 2023Read More
    Thumbs Up IconThumbs Down Icon
    A
    Aashish Nagdev
    HTML, CSS, and Javascript for Web Developers
    5
    Learning Experience: It is a great course to learn web developement from the scratch beginners can easily learn this course without advance knowledge of web development
    Faculty: The knowledge was on point and created a good interest jn the subjects he was teaching it was great and fun to learn felt like human teaching instead of robotic learning Course was great with great learning and apt focus on the content with interactive tests and assignment
    Reviewed on 16 Nov 2022Read More
    Thumbs Up IconThumbs Down Icon
    D
    DEEKSHIT K
    HTML, CSS, and Javascript for Web Developers
    5
    Learning Experience: It was really a good experience to learn the most demanding skill in the industry in a very easy way. The teaching is also very good
    Faculty: Faculty was also very good they teach in a systematic way The type of teaching and designing the real website
    Course Support: It helped me a lot
    Reviewed on 23 Oct 2022Read More
    Thumbs Up IconThumbs Down Icon
    View All 35 ReviewsRight Arrow Icon
    qna

    HTML, CSS, and Javascript for Web Developers
     at 
    Coursera 

    Student Forum

    chatAnything you would want to ask experts?
    Write here...