이 강좌에 대하여

최근 조회 1,445,173

학습자 경력 결과

37%

가 이 강좌를 수료한 후 새로운 커리어를 시작함

34%

가 이 강좌를 통해 확실한 경력상 이점을 얻음
공유 가능한 수료증
완료 시 수료증 획득
100% 온라인
지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.
유동적 마감일
일정에 따라 마감일을 재설정합니다.
중급 단계
완료하는 데 약 38시간 필요
영어
자막: 영어

귀하가 습득할 기술

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

학습자 경력 결과

37%

가 이 강좌를 수료한 후 새로운 커리어를 시작함

34%

가 이 강좌를 통해 확실한 경력상 이점을 얻음
공유 가능한 수료증
완료 시 수료증 획득
100% 온라인
지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.
유동적 마감일
일정에 따라 마감일을 재설정합니다.
중급 단계
완료하는 데 약 38시간 필요
영어
자막: 영어

제공자:

홍콩과학기술대학 로고

홍콩과학기술대학

강의 계획 - 이 강좌에서 배울 내용

콘텐츠 평가Thumbs Up98%(30,932개의 평가)Info
1

1

완료하는 데 11시간 필요

Front-end Web UI Frameworks Overview: Bootstrap

완료하는 데 11시간 필요
17개 동영상 (총 194분), 22 개의 읽기 자료, 2 개의 테스트
17개의 동영상
How to Use the Learning Resources10m
What is Full-Stack Web Development?5m
Exercise (Video): Setting up Git6m
Exercise (Video): Basic Git Commands18m
Exercise (Video): Online Git Repositories12m
Node.js and NPM3m
Exercise (Video): Setting up Node.js and NPM2m
Exercise (Video): Basics of Node.js and NPM23m
Front-end Web UI Frameworks7m
Introduction to Bootstrap2m
Exercise (Video): Getting Started with Bootstrap14m
Responsive Design9m
Bootstrap Grid System27m
Exercise (Video): Responsive Design and Bootstrap Grid System Part 120m
Exercise (Video): Responsive Design and Bootstrap Grid System Part 214m
Assignment 1 Requirements (Video)7m
22개의 읽기 자료
Welcome to Front-End Web UI Frameworks and Tools: Bootstrap 4: Additional Resources10m
Full Stack Web Development: The Big Picture: Objectives and Outcomes10m
Full Stack Web Development: Additional Resources10m
Setting up Your Development Environment: Git and Node: Objectives and Outcomes10m
Setting up your Development Environment10m
Exercise (Instructions): Setting up Git10m
Exercise (Instructions): Basic Git Commands10m
Exercise (Instructions): Online Git Repositories10m
Exercise (Instructions): Setting up Node.js and NPM10m
Exercise (Instructions): Basics of Node.js and NPM10m
Setting up your Development Environment: Git and Node: Additional Resources10m
Introduction to Bootstrap: Objectives and Outcomes10m
Exercise (Instructions): Getting Started with Bootstrap10m
Introduction to Bootstrap: Additional Resources10m
Responsive Design and Bootstrap Grid System: Objectives and Outcomes10m
Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 110m
Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 210m
Responsive Design and Bootstrap Grid System: Additional Resources10m
Assignment 1 Resources10m
Ideation: Objectives and Outcomes10m
Ideation Report Template10m
Ideation: Additional Resources10m
2

2

완료하는 데 10시간 필요

Bootstrap CSS Components

완료하는 데 10시간 필요
14개 동영상 (총 146분), 21 개의 읽기 자료, 2 개의 테스트
14개의 동영상
Exercise (Video): Navbar and Breadcrumbs30m
Icon Fonts4m
Exercise (Video): Icon Fonts12m
User Input4m
Exercise (Video): Buttons9m
Exercise (Video): Forms22m
Bootstrap Tables and Cards4m
Exercise (Video): Displaying Content: Tables and Cards18m
Images and Media5m
Exercise (Video): Images and Media11m
Alerting Users6m
Exercise (Video): Alerting Users2m
Assignment 2: Bootstrap CSS Components4m
21개의 읽기 자료
Navigation and Navigation Bar: Objectives and Outcomes10m
Exercise (Instructions): Navbar and Breadcrumbs10m
Exercise (Instructions): Icon Fonts10m
Navigation and Navigation Bar: Additional Resources10m
User Input: Buttons and Forms: Objectives and Outcomes10m
Exercise (Instructions): Buttons10m
Exercise (Instructions): Forms10m
User Input: Additional Resources10m
Displaying Content: Tables and Cards: Objectives and Outcomes10m
Exercise (Instructions): Displaying Content: Tables and Cards10m
Displaying Content: Additional Resources10m
Images and Media: Objectives and Outcomes10m
Exercise (Instructions): Images and Media10m
Images and Media: Additional Resources10m
Alerting Users: Objectives and Outcomes10m
Exercise (Instructions): Alerting Users10m
Alerting Users: Additional Resources10m
Assignment 2: Resources10m
UI Design and Prototyping: Objectives and Outcomes10m
UI Design and Prototyping Report Template10m
UI Design and Prototyping: Additional Resources10m
3

3

완료하는 데 6시간 필요

Bootstrap Javascript Components

완료하는 데 6시간 필요
10개 동영상 (총 77분), 15 개의 읽기 자료, 1 개의 테스트
10개의 동영상
Tabs, Pills and Tabbed Navigation3m
Exercise (Video): Tabs11m
Collapse and Accordion5m
Exercise (Video): Accordion8m
Tooltips, Popovers and Modals5m
Exercise (Video): Tooltips and Modals15m
Carousel1m
Exercise (Video): Carousel14m
Assignment 3: Bootstrap JavaScript Components3m
15개의 읽기 자료
Bootstrap JavaScript Components: Objectives and Outcomes10m
Bootstrap JavaScript Components: Additional Resources10m
Tabs and Tabbed Navigation: Objectives and Outcomes10m
Exercise (Instructions): Tabs10m
Tabs and Tabbed Navigation: Additional Resources10m
Hide and Seek: Objectives and Outcomes10m
Exercise (Instructions): Accordion10m
Hide and Seek: Additional Resources10m
Revealing Content: Objectives and Outcomes10m
Exercise (Instructions): Tooltips and Modals10m
Revealing Content: Additional Resources10m
Carousel: Objectives and Outcomes10m
Exercise (Instructions): Carousel10m
Carousel: Additional Resources10m
Assignment 3: Resources10m
4

4

완료하는 데 11시간 필요

Web Tools

완료하는 데 11시간 필요
17개 동영상 (총 220분), 22 개의 읽기 자료, 2 개의 테스트
17개의 동영상
Exercise (Video): Bootstrap and JQuery10m
Exercise (Video): More Bootstrap and JQuery11m
CSS Preprocessors: Less and Sass10m
Exercise (Video): Less8m
Exercise (Video): Scss8m
Assignment 4: Bootstrap, JQuery and Sass4m
Building and Deployment10m
NPM Scripts4m
Exercise (Video): NPM Scripts Part 112m
Exercise (Video): NPM Scripts Part 228m
Task Runners4m
Exercise (Video): Grunt Part 119m
Exercise (Video): Grunt Part 230m
Exercise (Video): Gulp Part 116m
Exercise (Video): Gulp Part 220m
Front-End Web UI Frameworks: Bootstrap 4: Conclusions2m
22개의 읽기 자료
Bootstrap and JQuery: Objectives and Outcomes10m
Exercise (Instructions): Bootstrap and JQuery10m
Exercise (Instructions): More Bootstrap and JQuery10m
Bootstrap and JQuery: Additional Resources10m
CSS Preprocessors: Objectives and Outcomes10m
Exercise (Instructions): Less10m
Exercise (Instructions): Scss10m
CSS Preprocessors: Additional Resources10m
Assignment 4: Additional Resources10m
Building and Deployment: Objectives and Outcomes10m
Exercise (Instructions): NPM Scripts Part 110m
Exercise (Instructions): NPM Scripts Part 210m
Building and Deployment: NPM Scripts: Additional Resources10m
Building and Deployment: Task Runners10m
Exercise (Instructions): Grunt Part 110m
Exercise (Instructions): Grunt Part 210m
Exercise (Instructions): Gulp Part 110m
Exercise (Instructions): Gulp Part 210m
Building and Deployment: Task Runners: Additional Resources10m
Front-End Web UI Frameworks and Tools: Bootstrap 4: Conclusions10m
Project Implementation: Objectives and Outcomes10m
Final Report Template10m

검토

FRONT-END WEB UI FRAMEWORKS AND TOOLS: BOOTSTRAP 4의 최상위 리뷰

모든 리뷰 보기

자주 묻는 질문

  • 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.
  • 강좌를 등록하면 전문 분야의 모든 강좌에 접근할 수 있고 강좌를 완료하면 수료증을 취득할 수 있습니다. 전자 수료증이 성취도 페이지에 추가되며 해당 페이지에서 수료증을 인쇄하거나 LinkedIn 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.

  • 구독하는 경우, 취소해도 요금이 청구되지 않는 7일간의 무료 평가판을 이용할 수 있습니다. 해당 기간이 지난 후에는 환불이 되지 않지만, 언제든 구독을 취소할 수 있습니다. 전체 환불 정책 보기.

  • 예, Coursera에서는 수업료를 낼 수 없는 학습자를 위해 재정 지원을 제공합니다. 왼쪽에 있는 등록 버튼 아래 재정 지원 링크를 클릭하면 지원할 수 있습니다. 신청서를 작성하라는 메시지가 표시되며 승인되면 알림을 받습니다. 성취 프로젝트를 포함하여 전문 분야의 각 강좌에서 이 단계를 완료해야 합니다. 자세히 알아보기.

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.