Interested in this College?
Get updates on Eligibility, Admission, Placements Fees Structure

Quick Facts

Medium Of Instructions	Mode Of Learning	Mode Of Delivery
English	Self Study	Video and Text Based

Course Overview

Front-End Web UI Frameworks and Tools: Bootstrap 4 is an online certification programme, available on Coursera, developed and offered by the Hong Kong University of Science and Technology (HKUST) that aims at imparting the education of science and technology to the learners of Asia and the whole world. Front-End Web UI Frameworks and Tools: The bootstrap 4 Certification Syllabus will train the students on client-side web UI frameworks with a particular focus on Bootstrap 4.

By joining the Front-End Web UI Frameworks and Tools: Bootstrap 4 Certification, provided by Coursera, the learners will be introduced to JavaScript, Bootstrap CSS, responsive design, grids, CSS preprocessors, Less, Sass, and many more. Front-End Web UI Frameworks and Tools: Bootstrap 4 Certification by Coursera will discuss the concepts of Node.js, NPM, Grunt, and Gulp.

The Highlights

Provided by Coursera
Approximately 31 hours of programme
Offered by HKUST
Flexible Deadlines
Intermediate Level Course
Shareable Certificate
Financial Aid Available
100% Online Course

Programme Offerings

English videos with multiple subtitles
practice quizzes
Graded Assignments with peer feedback
graded Quizzes with feedback
Graded Programming Assignments
EMI payment options
14 day refund period

Courses and Certificate Fees

Certificate Availability	Certificate Providing Authority
yes	Coursera

Front-End Web UI Frameworks and Tools: Bootstrap 4 Certification Fee is structured in a month-wise fashion and students can refer to the table for the course fee:

Description	Total Fee in INR
Course Fee, 1 month	Rs. 3,878
Course Fee, 3 months	Rs. 7,757
Course Fee, 6 months	Rs. 11,636

Eligibility Criteria

Academic Qualifications

The students who look forward to joining the Server-side Development with NodeJS, Express, and MongoDB Online Course are required to have the working knowledge of HTML, CSS, and JavaScript to be eligible for the programme.

Certification Qualifying Details

The candidates can get certified with the Front-End Web UI Frameworks and Tools: Bootstrap 4 Certification merely after finishing off the full process of the course and covering the course readings, lecture videos, quizzes, and graded assignments.

What you will learn

Web application development skills

After the Server-side Development with NodeJS, Express, and MongoDB Training, the students will learn the following concepts:

Bootstrap (Front-End Framework)
Node.Js
Jquery
SASS (Stylesheet Language)

Who it is for

Data ScientistComputer Systems AdministratorSoftware EngineerChief Technology OfficerMachine Learning Engineer

Front-End Web UI Frameworks and Tools: Bootstrap 4 Classes are open for candidates who are passionate about knowing the front-End Web UI Frameworks and Bootstrap 4 closely, especially the professionals like Software engineers, Machine Learning Engineer, System Administrator, Chief Technology Officers, and Data scientists.

Admission Details

Step 1 -First of all, the students may need to register and sign up on https://www.coursera.org/ to access the courses offered on Coursera.

Step 2 - After activating the Coursera account, the candidate can sign in.

Step 3 - Then, the candidate can search the ‘Hong Kong University of Science and Technology and then, the courses offered by the Hong Kong University of Science and Technology will appear on the screen.

Step 4 - Then, search for the course ‘Front-End Web UI Frameworks and Tools: Bootstrap 4’ in the list and click on it.

Step 5- Then, the page of the course will come to the screen and then, click on the option ‘enrol’. The students can just audit the course without paying the fee or pay the mentioned amount of fee.

The Syllabus

Videos

Front-End Web UI Frameworks and Tools: Bootstrap 4: Course Overview
How to Use the Learning Resources
What is Full-Stack Web Development?
Exercise (Video): Setting up Git
Exercise (Video): Basic Git Commands
Exercise (Video): Online Git Repositories
Node.js and NPM
Exercise (Video): Setting up Node.js and NPM
Exercise (Video): Basics of Node.js and NPM
Front-end Web UI Frameworks
Introduction to Bootstrap
Exercise (Video): Getting Started with Bootstrap
Responsive Design
Bootstrap Grid System
Exercise (Video): Responsive Design and Bootstrap Grid System Part 1
Exercise (Video): Responsive Design and Bootstrap Grid System Part 2
Assignment 1 Requirements (Video)

Readings

Welcome to Front-End Web UI Frameworks and Tools: Bootstrap 4: Additional Resources
Full Stack Web Development: The Big Picture: Objectives and Outcomes
Full Stack Web Development: Additional Resources
Setting up Your Development Environment: Git and Node: Objectives and Outcomes
Setting up your Development Environment
Exercise (Instructions): Setting up Git
Exercise (Instructions): Basic Git Commands
Exercise (Instructions): Online Git Repositories
Exercise (Instructions): Setting up Node.js and NPM
Exercise (Instructions): Basics of Node.js and NPM
Setting up your Development Environment: Git and Node: Additional Resources
Introduction to Bootstrap: Objectives and Outcomes
Exercise (Instructions): Getting Started with Bootstrap
Introduction to Bootstrap: Additional Resources
Responsive Design and Bootstrap Grid System: Objectives and Outcomes
Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 1
Exercise (Instructions): Responsive Design and Bootstrap Grid System Part 2
Responsive Design and Bootstrap Grid System: Additional Resources
Assignment 1 Resources
Ideation: Objectives and Outcomes
Ideation Report Template
Ideation: Additional Resources

Videos

Navigation and Navigation Bar
Exercise (Video): Navbar and Breadcrumbs
Icon Fonts
Exercise (Video): Icon Fonts
User Input
Exercise (Video): Buttons
Exercise (Video): Forms
Bootstrap Tables and Cards
Exercise (Video): Displaying Content: Tables and Cards
Images and Media
Exercise (Video): Images and Media
Alerting Users
Exercise (Video): Alerting Users
Assignment 2: Bootstrap CSS Components

Readings

Navigation and Navigation Bar: Objectives and Outcomes
Exercise (Instructions): Navbar and Breadcrumbs
Exercise (Instructions): Icon Fonts
Navigation and Navigation Bar: Additional Resources
User Input: Buttons and Forms: Objectives and Outcomes
Exercise (Instructions): Buttons
Exercise (Instructions): Forms
User Input: Additional Resources
Displaying Content: Tables and Cards: Objectives and Outcomes
Exercise (Instructions): Displaying Content: Tables and Cards
Displaying Content: Additional Resources
Images and Media: Objectives and Outcomes
Exercise (Instructions): Images and Media
Images and Media: Additional Resources
Alerting Users: Objectives and Outcomes
Exercise (Instructions): Alerting Users
Alerting Users: Additional Resources
Assignment 2: Resources
UI Design and Prototyping: Objectives and Outcomes
UI Design and Prototyping Report Template
UI Design and Prototyping: Additional Resources

Videos

Bootstrap JavaScript Components
Tabs, Pills, and Tabbed Navigation
Exercise (Video): Tabs
Collapse and Accordion
Exercise (Video): Accordion
Tooltips, Popovers, and Modals
Exercise (Video): Tooltips and Modals
Carousel
Exercise (Video): Carousel
Assignment 3: Bootstrap JavaScript Components

Readings

Bootstrap JavaScript Components: Objectives and Outcomes
Bootstrap JavaScript Components: Additional Resources
Tabs and Tabbed Navigation: Objectives and Outcomes
Exercise (Instructions): Tabs
Tabs and Tabbed Navigation: Additional Resources
Hide and Seek: Objectives and Outcomes
Exercise (Instructions): Accordion
Hide and Seek: Additional Resources
Revealing Content: Objectives and Outcomes
Exercise (Instructions): Tooltips and Modals
Revealing Content: Additional Resources
Carousel: Objectives and Outcomes
Exercise (Instructions): Carousel
Carousel: Additional Resources
Assignment 3: Resources

Videos

Bootstrap and JQuery
Exercise (Video): Bootstrap and JQuery
Exercise (Video): More Bootstrap and JQuery
CSS Preprocessors: Less and Sass
Exercise (Video): Less
Exercise (Video): Scss
Assignment 4: Bootstrap, JQuery and Sass
Building and Deployment
NPM Scripts
Exercise (Video): NPM Scripts Part 1
Exercise (Video): NPM Scripts Part 2
Task Runners
Exercise (Video): Grunt Part 1
Exercise (Video): Grunt Part 2
Exercise (Video): Gulp Part 1
Exercise (Video): Gulp Part 2
Front-End Web UI Frameworks: Bootstrap 4: Conclusions

Readings

Bootstrap and JQuery: Objectives and Outcomes
Exercise (Instructions): Bootstrap and JQuery
Exercise (Instructions): More Bootstrap and JQuery10m
Bootstrap and JQuery: Additional Resources
CSS Preprocessors: Objectives and Outcomes
Exercise (Instructions): Less
Exercise (Instructions): Scss
CSS Preprocessors: Additional Resources
Assignment 4: Additional Resources
Building and Deployment: Objectives and Outcomes
Exercise (Instructions): NPM Scripts Part 1
Exercise (Instructions): NPM Scripts Part 2
Building and Deployment: NPM Scripts: Additional Resources
Building and Deployment: Task Runners
Exercise (Instructions): Grunt Part 1
Exercise (Instructions): Grunt Part 2
Exercise (Instructions): Gulp Part 1
Exercise (Instructions): Gulp Part 2
Building and Deployment: Task Runners: Additional Resources
Front-End Web UI Frameworks and Tools: Bootstrap 4: Conclusions
Project Implementation: Objectives and Outcomes
Final Report Template

Instructors

Hong Kong University of Science and Technology, Hong Kong Frequently Asked Questions (FAQ's)

1: Who should go for the Front-End Web UI Frameworks and Tools: Bootstrap 4 Online Certification?

The course can be taken by professionals like Software engineers, Machine Learning Engineers, System Administrators, Chief Technology officers, Data scientists, etc.

2: What is the completion time of Front-End Web UI Frameworks and Tools: Bootstrap 4 Online Course?

The course could be completed by the student within about 31 hours.

3: Who is the instructor of the programme?

The instructor of the programme is Jogesh K. Muppala, the Associate Professor in the Department of Computer Science and Engineering at the Hong Kong University of Science and Technology.

4: Who offers the course?

The course is offered by the Hong Kong University of Science and Technology.

5: In which languages the subtitles are available for the lecture videos of course?

The subtitles are available in the languages of Arabic, French, Portuguese (European), Italian, Vietnamese, German, Russian, English and Spanish.