Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Web Development with AngularJS and Bootstrap
  • Table Of Contents Toc
Web Development with AngularJS and Bootstrap

Web Development with AngularJS and Bootstrap

By : Simeon Cheeseman
Buy this Video
close
close
Web Development with AngularJS and Bootstrap

Web Development with AngularJS and Bootstrap

By: Simeon Cheeseman
Buy this Video

Overview of this book

Learn to build responsive, dynamic web applications using AngularJS and Bootstrap. This course guides you step-by-step, starting from scratch and progressively adding features to a working app. You'll explore how AngularJS extends HTML with dynamic behavior, while Bootstrap provides sleek, responsive styling. Along the way, you’ll work with external AngularJS libraries, create custom components, and implement features like dynamic data binding, styling, multi-view pages, and AJAX form submission. Each lesson builds on the last, helping you master practical skills to build modern, interactive web apps. By the end, you’ll have a complete application and the confidence to create your own.
Table of Contents (6 chapters)
close
close
close
1
Getting Started: Strapping Your Boots
Icon
Course Overview
Icon
Using AngularJS with Bootstrap
Icon
Getting Started; “Hello, World”
2
Asking Users in a Good Way; Getting Inputs
chevron up
Icon
Introducing the Input
Icon
Validating Inputs
Icon
Taking a Closer Look at ngModel
Icon
Bonus: Angular-Better-Placeholders for Open Source UX
3
You Shall Not Pass! Respecting Requirements
Icon
Conditionally Disabling Buttons
Icon
Dealing with Forms
Icon
Submitting a Form via Ajax
Icon
Submission Feedback
4
Turning a New Leaf; Adding a Second Page
Icon
Routing – What, Why, and How
Icon
Routing Events
Icon
Sharing Data between Routes
Icon
Bonus – Animating the Route Changes
5
I Can See!! Displaying Data
Icon
ngRepeat – What and How
Icon
Filters for Display
Icon
Advanced Repeating
6
Shiny Trinkets! Adding Visual Spice
Icon
An Introduction to AngularStrap
Icon
Using AngularStrap 2
You're currently viewing a free sample. Access the full title and Packt library for free now with a free trial.
Chapter: 2
Asking Users in a Good Way; Getting Inputs
Icon This video is locked
Icon
Icon
0:00
2.0x
1.5x
1.25x
1.0x
0.5x
caption settings
caption off
Icon Icon
ShowHide Transcripts Icon
Section: 2
Validating Inputs
Use Bootstrap and AngularJS to show the user feedback on the input’s validity. - Get the styling we want from the Bootstrap site and make it appear on our page statically - Describe ng-class by referencing the AngularJS documents - Add the code to make the validations appear/disappear at the correct time
Visually different images
CONTINUE WATCHING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Web Development with AngularJS and Bootstrap
End of Section 2
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options
font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon