Welcome to ONLC Training Centers
Welcome to ONLC Training Centers


Web Development with Bootstrap and AngularJS Course Outline

 (4 days)

Overview
If you're ready to progress your web development skills past HTML and CSS, this class will give you everything you need to build your own web app. You'll be taught the basics of Bootstrap and AngularJS, taking an in-depth look at what makes up each framework. After you've mastered the concepts, you'll put it into action as you build a contact manager throughout the course.

We'll look at filters, routing, and views for your app and will teach you to utilize CRUD (Create, Read, Update, and Delete) to develop further. You'll learn how to connect your app to the server, customize Bootstrap, and build a directive. Along the way we'll touch on additional technologies such as Less, gulp, Grunt, and AngularStrap. Finally, we'll take a look at potential stumbling blocks and will give you tips to avoid them.

Audience
This four-day course is designed for the either beginning Angular users or individuals who have been using the language for a while. Beginners with a knowledge of HTML and JavaScript are should have sufficient background for this course. In addition, individuals already using Angular can learn many important aspects of Angular that they missed in their own study.

Prerequisites
Before attending this course, students should have general programming experience and knowledge of HTML, CSS and JavaScript. Non-programmers won’t keep up with the programming aspects of the class and should not attend.

Course Outline

1: HELLO, {{NAME}}
Setting up
Installing AngularJS and Bootstrap

2: LET'S BUILD WITH ANGULARJS AND BOOTSTRAP
Setting up
Scaffolding

3: FILTERS
Applying a filter from the view
Applying filters from JavaScript
Building your own filter

4: ROUTING
Installing ngRoute
Creating basic routes
Routes with parameters
The fallback route
HTML5 routing or removing #
Linking routes

5: BUILDING VIEWS
Populating the Index view
Populating the Add Contact view
Populating the View Contact view

6: CRUD
Read
Create
Update
Delete

7: ANGULARSTRAP
Installing AngularStrap
Using AngularStrap
Utilizing AngularStrap's services
Integrating AngularStrap

8: CONNECTING TO THE SERVER
Connecting with $http
Connecting with ngResource
Alternative ways of connecting

9: USING TASK RUNNERS
Installing Node and NPM
Utilizing Grunt
Utilizing gulp
Restructuring our project

10: CUSTOMIZING BOOTSTRAP
Compiling Less with Grunt or gulp
Less 101
Customizing Bootstrap's styles
The Bootstrap themes
Where to find additional Bootstrap themes

11: VALIDATION
Form validation

12: COMMUNITY TOOLS
Batarang
Inspecting the scope and properties
ng-annotate

View outline in Word

XWDBAJ

Attend hands-on, instructor-led Web Development with Bootstrap and AngularJS training classes at ONLC's more than 300 locations. Not near one of our locations? Attend these same live classes from your home/office PC via our Remote Classroom Instruction (RCI) technology.

For additional training options, check out our list of Courses and select the one that's right for you.

Microsoft Gold Partner
Class Dates
(click date for class times)
(click Enroll for locations)

Fee:  $2100

Savings options:

 15 Day Pass
 CEA Tech Saver
Need a price quote?

Follow the link to our self-service price quote form to generate an email with a price quote.

Email Alert

Receive an email when this class is available as "Ready to Run" or "Early Notice" status.

Attend from your office or home

If you have high-speed internet and two computers you can likely take this class from your office or home.

Need a class for a group?

We can deliver this class for a private group at your location. Follow the link to request more information.

Attend computer classes from ONLC Training Centers Request a copy via mail

GENERAL INFO

Class Format
Class Policies
Student Reviews

Bookmark and Share


HAVE QUESTIONS?
First Name

Last Name

Company

Phone

Email

Location

Question/Comment



ONLC TRAINING CENTERS
800-288-8221
www.onlc.com