課程信息

2,088,224 次近期查看

學生職業成果

53%

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

46%

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

14%

加薪或升職
可分享的證書
完成後獲得證書
100% 在線
立即開始,按照自己的計劃學習。
可靈活調整截止日期
根據您的日程表重置截止日期。
完成時間大約為40 小時
英語(English)

您將獲得的技能

HtmlJavaScriptCss FrameworksCascading Style Sheets (CCS)

學生職業成果

53%

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

46%

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

14%

加薪或升職
可分享的證書
完成後獲得證書
100% 在線
立即開始,按照自己的計劃學習。
可靈活調整截止日期
根據您的日程表重置截止日期。
完成時間大約為40 小時
英語(English)

提供方

Placeholder

约翰霍普金斯大学

教學大綱 - 您將從這門課程中學到什麼

內容評分Thumbs Up96%(87,013 個評分)Info
1

1

完成時間為 9 小時

Introduction to HTML5

完成時間為 9 小時
18 個視頻 (總計 120 分鐘), 6 個閱讀材料, 12 個測驗
18 個視頻
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
6 個閱讀材料
How Grading and Being Late on Assignments Works10分鐘
Recommended Books10分鐘
CHECK OUT MY SITE!10分鐘
ALL of the EXAMPLE SOURCE CODE for this Course3分鐘
Frequently Asked Questions2分鐘
CONNECT WITH ME!2分鐘
12 個練習
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Module 1 Quiz30分鐘
2

2

完成時間為 11 小時

Introduction to CSS3

完成時間為 11 小時
27 個視頻 (總計 188 分鐘), 4 個閱讀材料, 15 個測驗
27 個視頻
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
4 個閱讀材料
Recommended Books5分鐘
New Tutorials - here is how...2分鐘
CONNECT WITH ME!2分鐘
Frequently Asked Questions2分鐘
14 個練習
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
3

3

完成時間為 7 小時

Coding the Static Restaurant Site

完成時間為 7 小時
24 個視頻 (總計 201 分鐘), 3 個閱讀材料, 6 個測驗
24 個視頻
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
3 個閱讀材料
Recommended Books5分鐘
New Tutorials - here is how...2分鐘
Frequently Asked Questions2分鐘
5 個練習
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
4

4

完成時間為 8 小時

Introduction to Javascript

完成時間為 8 小時
24 個視頻 (總計 151 分鐘), 3 個閱讀材料, 10 個測驗
24 個視頻
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
3 個閱讀材料
Recommended Books5分鐘
New Tutorials - here is how...2分鐘
Frequently Asked Questions2分鐘
9 個練習
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘
Optional Practice Quiz30分鐘

審閱

來自面向 WEB 开发者的 HTML、CSS 与 JAVASCRIPT 课程的熱門評論

查看所有評論

常見問題

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