Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
This video course will take you through a journey of building your first web application with AngularJS and Bootstrap. Each video will build on the functionality already learned in the previous video, always leaving you with a new feature of the running application.
Starting with no knowledge of AngularJS or Bootstrap, you will build up your knowledge through practical examples covered throughout the course. You will cover topics including external libraries to improve the ease of use, dynamic data bindings, dynamic styling, multi-view pages, form feedback, and AJAX form submission.
By the end of the video course, you will be able to successfully build a fully functioning web application.
About the Author
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Getting Started: Strapping Your Boots|
An overview of the course will be presented, and the presenter will be introduced.
How Bootstrap and AngularJS improve the classic HTML Input field?
|Set up a very basic AngularJS and Bootstrap web page as a basis for the rest of the course.|
|Section 2: Asking Users in a Good Way; Getting Inputs|
|Introduce the input as read by Bootstrap and AngularJS.|
|Use Bootstrap and AngularJS to show the user feedback on the input's validity.|
|What is ngModel and how can it be used?|
Integrating open-source libraries into your application.
|Section 3: You Shall Not Pass! Respecting Requirements|
Use AngularJS and Bootstrap to prevent a user from clicking a button when the form is invalid.
|Understanding form and ng-submit and how they relate relate to how the data is sent.|
How to submit a form via Ajax over the $http service and how to simulate this for testing?
|Use feedback to display the current state of the form and its submission process.|
|Section 4: Turning a New Leaf; Adding a Second Page|
What is routing and why do we need it?
How to make a route change and react to it?
Use a service to share data between routes.
Use CSS animations to give nice transitions to route changes.
|Section 5: I Can See!! Displaying Data|
|Use ng-repeat to display an array of objects.|
|Use the filters to display the data in a more user friendly way.|
|Using buttons and input inside ng-repeat to interact with the data.|
|Section 6: Shiny Trinkets! Adding Visual Spice|
|What is AngularStrap and how do we use it?|
Using AngularStrap to create a better user interface for the user.
Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.