Subcribe and Access : 5200+ FREE Videos and 21+ Subjects Like CRT, SoftSkills, JAVA, Hadoop, Microsoft .NET, Testing Tools etc..

Batch Date: Nov 9th @ 8:00AM

Faculty: Real Time Faculty

Location : Madhapur, Hyderabad.

Venue :
DURGA SOFTWARE SOLUTIONS at MADHAPUR
Plot No : 58,
Ground Floor, Beside BIG 'C showroom Street
Sai Nagar, Madhapur, Hyderabad-500034.

Ph.No: 9505905786

Syllabus:

BOOTSTRAP 4

Introduction

• What is Bootstrap?
  
  
• Features of Bootstrap
  
  
• Introduction a typical web application
  
  
• Technologies used for web development
  
  
• HTML Recap
  
  
• CSS Recap
  
  
• JavaScript Recap
  
  
• History of Bootstrap
  
  
• Bootstrap Overview
  
  
• Bootstrap Installation

• Using NPM
  
  
• Using CDN
  
  
• Offline Version

• Tools Used for Web Development
  

• Atom
  
  
• Sublime Text
  
  
• Brackets
  
  
• Visual Studio Code
  
  
• WebStorm

• Setting Development Environment
  
  
• Bootstrap First Application
  
  
• Bootstrap Components Overview
  
  
• Basic Typography
  

• Heading Classes
  
  
• Display Classes
  
  
• Paragraph Classes
  
  
• Style Classes
  
  
• Text Transform
  
  
• Black quotes
  
  
• Lists intro
  
  
• Inline Lists

• Text Alignment & Display
  

• Text Align classes
  
  
• Responsive Alignment
  
  
• Vertical Alignment
  
  
• Turn Block elements to Inline
  
  
• Turn Inline to Block
  
  
• Inline Block
  

• Floats Position in Bootstrap
  

• Float classes
  
  
• Responsive floats
  
  
• Clear fix
  
  
• Fixed Top
  
  
• Fixed Sticky
  
  
• Fixed Bottom

• Colors Background
  

• Text Colors
  
  
• Background Colors
  
  
• Invisible

• Spacing in Bootstrap
  

• All Margin Classes
  
  
• All Padding Classes

• Sizing in Bootstrap
  

• Width Classes
  
  
• Height Classes

• Breakpoints in Bootstrap
  

• Small screen
  
  
• Medium screen
  
  
• Large screen
  
  
• X-Large screen
  

• Buttons in Bootstrap
  

• All Button classes
  
  
• Button tags
  
  
• Outline Buttons
  
  
• Button Sizes
  
  
• Button States
  
  
• Button Dropdowns
  
  
• Split Dropdowns
  
  
• Button groups
  
  
• Button Toolbars
  
  
• Vertical Button groups

• Navbars in Bootstrap
  

• Simple Navbars
  
  
• Navbar with responsive toggle
  
  
• Navbar with form
  
  
• Navbar with dropdown
  
  
• Navbar with all bootstrap colors
  

• List groups and Badges in Bootstrap
  

• List groups
  
  
• List groups with links
  
  
• Contextual classes
  
  
• List groups with badges
  
  
• Custom list groups
  
  
• Breadcrumbs

• Forms in Bootstrap
  

• All form elements
  
  
• Inline forms
  
  
• Form validations
  

• Input groups in Bootstrap
  

• Input groups with form elements
  
  
• Input groups with buttons

• Alerts & Progress bars in Bootstrap
  

• All alert classes
  
  
• Dismissible alerts
  
  
• Progress bars

• Tables & Pagination in Bootstrap
  

• Simple Table, Inverse Table
  
  
• Table header inverse, bordered table
  
  
• Hover table, Pagination

• Cards in Bootstrap
  

• Simple cards, Card with Images
  
  
• Cards with Header & Footer
  
  
• Card with Nav items
  
  
• Image overlay cards
  
  
• Cards with all Colors
  
  
• Outline color cards
  
  
• Card Groups, Card Decks
  

• Media Objects
  

• Simple Media Objects
  
  
• Nesting Media Objects
  
  
• All alignment of Media Objects
  
  
• Media List

• Grid System in Bootstrap
  

• Auto layout columns
  
  
• Responsive classes
  
  
• Nesting grids

• Grid Alignments in Bootstrap
  

• Vertical alignments
  
  
• Vertical align individual cols
  
  
• Horizontal alignments
  
  
• No gutters

• Flex boxes in Bootstrap
  

• Flex row, flex items
  
  
• Flex row reverse
  
  
• Justify content
  
  
• Flex Columns
  
  
• Vertical align items
  
  
• Responsive vertical align
  
  
• Align self
  
  
• Responsive align self

• Auto margin & wrapping order in
  

• MR-AUTO, ML-AUTO, MB-AUTO, MT-AUTO
  
  
• NO WRAP, WRA

• Carousels in bootstrap
  

• Simple Slider, Slider with controls
  
  
• Slider with indicators, Slider with captions
  
  
• Slider with buttons

• Collapse classes in Bootstrap
  

• Button with collapse
  
  
• Accordion in bootstrap

• Tooltips in Bootstrap
  
  
• Popovers in Bootstrap
  
  
• Modals in Bootstrap
  

• Simple modal, Modal with header and footer
  
  
• Modal with login page, Modal with feedback
  
  
• Modals with dismiss, Modals with animatio

• Real Time Projects
  

1. Online Resume Website

2. UI Dashboard Website

3. Corporate Website