Building Web Apps with jQuery, JavaScript and Bootstrap [Video]

Building Web Apps with jQuery, JavaScript and Bootstrap [Video]

This video is included in a Mapt subscription
Bartlomiej Potaczek

1 customer reviews
Start exploring the wider world of JavaScript with jQuery, and build exciting interactive web experiences
$0.00
$37.50
$29.99p/m after trial
RRP $124.99
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781786465979
Course Length2 hours and 11 minutes

Video Description

Once you've learned the JavaScript language,the aim of this course is to tackle and face the challenge of building rich full featured web apps remains. This course shows you how to harness your JavaScript knowledge, combine it with Bootstrap and jQuery, to build powerful modern UIs for your web apps. The web developers will able to graduate from a basic understanding of JavaScript web programming to being able to use the wide array of possibilities the jQuery library offers for web development. You will also get to know about Bootstrap framework and ES6 standard. It will also cover basic knowledge about DOM API.

Get to know about DOM Traversal and also about manipulation and how events respond to the user actions using jQuery. You will get to examine and implement animation using jQuery library to the web page.

The core capabilities of the library will be explored, including demonstrations of various points of DOM manipulation and traversal; using jQuery to manipulate events and change how the user interacts with the page; working with animations; AJAX calls, and more.

By the end of the video course, viewers will be able to build outstanding visual and interactive website experiences with their knowledge of jQuery, JavaScript and Bootstrap.

Style and Approach

You will start by creating a new foundation project boilerplate. Then you will setup a basic development environment in your project. To stay up to date with the modern javascript module bundler we will use webpack. Then you will add Bootstrap library to make your application responsive and mobile-first. After the bootstrapping process you will learn how to use filters and selectors which is a powerful set of tools for matching a set of elements in a document.

Then you will discover events methods, how to use it to register behaviors to take effect when the user interacts with the browser. Next you will learn several techniques for adding animation to a web page and methods that allows you to fetch remote data via AJAX.

Table of Contents

Project Bootstrapping
The Course Overview
Setting up Our Foundation Project
Setting up Webpack
Bootstrapping HTML and CSS Using Bootstrap
Adding Support for ES6
jQuery and the DOM
DOM Traversal, Manipulation and Events
Selectors and Filters
Create, Extract, and Manipulate Page Content
Browser Events and Document Loading
Event Handler
Interactive Page Content with Events
Effects and AJAX
Slideshow with Fadein/Fadeout Effects
Page Components Animation
AJAX Methods
Deferred Object
Summary

What You Will Learn

  • Learn to bootstrap basic web application with jQuery and Bootstrap
  • Setup a basic development environment using webpack
  • Get basic knowledge about DOM API
  • Understand when and why to use jQuery library
  • Learn to create, extract and manipulate page content with jQuery
  • Discover the events, how to use it to respond to the user actions using jQuery 
  • Learn amazing animation and effects with a jQuery build-in library
  • Learn to access remote data via AJAX

Authors

Table of Contents

Project Bootstrapping
The Course Overview
Setting up Our Foundation Project
Setting up Webpack
Bootstrapping HTML and CSS Using Bootstrap
Adding Support for ES6
jQuery and the DOM
DOM Traversal, Manipulation and Events
Selectors and Filters
Create, Extract, and Manipulate Page Content
Browser Events and Document Loading
Event Handler
Interactive Page Content with Events
Effects and AJAX
Slideshow with Fadein/Fadeout Effects
Page Components Animation
AJAX Methods
Deferred Object
Summary

Video Details

ISBN 139781786465979
Course Length2 hours and 11 minutes
Read More
From 1 reviews

Read More Reviews

Recommended for You

Learning  jQuery : Better Interaction Design and Web Development with Simple JavaScript Techniques Book Cover
Learning jQuery : Better Interaction Design and Web Development with Simple JavaScript Techniques
$ 27.99
$ 23.80
Beginning JavaScript and jQuery [Video] Book Cover
Beginning JavaScript and jQuery [Video]
$ 124.99
$ 37.50
Web Visualization with HTML5, CSS3, and JavaScript [Video] Book Cover
Web Visualization with HTML5, CSS3, and JavaScript [Video]
$ 74.99
$ 22.50
Django JavaScript Integration: AJAX and jQuery Book Cover
Django JavaScript Integration: AJAX and jQuery
$ 26.99
$ 22.95
Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile Book Cover
Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile
$ 26.99
$ 22.95