Responsive Web Page Design
Get the full GTU study material, English & Gujarati textbook PDFs, syllabus curriculum, and solved previous year question papers.
English Book & Chapters
English Book Coming Soon
We are working hard to add this material. Stay tuned for updates!
Follow on Instagram for UpdatesGTU Previous Year Papers
Papers Coming Soon
We are working hard to add this material. Stay tuned for updates!
Follow on Instagram for UpdatesResponsive Web Page Design Syllabus — Unit-wise Content
The official GTU curriculum for Responsive Web Page Design (subject code DI03000061) as prescribed for Auto · Semester 3 divides the course into 5 units, covering 73 listed topics. The unit-wise breakdown below is read from the GTU syllabus document for this subject code, so you can check what the course actually covers before deciding which papers to attempt.
Download the official syllabus PDF (DI03000061)Unit 1 Introduction to jQuery and Bootstrap Framework
- jQuert:Introduction to jQuery
- Importance of jQuery
- jQuery syntax
- jQuery selectors
- jQuery Events Bootstrap Framework: Why Bootstrap? History of Bootstrap
- Advantages of Bootstrap Framework
- Responsive web page
- How to remove Responsiveness
- Major Features of Bootstrap
- Program Solving practice on the above concept
Unit 2 Bootstrap Grid
- Bootstrap Grid: Apply Bootstrap Grid
- Offset Column
- Reordering Columns, and Advantages of Bootstrap Grid and Display responsive Images
- Bootstrap Typography
- use Typography
- Bootstrap Tables
- Form Layout
- Display images in different styles like Circle shape etc.
- Carets Classes
- hide or show the text in Bootstrap
- Program Solving practice on the above concept Program Name: Engineering Level: Diploma Branch: Computer Engineering / Computer Science & Engineering Subject Code : DI03000061 Subject Name : Responsive Web Page Design
Unit 3 Bootstrap Components
- Bootstrap Components: Bootstrap Components
- Advantages of Bootstrap Components
- The different types of Bootstrap Components
- Glyphicons Component
- Use Glyphicons Component
- Bootstrap Dropdown Menu Component
- Bootstrap Card Component
- Button Groups and Button Toolbar
- Use Button Groups and Button Toolbar
- Different Input Groups Components
- Navigation Pills & Tabs Components
- Use Navigation Pills and Tabs Components
- Navbar Component
- build a Responsive Navbar
- Add Forms and other controls to Navbar
- Fix the position of navbar
- Breadcrumb Component
- Pagination Component
- apply Pagination in Application
- Labels/Badge Components
- Jumbotron/Page Header Components
- Thumbnail Component
- Alerts & Dismissible Alerts
- How to Create Progress Bar, Media Objects Component
- Bootstrap List Group Component
- Bootstrap Panel Component
- Program Solving practice on the above concept
Unit 4 Bootstrap Plug-Ins
- Bootstrap Plug-Ins: Why bootstrap plug-ins
- Use of bootstrap plug-ins
- Transition plug-in
- Modal dialog box, The different properties
- methods and events of model dialog box, Scroll spy plug-in
- tab plug-in
- use of tab plug-in
- Drop Down plug-in
- Tooltip plug-in
- Use of Button plug-in
- Methods and events of tooltip plug- in, popover plug-in
- alert and button plug-ins
- Collapse plug-in
- different types of properties
- methods and events of collapse plug- in, Carousel plug-in
- affix plug-in Program Solving practice on the above concept
Unit 5 Advance Bootstrap Utilities and Customization
- Bootstrap Utilities: Benefits of using utilities
- various bootstrap utilities (Spacing
- Display and Visibility
- Flex box, Border
- Responsive ) Bootstrap Customization: Benefits of customizing Bootstrap
- Customizing Bootstrap Variables
- Customizing Bootstrap with Sass
- Customizing Bootstrap Components
- Customizing Bootstrap Themes Program Solving practice on the above concept
Study on Android App:
