About this Course
312,961 recent views

100% online

Start instantly and learn at your own schedule.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Approx. 33 hours to complete

Suggested: 5 weeks of study, 4-6 hours/week...

English

Subtitles: English, Korean
User
Learners taking this Course are
  • Designers
  • Technical Writers
  • Graphic Designers
  • Software Engineers
  • Technical Support Associates

Skills you will gain

HtmlJavaScriptCss FrameworksCascading Style Sheets (CCS)
User
Learners taking this Course are
  • Designers
  • Technical Writers
  • Graphic Designers
  • Software Engineers
  • Technical Support Associates

100% online

Start instantly and learn at your own schedule.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Approx. 33 hours to complete

Suggested: 5 weeks of study, 4-6 hours/week...

English

Subtitles: English, Korean

Syllabus - What you will learn from this course

Week
1
5 hours to complete

Introduction to HTML5

18 videos (Total 120 min), 6 readings, 12 quizzes
18 videos
Welcome to Module 1: Introduction to HTML51m
Development Environment Setup, Part 13m
Development Environment Setup, Part 2: MacOS8m
Development Environment Setup, Part 2: Windows6m
Development Environment Setup, Part 3: Github and Browser Sync17m
Resources for Asking Questions5m
Lecture 1: What is HTML?7m
Lecture 2: Relevant History of HTML10m
Lecture 3: Anatomy of an HTML Tag5m
Lecture 4: Basic HTML Document Structure6m
Lecture 5: HTML Content Models6m
Lecture 6: Heading Elements (and some new HTML5 semantic comments)7m
Lecture 7: Lists5m
Lecture 8: HTML Character Entity References7m
Lecture 9: Creating Links9m
Lecture 10: Displaying Images6m
Module 1 Wrap-Up30s
6 readings
How Grading and Being Late on Assignments Works10m
Recommended Books10m
CHECK OUT MY SITE!10m
ALL of the EXAMPLE SOURCE CODE for this Course10m
Frequently Asked Questions10m
CONNECT WITH ME!10m
12 practice exercises
Optional Practice Quiz8m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz12m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz2m
Module 1 Quiz46m
Week
2
7 hours to complete

Introduction to CSS3

27 videos (Total 188 min), 4 readings, 15 quizzes
27 videos
Lecture 11: Power of CSS5m
Lecture 12: Anatomy of a CSS Rule4m
Lecture 13: Element, Class, and ID Selectors9m
Lecture 14: Combining Selectors9m
Lecture 15: Pseudo-Class Selectors9m
Lecture 16: Style Placement5m
Lecture 17, Part 1: Conflict Resolution8m
Lecture 17, Part 2: Conflict Resolution6m
Lecture 18, Part 1: Styling Text6m
Lecture 18, Part 2: Styling Text5m
Lecture 19, Part 1: The Box Model10m
Lecture 19, Part 2: The Box Model7m
Lecture 19, Part 3: The Box Model5m
Lecture 20: The background Property6m
Lecture 21: Positioning Elements by Floating10m
Lecture 22, Part 1: Relative and Absolute Element Positioning7m
Lecture 22, Part 2: Relative and Absolute Element Positioning3m
Lecture 23, Part 1: Media Queries4m
Lecture 23, Part 2: Media Queries9m
Lecture 24, Part 1: Responsive Design7m
Lecture 24, Part 2: Responsive Design11m
Lecture 25, Part 1: Introduction to Twitter Bootstrap5m
Lecture 25, Part 2: Introduction to Twitter Bootstrap7m
Lecture 26, Part 1: The Bootstrap Grid System9m
Lecture 26, Part 2: The Bootstrap Grid System9m
Module 2 Wrap-Up38s
4 readings
Recommended Books10m
ENTER RAFFLE (ends April 23rd, 2017)10m
CONNECT WITH ME!10m
Frequently Asked Questions10m
14 practice exercises
Optional Practice Quiz6m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz6m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz8m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz6m
Optional Practice Quiz8m
Week
3
6 hours to complete

Coding the Static Restaurant Site

24 videos (Total 201 min), 3 readings, 6 quizzes
24 videos
Lecture 27, Part 1: Visit with the Client10m
Lecture 27, Part 2: Visit with the Client (Field Trip)9m
Lecture 28: Design Overview9m
Lecture 29: Some Ground Rules and Overview of Setup10m
Lecture 30, Part 1: Coding Basics of Navbar Header9m
Lecture 30, Part 2: Coding Basics of Navbar Header7m
Lecture 31: Coding Button for Future Collapsible Menu6m
Lecture 32, Part 1: Coding Nav Menu Buttons11m
Lecture 32, Part 2: Coding Nav Menu Buttons3m
Lecture 33, Part 1: Fixing Navbar Layout, Text, and Dropdown Menus7m
Lecture 33, Part 2: Fixing Navbar Layout, Text, and Dropdown Menus4m
Lecture 34: Coding the Jumbotron11m
Lecture 35, Part 1: Coding Navigation Tiles11m
Lecture 35, Part 2: Coding Navigation Tiles13m
Lecture 36, Part 1: Coding the Footer10m
Lecture 36, Part 2: Coding the Footer3m
Lecture 37, Part 1: Coding the Menu Categories14m
Lecture 37, Part 2: Coding the Menu Categories6m
Lecture 38, Part 1: Coding the Single Menu Category Page11m
Lecture 38, Part 2: Coding the Single Menu Category Page13m
Lecture 38, Part 3: Coding the Single Menu Category Page7m
Lecture 39: Testing the Mobile Version on a Real Phone4m
Module 3 Wrap-Up28s
3 readings
Recommended Books10m
ENTER RAFFLE (ends April 23rd, 2017)10m
Frequently Asked Questions10m
5 practice exercises
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
Week
4
6 hours to complete

Introduction to Javascript

24 videos (Total 151 min), 3 readings, 10 quizzes
24 videos
Lecture 40, Part 1: Adjusting Development Environment for Javascript Development5m
Lecture 40, Part 2: Where to Place Javascript Code5m
Lecture 41, Part 1: Defining Variables, Function, and Scope8m
Lecture 41, Part 2: Defining Variables, Function, and Scope4m
Lecture 42, Part 1: Javascript Types5m
Lecture 42, Part 2: Javascript Types4m
Lecture 43, Part 1: Common Language Constructs8m
Lecture 43, Part 2: Common Language Constructs4m
Lecture 43, Part 3: Common Language Constructs7m
Lecture 44: Handling Default Values4m
Lecture 45, Part 1: Creating Objects Using 'new Object()' Syntax7m
Lecture 45, Part 2: Creating Objects Using Object Literal Syntax5m
Lecture 46: Functions Explained8m
Lecture 47, Part 1: Passing Variables by Value vs. by Reference6m
Lecture 47, Part 2: Passing Variables by Value vs. by Reference7m
Lecture 48: Function Constructors, prototype, and the 'this' Keyword12m
Lecture 49: Object Literals and the 'this' Keyword6m
Lecture 50, Part 1: Arrays8m
Lecture 50, Part 2: Arrays4m
Lecture 51: Closures6m
Lecture 52, Part 1: Fake Namespaces6m
Lecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs)8m
Module 4 Wrap-Up44s
3 readings
Recommended Books10m
ENTER RAFFLE (ends April 23rd, 2017)10m
Frequently Asked Questions10m
9 practice exercises
Optional Practice Quiz6m
Optional Practice Quiz4m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
Optional Practice Quiz2m
Optional Practice Quiz2m
Optional Practice Quiz4m
4.8
1815 ReviewsChevron Right

54%

started a new career after completing these courses

45%

got a tangible career benefit from this course

11%

got a pay increase or promotion

Top reviews from HTML, CSS, and Javascript for Web Developers

By SWMar 15th 2016

This was a really great course, i learned so much, and it was really interesting and very well explained. I will be taking any more courses done by Yaakov! Really excellent course, thank you so much.

By JHJun 1st 2019

Very interesting and well presented. It's difficult to address all the different experience levels so some points were (to me) a bit laboured, but overall a useful, informative and enjoyable course.

Instructor

Avatar

Yaakov Chaikin

Adjunct Professor, Graduate Computer Science
Whiting School of Engineering

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

About the Ruby on Rails Web Development Specialization

This Specialization covers the fundamentals of web development with Ruby on Rails. You’ll learn everything you need to develop your own web application using Ruby on Rails, SQL and NoSQL databases, and HTML/CSS, and Javascript. We will also touch on advanced topics such as security, services using HTTP/RESTful access patterns, and user access and user experience from multiple device platforms. In the final Capstone Project, you’ll apply your skills to develop a web application that hosts uploaded photos and displays them using a map....
Ruby on Rails Web Development

Frequently Asked Questions

  • Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.

  • 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. If you only want to read and view the course content, you can audit the course for free.

More questions? Visit the Learner Help Center.