Course Overview
TOPIf 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
TOPWhat You'll Learn
TOPWe'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- HELLO, {{NAME}}
- Setting up
- Installing AngularJS and Bootstrap
- LET'S BUILD WITH ANGULARJS AND BOOTSTRAP
- Setting up
- Scaffolding
- FILTERS
- Applying a filter from the view
- Applying filters from JavaScript
- Building your own filter
- ROUTING
- Installing ngRoute
- Creating basic routes
- Routes with parameters
- The fallback route
- HTML5 routing or removing #
- Linking routes
- BUILDING VIEWS
- Populating the Index view
- Populating the Add Contact view
- Populating the View Contact view
- CRUD
- Read
- Create
- Update
- Delete
- ANGULARSTRAP
- Installing AngularStrap
- Using AngularStrap
- Utilizing AngularStrap's services
- Integrating AngularStrap
- CONNECTING TO THE SERVER
- Connecting with $http
- Connecting with ngResource
- Alternative ways of connecting
- USING TASK RUNNERS
- Installing Node and NPM
- Utilizing Grunt
- Utilizing gulp
- Restructuring our project
- CUSTOMIZING BOOTSTRAP
- Compiling Less with Grunt or gulp
- Less 101
- Customizing Bootstrap's styles
- The Bootstrap themes
- Where to find additional Bootstrap themes
- VALIDATION
- Form validation
- COMMUNITY TOOLS
- Batarang
- Inspecting the scope and properties
- ng-annotate
Prerequisites
TOPRequired: 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
TOPThis 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.