logo


your one source for IT & AV

Training Presentation Systems Services & Consulting Cloud Services Purchase Client Center Computer Museum
Arrow Course Schedule | Classroom Rentals | Student Information | Free Seminars | Client Feedback | Partners | Survey | Standby Discounts

Web Development with Bootstrap and AngularJS

SS Course: 9000348

Course Overview

TOP

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. 

                                                                  

Scheduled Classes

TOP

What You'll Learn

TOP

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.

Outline

TOP
Viewing outline for:
    1. HELLO, {{NAME}}
      1. Setting up
      2. Installing AngularJS and Bootstrap
    2. LET'S BUILD WITH ANGULARJS AND BOOTSTRAP
      1. Setting up
      2. Scaffolding
    3. FILTERS
      1. Applying a filter from the view
      2. Applying filters from JavaScript
      3. Building your own filter
    4. ROUTING
      1. Installing ngRoute
      2. Creating basic routes
      3. Routes with parameters
      4. The fallback route
      5. HTML5 routing or removing #
      6. Linking routes
    5. BUILDING VIEWS
      1. Populating the Index view
      2. Populating the Add Contact view
      3. Populating the View Contact view
    6. CRUD
      1. Read
      2. Create
      3. Update
      4. Delete
    7. ANGULARSTRAP
      1. Installing AngularStrap
      2. Using AngularStrap
      3. Utilizing AngularStrap's services
      4. Integrating AngularStrap
    8. CONNECTING TO THE SERVER
      1. Connecting with $http
      2. Connecting with ngResource
      3. Alternative ways of connecting
    9. USING TASK RUNNERS
      1. Installing Node and NPM
      2. Utilizing Grunt
      3. Utilizing gulp
      4. Restructuring our project
    10. CUSTOMIZING BOOTSTRAP
      1. Compiling Less with Grunt or gulp
      2. Less 101
      3. Customizing Bootstrap's styles
      4. The Bootstrap themes
      5. Where to find additional Bootstrap themes
    11. VALIDATION
      1. Form validation
    12. COMMUNITY TOOLS
      1. Batarang
      2. Inspecting the scope and properties
      3. ng-annotate

 

Prerequisites

TOP

Required: 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.

    Who Should Attend

    TOP

    This course is designed for beginning Angular users and for individuals already using the language who want to learn important aspects that they may have missed in their own study. Beginners with a knowledge of HTML and JavaScript should have sufficient background for this course.

    Next Step Courses

    TOP