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.…

Vue.js Express Tutorial

MEVN Tutorial

In this tutorial we are going to build a small project using the MEVN stack. MEVN is the acronym for MongoDB, Express, VueJS, and Node.js as the full stack application. MongoDB is our data storage mechanism, Express is the middleware to handle HTTP requests and routing, VueJS is the client side JavaScript to render data, and Node.js is the server our application will run on. As an added bonus, we’ll include a cool Bootswatch theme to make the CSS look good.…