課程信息

1,454,600 次近期查看

學生職業成果

37%

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

34%

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

可分享的證書

完成後獲得證書

100% 在線

立即開始,按照自己的計劃學習。

可靈活調整截止日期

根據您的日程表重置截止日期。

中級

完成時間大約為38 小時

英語(English)

字幕:英語(English)

您將獲得的技能

Bootstrap (Front-End Framework)Node.JsJquerySASS (Stylesheet Language)

學生職業成果

37%

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

34%

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

可分享的證書

完成後獲得證書

100% 在線

立即開始,按照自己的計劃學習。

可靈活調整截止日期

根據您的日程表重置截止日期。

中級

完成時間大約為38 小時

英語(English)

字幕:英語(English)

提供方

香港科技大学 徽標

香港科技大学

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

內容評分Thumbs Up98%(26,476 個評分)Info
1

1

完成時間為 11 小時

Front-end Web UI Frameworks Overview: Bootstrap

完成時間為 11 小時
17 個視頻 (總計 194 分鐘), 22 個閱讀材料, 2 個測驗
17 個視頻
How to Use the Learning Resources10分鐘
What is Full-Stack Web Development?5分鐘
Exercise (Video): Setting up Git6分鐘
Exercise (Video): Basic Git Commands18分鐘
Exercise (Video): Online Git Repositories12分鐘
Node.js and NPM3分鐘
Exercise (Video): Setting up Node.js and NPM2分鐘
Exercise (Video): Basics of Node.js and NPM23分鐘
Front-end Web UI Frameworks7分鐘
Introduction to Bootstrap2分鐘
Exercise (Video): Getting Started with Bootstrap14分鐘
Responsive Design9分鐘
Bootstrap Grid System27分鐘
Exercise (Video): Responsive Design and Bootstrap Grid System Part 120分鐘
Exercise (Video): Responsive Design and Bootstrap Grid System Part 214分鐘
Assignment 1 Requirements (Video)7分鐘
22 個閱讀材料
Welcome to Front-End Web UI Frameworks and Tools: Bootstrap 4: Additional Resources10分鐘
Full Stack Web Development: The Big Picture: Objectives and Outcomes10分鐘
Full Stack Web Development: Additional Resources10分鐘
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10分鐘
Setting up your Development Environment10分鐘
Exercise (Instructions): Setting up Git10分鐘
Exercise (Instructions): Basic Git Commands10分鐘
Exercise (Instructions): Online Git Repositories10分鐘
Exercise (Instructions): Setting up Node.js and NPM10分鐘
Exercise (Instructions): Basics of Node.js and NPM10分鐘
Setting up your Development Environment: Git and Node: Additional Resources10分鐘
Introduction to Bootstrap: Objectives and Outcomes10分鐘
Exercise (Instructions): Getting Started with Bootstrap10分鐘
Introduction to Bootstrap: Additional Resources10分鐘
Responsive Design and Bootstrap Grid System: Objectives and Outcomes10分鐘
Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 110分鐘
Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 210分鐘
Responsive Design and Bootstrap Grid System: Additional Resources10分鐘
Assignment 1 Resources10分鐘
Ideation: Objectives and Outcomes10分鐘
Ideation Report Template10分鐘
Ideation: Additional Resources10分鐘
2

2

完成時間為 10 小時

Bootstrap CSS Components

完成時間為 10 小時
14 個視頻 (總計 146 分鐘), 21 個閱讀材料, 2 個測驗
14 個視頻
Exercise (Video): Navbar and Breadcrumbs30分鐘
Icon Fonts4分鐘
Exercise (Video): Icon Fonts12分鐘
User Input4分鐘
Exercise (Video): Buttons9分鐘
Exercise (Video): Forms22分鐘
Bootstrap Tables and Cards4分鐘
Exercise (Video): Displaying Content: Tables and Cards18分鐘
Images and Media5分鐘
Exercise (Video): Images and Media11分鐘
Alerting Users6分鐘
Exercise (Video): Alerting Users2分鐘
Assignment 2: Bootstrap CSS Components4分鐘
21 個閱讀材料
Navigation and Navigation Bar: Objectives and Outcomes10分鐘
Exercise (Instructions): Navbar and Breadcrumbs10分鐘
Exercise (Instructions): Icon Fonts10分鐘
Navigation and Navigation Bar: Additional Resources10分鐘
User Input: Buttons and Forms: Objectives and Outcomes10分鐘
Exercise (Instructions): Buttons10分鐘
Exercise (Instructions): Forms10分鐘
User Input: Additional Resources10分鐘
Displaying Content: Tables and Cards: Objectives and Outcomes10分鐘
Exercise (Instructions): Displaying Content: Tables and Cards10分鐘
Displaying Content: Additional Resources10分鐘
Images and Media: Objectives and Outcomes10分鐘
Exercise (Instructions): Images and Media10分鐘
Images and Media: Additional Resources10分鐘
Alerting Users: Objectives and Outcomes10分鐘
Exercise (Instructions): Alerting Users10分鐘
Alerting Users: Additional Resources10分鐘
Assignment 2: Resources10分鐘
UI Design and Prototyping: Objectives and Outcomes10分鐘
UI Design and Prototyping Report Template10分鐘
UI Design and Prototyping: Additional Resources10分鐘
3

3

完成時間為 6 小時

Bootstrap Javascript Components

完成時間為 6 小時
10 個視頻 (總計 77 分鐘), 15 個閱讀材料, 1 個測驗
10 個視頻
Tabs, Pills and Tabbed Navigation3分鐘
Exercise (Video): Tabs11分鐘
Collapse and Accordion5分鐘
Exercise (Video): Accordion8分鐘
Tooltips, Popovers and Modals5分鐘
Exercise (Video): Tooltips and Modals15分鐘
Carousel1分鐘
Exercise (Video): Carousel14分鐘
Assignment 3: Bootstrap JavaScript Components3分鐘
15 個閱讀材料
Bootstrap JavaScript Components: Objectives and Outcomes10分鐘
Bootstrap JavaScript Components: Additional Resources10分鐘
Tabs and Tabbed Navigation: Objectives and Outcomes10分鐘
Exercise (Instructions): Tabs10分鐘
Tabs and Tabbed Navigation: Additional Resources10分鐘
Hide and Seek: Objectives and Outcomes10分鐘
Exercise (Instructions): Accordion10分鐘
Hide and Seek: Additional Resources10分鐘
Revealing Content: Objectives and Outcomes10分鐘
Exercise (Instructions): Tooltips and Modals10分鐘
Revealing Content: Additional Resources10分鐘
Carousel: Objectives and Outcomes10分鐘
Exercise (Instructions): Carousel10分鐘
Carousel: Additional Resources10分鐘
Assignment 3: Resources10分鐘
4

4

完成時間為 11 小時

Web Tools

完成時間為 11 小時
17 個視頻 (總計 220 分鐘), 22 個閱讀材料, 2 個測驗
17 個視頻
Exercise (Video): Bootstrap and JQuery10分鐘
Exercise (Video): More Bootstrap and JQuery11分鐘
CSS Preprocessors: Less and Sass10分鐘
Exercise (Video): Less8分鐘
Exercise (Video): Scss8分鐘
Assignment 4: Bootstrap, JQuery and Sass4分鐘
Building and Deployment10分鐘
NPM Scripts4分鐘
Exercise (Video): NPM Scripts Part 112分鐘
Exercise (Video): NPM Scripts Part 228分鐘
Task Runners4分鐘
Exercise (Video): Grunt Part 119分鐘
Exercise (Video): Grunt Part 230分鐘
Exercise (Video): Gulp Part 116分鐘
Exercise (Video): Gulp Part 220分鐘
Front-End Web UI Frameworks: Bootstrap 4: Conclusions2分鐘
22 個閱讀材料
Bootstrap and JQuery: Objectives and Outcomes10分鐘
Exercise (Instructions): Bootstrap and JQuery10分鐘
Exercise (Instructions): More Bootstrap and JQuery10分鐘
Bootstrap and JQuery: Additional Resources10分鐘
CSS Preprocessors: Objectives and Outcomes10分鐘
Exercise (Instructions): Less10分鐘
Exercise (Instructions): Scss10分鐘
CSS Preprocessors: Additional Resources10分鐘
Assignment 4: Additional Resources10分鐘
Building and Deployment: Objectives and Outcomes10分鐘
Exercise (Instructions): NPM Scripts Part 110分鐘
Exercise (Instructions): NPM Scripts Part 210分鐘
Building and Deployment: NPM Scripts: Additional Resources10分鐘
Building and Deployment: Task Runners10分鐘
Exercise (Instructions): Grunt Part 110分鐘
Exercise (Instructions): Grunt Part 210分鐘
Exercise (Instructions): Gulp Part 110分鐘
Exercise (Instructions): Gulp Part 210分鐘
Building and Deployment: Task Runners: Additional Resources10分鐘
Front-End Web UI Frameworks and Tools: Bootstrap 4: Conclusions10分鐘
Project Implementation: Objectives and Outcomes10分鐘
Final Report Template10分鐘

常見問題

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

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

  • 如果订阅,您可以获得 7 天免费试听,在此期间,您可以取消课程,无需支付任何罚金。在此之后,我们不会退款,但您可以随时取消订阅。请阅读我们完整的退款政策

  • 是的,Coursera 可以为无法承担费用的学生提供助学金。通过点击左侧“注册”按钮下的“助学金”链接可以申请助学金。您可以根据屏幕提示完成申请,申请获批后会收到通知。您需要针对专项课程中的每一门课程完成上述步骤,包括毕业项目。了解更多

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