Building Web Apps with jQuery, JavaScript and Bootstrap
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Building Web Apps with jQuery, JavaScript and Bootstrap to your Wishlist.

Add to Wishlist

Building Web Apps with jQuery, JavaScript and Bootstrap

Start exploring the wider world of JavaScript with jQuery, and build exciting interactive web experiences
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3 students enrolled
Created by Packt Publishing
Last updated 8/2017
Current price: $10 Original price: $125 Discount: 92% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
  • Require the basics of knowledge of HTML, CSS and JavaScript.

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.

About The Author

Bartlomiej Potaczek is a Software Engineer working for Schibsted Tech Polska programming mostly in Javascript. He is a big fan of everything related to react world, functional programming and data visualisation.

He founded and created a portal that allows the user to learn to program in pair programming fashion. InitLearn help users to find a proper teacher that will devote all time especially for them. Lessons are conducted in pair programming fashion, using tools that allow teaching and learning to program in a collaborative way (e.g. Screenhero). He was involved in the backend of initLearn which is built on Spring Boot technology. The platform is hosted on Heroku. Frontend was created using ReactJS, Redux, Sass.

Besides programming, he practices football and Crossfit. "Talk is cheap. Show me the code.” - Linus Torvalds Currently, he is working on rewriting front end - Swedish most complete TV guide for over 200 channels. Also, recently worked on technologies such as react, react router, redux.

Who is the target audience?
  • The audience for this is primarily coming to this course because of the opportunity to graduate from using plain JavaScript to being able to develop sites and applications by incorporating the jQuery library. They know the basics of HTML, CSS and JavaScript, have heard about how popular and useful jQuery is, and want to start exploring it.
Compare to Other jQuery Courses
Curriculum For This Course
16 Lectures
Project Bootstrapping
6 Lectures 42:57

This video provides an overview of the entire course.

Preview 01:54

To bootstrap a new project initiate a simple project from scratch—project root and structure, and create a new project using generators.

Setting up Our Foundation Project

 To setup a development environment create a webpack configuration file and create dev server.           

Setting up Webpack

 What is a bootstrap framework, how to use it in the project? Provide specific loaders and plugin that make it work. 

Bootstrapping HTML and CSS Using Bootstrap

 What is a JavaScript ES6 standard and how to add support for it? Explain and provide specific loaders.           

Adding Support for ES6

What is a jQuery library, when and why use this library? What is a DOM and DOM API? Explain jQuery library—features that the library contains and when and why to use this library. Explain what is a DOM, DOM API and how we can use DOM API in the browser. 

jQuery and the DOM
DOM Traversal, Manipulation and Events
5 Lectures 40:36

How to select, filter elements from HTML? Using specific jQuery selector, select jQuery collection and using specific jQuery filter, filter jQuery collection.

Preview 06:16

How to change element CSSclass, attributes? How to manipulate DOM? How to set/get element attributes, properties? Use different types of jQuery methods.

Create, Extract, and Manipulate Page Content

What are events? What are browser events and document loading? Explain what are events, explain and use browser events jQuery methods, explain and use document loading jQuery method.

Browser Events and Document Loading

How to attach multiple events to the event handler? How to detach an event? How to trigger an event? Explain and use specific types of jQuery event handler attachment.

Event Handler

What is an event object? How to respond to user clicks and keyboard keys? Explain an event object, explain and use most common use jQuery mouse and keyboard events. 

Interactive Page Content with Events
Effects and AJAX
5 Lectures 47:51

How to do basic effects? How to create a simple slideshow? Explain basic jQuery effects and show examples, implement a simple slideshow using fadein and fadeout effects.

Preview 09:20

How to improve page elements with animation? How to use animate method? Explain animate method and properties, implement animation for page elements.

Page Components Animation

What is an AJAX? How to do a get and post request using the jQueryajax method? How to fetch remote data using the ajax method from football data org API? Explain what is an AJAX, show simple example of get and post request, using jQueryajax create a get request for teams data and players data.

AJAX Methods

What is a promise?What is a Deferred object?When to use Deferred objects? Briefly explain what is a promise, explain what is a Deferred object, explain Deferred object use cases, and show a couple of examples of using a Deferred object.

Deferred Object

How to improve our application in a development and production environment? How to improve application? What we did during the course? Add scripts to thepackage.json file, prepare webpack configuration for production, add Bootstrap modal component to application, and summarize what we did and what you learned during the course.

About the Instructor
Packt Publishing
3.9 Average rating
8,197 Reviews
58,920 Students
687 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.