BOOTSTRAP

LEARN BOOTSTRAP

Course Objective

Bootstrap is a most popular front end framework in the recent time. It is sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. It uses HTML, CSS and Javascript. This tutorial will teach you the basics of Bootstrap 4 Framework, which you can create web projects with ease. The tutorial is divided into sections such as Bootstrap Basic Structure, Bootstrap Layout, Bootstrap Grid System, Bootstrap Content, Bootstrap Components and Bootstrap Utilities. Each of these sections contain related topics with simple and useful examples.

What is Bootstrap 4?
Bootstrap 4 is a powerful and popular mobile first front-end framework for building responsive mobile first sites on the web. It is a latest version of Bootstrap, which uses HTML, CSS and JavaScript.
  • It contains mobile first styles throughout the entire library, instead of using them in the separate files.

  • With just the knowledge of HTML and CSS anyone can get started with Bootstrap. Also the Bootstrap official site has a good documentation.

  • It is supported by all popular browsers and its responsive CSS adjusts to Desktops, Tablets and Mobiles.

  • Provides a clean and uniform solution for building an interface for developers.

  • It contains beautiful and functional built-in components which are easy to customize.

  • It is an open source and provides web based customization.

  • Include the CDN versions of jQuery and Popper.js (Bootstrap 4 uses jQuery and Popper.js to make use of JavaScript components such as modals, tooltips, popovers etc) before the minified Bootstrap JavaScript, if you are using the compiled version of JavaScript.

    Following are some components, which require jQuery −

    • Used for closable alerts

    • Toggle the states by using buttons and checkboxes/radio buttons and collapse for toggling content

    • Carousel for slides, controls, and indicators

    • Dropdowns (uses the Popper.js for perfect positioning)

    • Open and close the Modals

    • For collapsing the Navbar

    • Tooltips and popovers (uses the Popper.js for perfect positioning)

CALL TO OUR CAREER ADVISER

+91-8448255662 / +91-8448255662

Key Features

Biggest pool of Industry Experts

Certified experts with rich training experience

Live Instructor-led Training

This isn’t canned learning. Its dynamic, its interactive, its effective

Real-life Case Studies

Live project based on any of the selected use cases, involving implementation of the concepts

Dedicated Job-Portal

500+ Recruiter Connect for 100% placement assistance

Instructor-led Classroom Classes

Course Training Plan

Course Details of User Interface (UI)

  • What is HTML?
  • What is a Web Browser?
  • What are Versions of HTML?
  • What can You Do with HTML?
  • HTML Development Environments
  • Using a WYSIWYG Editor
  • Using an HTML Editor
  • Writing Code with a Text Editor
  • Publishing Documents
  • Rules of Syntax
  • Making your Code Readable
  • Making your Code XHTML Compliant
  • Building a Document
  • Using Colors
  • Adding Color to your Page
  • Using Headings
  • Using Paragraphs
  • Using Block quotes
  • Using Entities
  • Aligning Block-Level Elements
  • Displaying Preformatted Text
  • Formatting with Inline Elements
  • Controlling Fonts
  • Introducing List Elements
  • Creating Unordered Lists
  • Creating Ordered Lists
  • Creating Denition Lists
  • Nesting Lists
  • Indenting Text with the <ul> Tag
  • Building a Table
  • Using the Border Attribute
  • Cell Padding and Cell Spacing
  • Controlling Table and Cell Width
  • Aligning a Table on the Page
  • Aligning Tables and Text
  • Aligning Table Data
  • Spanning Columns and Rows
  • Nesting Tables
  • Adding Color to Tables
  • Using Tables as a Design Tool
  • Understanding and Using URLs
  • Linking to a Web Document
  • Linking to a Local Document
  • Linking to Anchors
  • Opening a New Browser Window
  • iFrame
  • Optimizing Image and File Size
  • Inserting Inline Images, ImageMap, Sprite Image
  • Aligning and Formatting Images
  • Using Images to Anchor Links
  • Creating a Look-and-Feel
  • Sizing and Scaling Images
  • Using Transparent Images
  • Using GIF Animation
  • Forms , Form Elements
  • Form Actions, Form Methods , Form Design

Border

  • border-image
  • border-radius
  • Text-shadow
  • box-shadow
  • background-clip
  • background-size
  • background-origin
  • background-imag
  • transition
  • transition-delay
  • transition-duration
  • transition-propert
  •  
  • transition
  • transform
  • matrix()
  • translate(x,y)
  • scale(x,y)
  • rotate(angle)
  • skew(x-angle,y-angle)
  •  
  • transform
  • transform-style
  • perspective
  • transform-origin
  •  
  • @keyframes
  • animation
  • animation-direction
  • animation-duration
  • animation-name
  •  
  • CSS combination
  • Pseudo Elements
  •  
  • Linear Gradients
  • Radial Gradients
  •  
  • resize
  • box-sizing
  • outline-offset
  •  
  • Blur
  • Brightness
  • Contrast
  • Grayscale
  • Hue-rotate
  • Invert
  • Opacity
  • Saturate
  • Sepia
  • Drop-shadow
  •  
  • What is Responsive Web Design
  • Intro to the Viewport
  • The Viewport Tag
  • Media Queries
  • Fluid Layouts
  • Tablet Styles
  • Mobile Styles
  • Making a Mobile Drop-down Menu
  • Responsive Images & Polyll
  •  
  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weigh
  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weigh
  •  
  • Syntax
  • Statements
  • Comment
  •  
  • Arithmetic
  • Assignment
  • Comparison
  • Logical
  • Conditional
  •  
  • Arithmetic
  • Assignment
  • Comparison
  • Logical
  • Conditional
  •  
  • while
  • do…while
  • for
  • for…in Statement
  • Break
  • Continue
  •  
  • User-de ned Functions
  • Function Syntax
  • Function with Arguments
  • Returning Values from Functions
  • Built-in Functions
  • paraseInt and parseFloat
  •  
  • Introduction
  • Mouse Events
  • Keyboard Events
  • Form Events
  • Document/Window Events
  •  
  • Introduction
  • Number
  • Strings
  • Math
  • Arrays
  • Associative Array
  • Array Properties and Methods
  • Date
  • Boolean
  • Regexp
  •  
  • Form Validations
  • Basics of Form Validation
  • Validating Radio Buttons
  • Validating Checkboxes
  • Validating Select Menus
  • Validating Textare
  •  
  • Introduction
  • DOM HTML
  •  

FAQ's

Classroom Instructor-led training is much more effective than online training. The face-to- face classroom sessions not only make you more focused but also more employable in the job market.

Our trainers are highly qualified, Certified experts with rich training experience. All of our highly qualified trainers are industry experts with at least 10-12 years of relevant teaching experience. Each of them has gone through a rigorous selection process which includes profile screening, technical evaluation, and a training demo before they are certified to train for us. We also ensure that only those trainers with a high alumni rating continue to train for us.

The course curriculum, quality of trainers and lab facilitates at TEQHUB Institute are unparallel with respect to any other IT Institute. Also, Training Basket is Red Hat Certified Training Partner with , offering Programmes based on latest Technologies.

Your performance will be assessed based on an online examination conducted at TEQHUB Institute.

If you miss any class, based on the available batches, you can request to attend the required class(es) again. And moreover, the TEQHUB Institute is always available to lend you a helping hand.

Yes of course! You can attend extra classes, speak to your faculty and get your doubts cleared.

Payment methods vary from person to person. Get it clarified from the counsellor when you are enrolled. You can also opt for NO-EMI- installment-credit card method of payment.

Yes, of course! TEQHUB Institute  has an exclusive placement portal for its students under JobBasket, which provides placement assistance. Also, improve your English speaking and writing skills to enhance your employability and gain interview skills.

Students have to bring their laptop. Installation of software related to technology and practice/lab can be done easily.

You can write to us at support@teqhub.org You can call on the following numbers +91-8448255662 / +91-8448255663

Talk to our Career Advisor & Book a Free Demo

  • +91-8448255662 / +91-844825563

ABOUT US

TeqHub in Dwarka More offers short-term courses
and certificate courses. Inclusive of comprehensive
learning, the long-term programmes feature subjects such as web development,financial accountancy, computer application and programming, information technology, multimedia and web-designing.

TEQHUB INSTITUTE

CONTACT US

  • House No.69, Dwarka mor metro station,Near piller no-776,New Delhi (110059)
  • +91-8448255662 / 8448255663
  • teqhub17@gmail.com
  • www.teqhub.org

CONNECT WITH MAP

Copyright © 2019 . All Rights Reserved. TEQHUB
Design By-Divyam Singh Bais
TEQHUB INSTITUTE A SHAPE OF THINGS TO COME
TeqHub in Dwarka More offers short-term courses and certificate courses. Inclusive of comprehensive learning, the long-term programmes feature subjects such as web development,financial accountancy, computer application and programming, information technology, multimedia and web-designing.