Menu

Thursday, January 29, 2015

The Way of Angular


    Angular is a phenomenal javascript framework created by Google which makes the lives of us javascript developers easier...



Features:
  • Extends HTML with new attributes
  • Ideal for SPA (Single Page Applications)
  • Easy to learn

or, so I've been told...

   ...follow along as I explore some
of the core concepts of Angular.











Core Concept:

   MVC or MV*
(Model - View - Control   or  Model - View Whatever)






MVC stands for Model, View, Controller, 
a proven approach to organizing application code 
Model: That's the data; the business information of the application.
View: The HTML and presentation of the data. That's what the user sees and interacts with.
Controller: The connector that makes all the different pieces of our application work together. 
Angular likes to use MV* techniques, where the * stands for 'whatever' (often refered to as MVW). In other words, the Controller part is different to usual



Components of Angular:

Scopes & Directives:

One of the most fundamental parts of Angular is scopes. 
   
Scopes Explained

Scopes hold your Models (that's your data), 
    they cooperate with your Controllers, 
           and they give the Views everything they need (that's what the user sees and interacts with). 

     The first scope we'll need is the application scope, that's the scope your Angular application can operate in. This is set up in our HTML using the ng-app attribute.


Example: <html ng-app="myApp">

The name of our app is "myApp". 

The second scope is ng-controller
this will determine where our controller can operate. There can be multiple controllers within our application. Each controller will have its own scope. 


<div ng-controller="thisCtrl">

     <!-- anything in here is within thisCtrl scope -->
</div>


Both ng-app and ng-controller, are Angular directives. 
Think of an Angular directive as something that allows you to extend your HTML. 


To be continued......


Resources:

- Angular: https://angularjs.org/
- AngularJS Tutorial by Thinkful: http://www.thinkful.com/learn/angularjs-tutorial-build-a-gmail-clone/#Setup-Scopes-and-Directives













The Beginnings or the Way of a Web Developer

The beginnings... 

      I started my computer adventure with a Ti99a and a Trash80 more commonly called a Radio Shack TRS80. After that short lived adventure where I learned to program in BASIC, I was given an Apple II plus. With that I graduated to an Apple GS, opting it over the Mac. There ended my adventure with the Apples as I was convinced to get a DOS based 486 where upon delving into machine language, assembly and of course BASIC. Along with that was the modem wars with the ever pursuit of faster speeds moving from 300 baud working my way up to 56k, lightning speed! And the BBS’s!, lots of fond memories with those…then evolving to AOL. DOS died eventually to be replaced by Windows pc’s where I was mostly a gamer not really desiring to become a progammer. I was a hardware and Windows OS guy though, always the one being called to help with fixing the families and friends pc’s. So after spending many years working in the pizza delivery business I finally realized that I wanted to make a living with computers.

 The Way of a Web Developer... 

      I looked around and said, “I want to be a web developer.” Since then I have self-educated myself with the skills of being a web developer as I evolved acquiring the skills necessary to finally become an HTML5 developer. After a couple of companies and many freelance projects I have arrived at Mobiquity, Inc. Where I believe I have finally found a company I can believe in and who believes in me to achieve my desire to be a mobile app developer using HTML5.