Learn to Create fully Animated, Interactive, Mobile Responsive Web Pages using Bootstrap & jQuery Library.

What you will learn

How to create Mobile-Responsive web pages using the Bootstrap Grid System

How to create custom, drop-down navigation menus with animation

How to create collapse panels, accordion menus, pill menus and other types of UI elements

Working with Typography in Bootstrap for modern, stylish fonts

Working with Lists and Pagination to organize content

How to add events to page elements using jQuery

How to create animations in jQuery (Fade, Toggle, Slide, Animate, Hide-Show)

How to add and remove elements using Selectors (Id, Class)

How to use the Get Content function to retrieve Values and Attributes

How to use the jQuery Callback, and Chaining Function

Master the use of jQuery Animate with Multiple Params, Relative Values, and Queue Functionality

Description

Welcome to the Bootstrap & jQuery – Certification Course for Beginners


With over 64% of the world using mobile devices to browse web pages, it’s no surprise that Bootstrap and jQuery have become the industry leaders in front-end scripting languages.

This course starts right from the foundational concepts and gradually progresses to intermediate topics. Through a project-style learning approach, students will have the opportunity to build mobile-responsive web pages, complete with animation and interactivity.

Bootstrap Section:


Students are taught to use the Bootstrap framework for responsive, mobile-first – front-end development. As one of the leading open-source development libraries, Bootstrap is an essential part of the developers coding arsenal. The section begins with teaching students how to include essential Bootstrap files into web pages. It then explores the Bootstrap Grid system and popular layout strategies for optimal cross-device and cross-browser compatibility.

Students gain exposure to just about every Bootstrap component, from typography, tables and images, to jumbotrons, wells, alerts, buttons, glyphicons and progress bars. The section includes several hands-on exercises that will walk students through the process of creating stunning layouts, complete with modals, carousels, popovers, drop-down menus, forms and much more.

jQuery Section:


We explores the jQuery library and many of its unique features, used to create stunning, animated web pages. We start with the basics, from embedding jQuery into web pages to working with Selectors. Students then explore working with events, toggling, fading, sliding, and other forms of animation. The lessons also teach students how to work with callbacks, chaining, dragables, accordion menus and many other functions.

English

Language

Content

Bootstrap Development

Introduction to Bootstrap

Embedding Bootstrap

Bootstrap Basic Page Structure

Bootstrap Grid System

Bootstrap Three Column Layouts

Bootstrap Typography

Bootstrap Tables

Bootstrap Styling Images

Bootstrap Jumbotron

Bootstrap Wells

Bootstrap Alerts

Bootstrap Buttons

Bootstrap Button Groups

Bootstrap Justified Button Groups

Bootstrap Glyphicons

Bootstrap Badges and Labels

Bootstrap Progress Bars

Bootstrap Pagination

Bootstrap Pager Pagination

Bootstrap List Groups

Bootstrap Panels

Bootstrap Dropdown Menus

Bootstrap Collapsibles

Bootstrap Collapse Panel

Bootstrap Collapse List Group

Bootstrap Accordian

Bootstrap Tab Menus

Bootstrap Pill Menus

Bootstrap Dynamic Tabs and Pills

Bootstrap Navigation Bar

Bootstrap Collapsible Navigation Bar

Bootstrap Forms – Vertical and Inline

Bootstrap Inputs


Get Instant Notification of New Courses on our Telegram channel.


Bootstrap Form Control States

Bootstrap Input Sizing

Bootstrap Carousel

Bootstrap Modal

Bootstrap Tooltip

Bootstrap Popover

Bootstrap Scrollspy

Bootstrap Project – Themes Intro

Bootstrap Project – File Overview

Bootstrap Project – Script Overview

Bootstrap Project – Script Overview Cont.

jQuery Development

Introduction to jQuery

Embedding jQuery

jQuery Syntax and Selector Intro

jQuery ID Selector

jQuery Class Selector

jQuery Other Selectors

External jQuery File

jQuery Events Intro

jQuery Events – mouseenter and mouseleave

jQuery Events – mousedown and mouseup

jQuery Multiple Event Handlers

jQuery Hiding-Showing

jQuery Toggle

jQuery Fade In-Out

jQuery Fade Toggle

jQuery Fade To

jQuery Slide Down

jQuery Slide Up

jQuery Slide Toggle

jQuery Animate

jQuery Animate – Multiple Params

jQuery Animate – Relative Values

jQuery Animate – Queue Functionality

jQuery Stop Method

jQuery Callback Functions

jQuery Chaining

jQuery Draggables

jQuery Accordian Menu

jQuery Get Content – text and html

jQuery Get Content – Val

jQuery Get Content – attr

jQuery Set Content – text – html – val

jQuery Set Attributes – attr

jQuery Append and Preprend

jQuery – After and Before

jQuery Remove and Empty

jQuery Filter Remove

jQuery Add Class

jQuery Remove Class

jQuery Toggle Class