課程信息

3,796,544 次近期查看

學生職業成果

53%

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

46%

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

14%

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

您將獲得的技能

HtmlJavaScriptCss FrameworksCascading Style Sheets (CCS)

學生職業成果

53%

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

46%

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

14%

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

提供方

约翰霍普金斯大学 徽標

约翰霍普金斯大学

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

內容評分Thumbs Up96%(66,051 個評分)Info
1

1

完成時間為 4 小時

Introduction to HTML5

完成時間為 4 小時
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 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

2

完成時間為 6 小時

Introduction to CSS3

完成時間為 6 小時
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 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

3

完成時間為 6 小時

Coding the Static Restaurant Site

完成時間為 6 小時
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 Quiz4分鐘
Optional Practice Quiz2分鐘
Optional Practice Quiz2分鐘
Optional Practice Quiz2分鐘
Optional Practice Quiz4分鐘
4

4

完成時間為 6 小時

Introduction to Javascript

完成時間為 6 小時
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 Books10分鐘
New Tutorials - here is how...10分鐘
Frequently Asked Questions10分鐘
9 個練習
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分鐘

審閱

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

查看所有評論

常見問題

  • Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:

    • The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.

    • The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

  • When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, 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.

  • You will be eligible for a full refund until two weeks after your payment date, or (for courses that have just launched) until two weeks after the first session of the course begins, whichever is later. You cannot receive a refund once you’ve earned a Course Certificate, even if you complete the course within the two-week refund period. See our full refund policy.

  • Yes, Coursera provides financial aid to learners who cannot afford the fee. Apply for it by clicking on the Financial Aid link beneath the "Enroll" button on the left. You’ll be prompted to complete an application and will be notified if you are approved. Learn more.

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