課程信息
4.9
4,261 個評分
1,589 個審閱
專項課程

第 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-Up分鐘
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-Up分鐘
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-Up分鐘
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-Up分鐘
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,589 個審閱Chevron Right
職業方向

48%

完成這些課程後已開始新的職業生涯
工作福利

83%

通過此課程獲得實實在在的工作福利

熱門審閱

創建者 VVJun 11th 2017

Best online course I have ever participated!\n\nReally good idea to use git and github as a platform for making reviews, very modern style!\n\nAppreciate to be part of this!\n\nThank you very much!!!

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

講師

Avatar

Yaakov Chaikin

Adjunct Professor, Graduate Computer Science
Whiting School of Engineering

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

關於 Ruby on Rails Web Development 專項課程

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

常見問題

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

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

還有其他問題嗎?請訪問 學生幫助中心