课程信息
4.9
4,423 个评分
1,632 个审阅
专项课程

第 4 门课程(共 6 门)

100% 在线

100% 在线

立即开始,按照自己的计划学习。
可灵活调整截止日期

可灵活调整截止日期

根据您的日程表重置截止日期。
完成时间(小时)

完成时间大约为33 小时

建议:5 weeks of study, 4-6 hours/week...
可选语言

英语(English)

字幕:英语(English), 韩语

您将获得的技能

HtmlJavaScriptCss FrameworksCascading Style Sheets (CCS)
专项课程

第 4 门课程(共 6 门)

100% 在线

100% 在线

立即开始,按照自己的计划学习。
可灵活调整截止日期

可灵活调整截止日期

根据您的日程表重置截止日期。
完成时间(小时)

完成时间大约为33 小时

建议:5 weeks of study, 4-6 hours/week...
可选语言

英语(English)

字幕:英语(English), 韩语

教学大纲 - 您将从这门课程中学到什么

1
完成时间(小时)
完成时间为 5 小时

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....
Reading
18 个视频 (总计 120 分钟), 6 个阅读材料, 12 个测验
Video18 个视频
Welcome to Module 1: Introduction to HTML51分钟
Development Environment Setup, Part 13分钟
Development Environment Setup, Part 2: MacOS8分钟
Development Environment Setup, Part 2: Windows6分钟
Development Environment Setup, Part 3: Github and Browser Sync17分钟
Resources for Asking Questions5分钟
Lecture 1: What is HTML?7分钟
Lecture 2: Relevant History of HTML10分钟
Lecture 3: Anatomy of an HTML Tag5分钟
Lecture 4: Basic HTML Document Structure6分钟
Lecture 5: HTML Content Models6分钟
Lecture 6: Heading Elements (and some new HTML5 semantic comments)7分钟
Lecture 7: Lists5分钟
Lecture 8: HTML Character Entity References7分钟
Lecture 9: Creating Links9分钟
Lecture 10: Displaying Images6分钟
Module 1 Wrap-Up30
Reading6 个阅读材料
How Grading and Being Late on Assignments Works10分钟
Recommended Books10分钟
CHECK OUT MY SITE!10分钟
ALL of the EXAMPLE SOURCE CODE for this Course10分钟
Frequently Asked Questions10分钟
CONNECT WITH ME!10分钟
Quiz12 个练习
Optional Practice Quiz8分钟
Optional Practice Quiz2分钟
Optional Practice Quiz2分钟
Optional Practice Quiz4分钟
Optional Practice Quiz2分钟
Optional Practice Quiz12分钟
Optional Practice Quiz4分钟
Optional Practice Quiz2分钟
Optional Practice Quiz4分钟
Optional Practice Quiz4分钟
Optional Practice Quiz2分钟
Module 1 Quiz46分钟
2
完成时间(小时)
完成时间为 7 小时

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....
Reading
27 个视频 (总计 188 分钟), 4 个阅读材料, 15 个测验
Video27 个视频
Lecture 11: Power of CSS5分钟
Lecture 12: Anatomy of a CSS Rule4分钟
Lecture 13: Element, Class, and ID Selectors9分钟
Lecture 14: Combining Selectors9分钟
Lecture 15: Pseudo-Class Selectors9分钟
Lecture 16: Style Placement5分钟
Lecture 17, Part 1: Conflict Resolution8分钟
Lecture 17, Part 2: Conflict Resolution6分钟
Lecture 18, Part 1: Styling Text6分钟
Lecture 18, Part 2: Styling Text5分钟
Lecture 19, Part 1: The Box Model10分钟
Lecture 19, Part 2: The Box Model7分钟
Lecture 19, Part 3: The Box Model5分钟
Lecture 20: The background Property6分钟
Lecture 21: Positioning Elements by Floating10分钟
Lecture 22, Part 1: Relative and Absolute Element Positioning7分钟
Lecture 22, Part 2: Relative and Absolute Element Positioning3分钟
Lecture 23, Part 1: Media Queries4分钟
Lecture 23, Part 2: Media Queries9分钟
Lecture 24, Part 1: Responsive Design7分钟
Lecture 24, Part 2: Responsive Design11分钟
Lecture 25, Part 1: Introduction to Twitter Bootstrap5分钟
Lecture 25, Part 2: Introduction to Twitter Bootstrap7分钟
Lecture 26, Part 1: The Bootstrap Grid System9分钟
Lecture 26, Part 2: The Bootstrap Grid System9分钟
Module 2 Wrap-Up38
Reading4 个阅读材料
Recommended Books10分钟
ENTER RAFFLE (ends April 23rd, 2017)10分钟
CONNECT WITH ME!10分钟
Frequently Asked Questions10分钟
Quiz14 个练习
Optional Practice Quiz6分钟
Optional Practice Quiz4分钟
Optional Practice Quiz4分钟
Optional Practice Quiz6分钟
Optional Practice Quiz2分钟
Optional Practice Quiz4分钟
Optional Practice Quiz4分钟
Optional Practice Quiz8分钟
Optional Practice Quiz2分钟
Optional Practice Quiz4分钟
Optional Practice Quiz4分钟
Optional Practice Quiz4分钟
Optional Practice Quiz6分钟
Optional Practice Quiz8分钟
3
完成时间(小时)
完成时间为 6 小时

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....
Reading
24 个视频 (总计 201 分钟), 3 个阅读材料, 6 个测验
Video24 个视频
Lecture 27, Part 1: Visit with the Client10分钟
Lecture 27, Part 2: Visit with the Client (Field Trip)9分钟
Lecture 28: Design Overview9分钟
Lecture 29: Some Ground Rules and Overview of Setup10分钟
Lecture 30, Part 1: Coding Basics of Navbar Header9分钟
Lecture 30, Part 2: Coding Basics of Navbar Header7分钟
Lecture 31: Coding Button for Future Collapsible Menu6分钟
Lecture 32, Part 1: Coding Nav Menu Buttons11分钟
Lecture 32, Part 2: Coding Nav Menu Buttons3分钟
Lecture 33, Part 1: Fixing Navbar Layout, Text, and Dropdown Menus7分钟
Lecture 33, Part 2: Fixing Navbar Layout, Text, and Dropdown Menus4分钟
Lecture 34: Coding the Jumbotron11分钟
Lecture 35, Part 1: Coding Navigation Tiles11分钟
Lecture 35, Part 2: Coding Navigation Tiles13分钟
Lecture 36, Part 1: Coding the Footer10分钟
Lecture 36, Part 2: Coding the Footer3分钟
Lecture 37, Part 1: Coding the Menu Categories14分钟
Lecture 37, Part 2: Coding the Menu Categories6分钟
Lecture 38, Part 1: Coding the Single Menu Category Page11分钟
Lecture 38, Part 2: Coding the Single Menu Category Page13分钟
Lecture 38, Part 3: Coding the Single Menu Category Page7分钟
Lecture 39: Testing the Mobile Version on a Real Phone4分钟
Module 3 Wrap-Up28
Reading3 个阅读材料
Recommended Books10分钟
ENTER RAFFLE (ends April 23rd, 2017)10分钟
Frequently Asked Questions10分钟
Quiz5 个练习
Optional Practice Quiz4分钟
Optional Practice Quiz2分钟
Optional Practice Quiz2分钟
Optional Practice Quiz2分钟
Optional Practice Quiz4分钟
4
完成时间(小时)
完成时间为 6 小时

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....
Reading
24 个视频 (总计 151 分钟), 3 个阅读材料, 10 个测验
Video24 个视频
Lecture 40, Part 1: Adjusting Development Environment for Javascript Development5分钟
Lecture 40, Part 2: Where to Place Javascript Code5分钟
Lecture 41, Part 1: Defining Variables, Function, and Scope8分钟
Lecture 41, Part 2: Defining Variables, Function, and Scope4分钟
Lecture 42, Part 1: Javascript Types5分钟
Lecture 42, Part 2: Javascript Types4分钟
Lecture 43, Part 1: Common Language Constructs8分钟
Lecture 43, Part 2: Common Language Constructs4分钟
Lecture 43, Part 3: Common Language Constructs7分钟
Lecture 44: Handling Default Values4分钟
Lecture 45, Part 1: Creating Objects Using 'new Object()' Syntax7分钟
Lecture 45, Part 2: Creating Objects Using Object Literal Syntax5分钟
Lecture 46: Functions Explained8分钟
Lecture 47, Part 1: Passing Variables by Value vs. by Reference6分钟
Lecture 47, Part 2: Passing Variables by Value vs. by Reference7分钟
Lecture 48: Function Constructors, prototype, and the 'this' Keyword12分钟
Lecture 49: Object Literals and the 'this' Keyword6分钟
Lecture 50, Part 1: Arrays8分钟
Lecture 50, Part 2: Arrays4分钟
Lecture 51: Closures6分钟
Lecture 52, Part 1: Fake Namespaces6分钟
Lecture 52, Part 2: Immediately Invoked Function Expressions (IIFEs)8分钟
Module 4 Wrap-Up44
Reading3 个阅读材料
Recommended Books10分钟
ENTER RAFFLE (ends April 23rd, 2017)10分钟
Frequently Asked Questions10分钟
Quiz9 个练习
Optional Practice Quiz6分钟
Optional Practice Quiz4分钟
Optional Practice Quiz4分钟
Optional Practice Quiz2分钟
Optional Practice Quiz2分钟
Optional Practice Quiz4分钟
Optional Practice Quiz2分钟
Optional Practice Quiz2分钟
Optional Practice Quiz4分钟
4.9
1,632 个审阅Chevron Right
职业方向

52%

完成这些课程后已开始新的职业生涯
工作福利

44%

通过此课程获得实实在在的工作福利

热门审阅

创建者 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.

创建者 FPJan 14th 2017

Excelent course with an excelent teacher. I just found this course kind of easy comparing to Ruby courses (interoduction, rails and mongodb). It could have more chalanging assignments.\n\n5 stars!!

讲师

Avatar

Yaakov Chaikin

Adjunct Professor, Graduate Computer Science
Whiting School of Engineering

关于 约翰霍普金斯大学

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

关于 Ruby on Rails Web 开发 专项课程

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 开发

常见问题

  • 注册以便获得证书后,您将有权访问所有视频、测验和编程作业(如果适用)。只有在您的班次开课之后,才可以提交和审阅同学互评作业。如果您选择在不购买的情况下浏览课程,可能无法访问某些作业。

  • 您注册课程后,将有权访问专项课程中的所有课程,并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中,您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容,可以免费旁听课程。

还有其他问题吗?请访问 学生帮助中心