课程信息

456,722 次近期查看

学生职业成果

37%

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

34%

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

100% 在线

立即开始,按照自己的计划学习。

可灵活调整截止日期

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

中级

完成时间大约为30 小时

建议:4 weeks of study, 4-6 hours/week...

英语(English)

字幕:英语(English)

您将获得的技能

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

学生职业成果

37%

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

34%

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

100% 在线

立即开始,按照自己的计划学习。

可灵活调整截止日期

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

中级

完成时间大约为30 小时

建议:4 weeks of study, 4-6 hours/week...

英语(English)

字幕:英语(English)

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

内容评分Thumbs Up98%(22,230 个评分)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分钟

审阅

来自FRONT-END WEB UI FRAMEWORKS AND TOOLS: BOOTSTRAP 4的热门评论
查看所有评论

提供方

香港科技大学 徽标

香港科技大学

常见问题

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

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

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