Angular Templates and Styles

Angular Templates and Styles

Angular performs it’s magic by the interaction of a component class instance and its user-facing template. The template is an important part of an Angular component, and in fact is absolutely necessary in order for the component to work. You can not omit the template file or definition. In Angular, the component acts as the controller or viewmodel, while the template represents the view itself. Additionally, Angular applications are styled with standard CSS.…

How To Create New Components In Angular Using The CLI

How To Create New Components In Angular Using The CLI

It turns out that when building your own new components in Angular, you can complete the process entirely by hand like we did in the Angular Component Tutorial. That was good for learning the details of what goes in to an Angular Component. Well we all like automation, and you can actually build a new Angular command automatically using the Angular CLI! That sounds awesome as less typing out code is a bonus in my book.…

AngularJS Component Tutorial

AngularJS Component File Structure

In the prior tutorial, we got a nice introduction to Angular JS and even used the Angular command line interface to get a project up and running. In this tutorial, we’ll look a little more closely at the code execution of an Angular application and the files that make up components in Angular. First we’ll add Bootstrap as a dependency to our project so that we can get some quick and easy styling right away.…

Introduction To AngularJS

AngularJS

What is Angular? Angular is a JavaScript Framework that helps you to build reactive Single Page Applications. In other words, a single page application gives the appearance of visiting and navigating an online web application that is served over the web. The URL in the browser window will change as you visit various links in the single page application, but all of this happens in the browser itself.…

CSS Transitions and Transformations

CSS Transitions and Transformations

As we have seen in the recent tutorials about CSS, many nice visual effects can be created on your web pages entirely in CSS with no Graphics or JavaScript required. In this tutorial we’ll take a look at the animation capabilities built right into CSS3 to make effects that were only possible with technologies like Flash in the past. We can begin by looking at CSS Transitions which make it easy to make changes to a style happen smoothly over time.…