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
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
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)
The course can be taken by professionals like Software engineers, Machine Learning Engineers, System Administrators, Chief Technology officers, Data scientists, etc.
The course could be completed by the student within about 31 hours.
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.
The course is offered by the Hong Kong University of Science and Technology.
The subtitles are available in the languages of Arabic, French, Portuguese (European), Italian, Vietnamese, German, Russian, English and Spanish.