Responsive Web Design Using Bootstrap Framework

Multiday, 16/10/2024 - 17/10/2024

Venue

Tertiary Courses Malaysia G-3A-02, Corporate Office Suite, KL Gateway, No 2, Jalan kerinchi, Gerbang kernichi Lestari, 59200

Entrance Fee

1000

Category

Science & Technology

Event Type

Class, Course, Training or Workshop

Share

Schedule

DateTime
16/10/20249:30 AM - 5:30 PM
17/10/20249:30 AM - 5:30 PM
Responsive Web Design Using Bootstrap Framework

Dive into the transformative world of responsive web design with our intensive course focused on the Bootstrap framework. Participants will begin by comprehending the nuances of containers, setting the groundwork for implementing the 12-column grid system - a cornerstone for crafting responsive layouts. From constructing rows and columns to the strategic application of Bootstrap’s CSS classes, learners will harness the power to style content that resonates and engages.

Further, the course dives deep into the realm of forms, dropdown menus, and buttons, ensuring a user-friendly interface. Participants will seamlessly incorporate media elements like images and videos, enhancing user interactivity. With a dedicated module on Bootstrap's robust JavaScript components, including carousels, tabs, tooltips, and smooth scrolling, students will emerge equipped with the skills to create dynamic and visually compelling websites.

Certificate

All participants will receive a Certificate of Completion from Tertiary Courses after achieved at least 75% attendance.

Funding and Grant

HRD Corp Claimable Course for Employers Registered with HRD Corp

HRDF claimable

Course Code: M291

Topic 1. Overview of Responsive Web Interface Design and Bootstrap

  • What is Responsive Web Design?

  • Introduction to Bootstrap Framework

  • Create Responsive Web Layout using Bootstrap

Topic 2. Components and Graphics Content

  • Create Basic Bootstrap Components

  • Design GUI with Style and Content Elements

Topic 3. Interactivity and Responsiveness

  • Create Interactive Components

  • Apply Bootstrap Utilities

  • Evaluate Web Interface Interactivity and Responsiveness

Topic 4 Single Page Design

  • Web Design Requirement for Single Page

  • Implement Single Page Design