tag:blogger.com,1999:blog-56451470614827349242024-03-13T03:14:15.012-07:00Collin McGarryHTML5 Web and App Developer & Warrior Zone Society OwnerAnonymoushttp://www.blogger.com/profile/05462258107584873287noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-5645147061482734924.post-82693904560441614902016-10-06T11:38:00.001-07:002016-10-06T11:39:17.885-07:00Hurricane Day from Hugo to Matthew - in memory of Kathleen and Brian JacksonToday hurricane Matthew is bearing down on Florida. For the first time in quite a while we are facing a major hurricane and many are scared and unsure. If you have never been through one it can be an eye opener. These events...hurricanes, earthquakes, tsunami's, they have a way of waking us up. Even if for a short period of time. We are woken out of our slumber from the activities of daily life or our routines. For a short period of time, we feel small and sometimes helpless against the forces of nature.<br />
<br />
So as I sit here working, coding, doing my thing when I ended up in a short conversation on Slack, a messaging system we use at work. As you can imagine the topic is the hurricane, Matthew to be exact. We are all joking about hurricane parties, For the first or second timers they are asking what to stock up on. Those of us who have been through a few of these offer advice and tell everyone to not panic. And really, we don't have much to panic about over here in Gainesville as we are a good distance from the ocean. Probably all we will get is rain, wind and maybe an occasional power outage...I hope. The most important recommendation is to stock up on beer. I have my Corona.<br />
<br />
Then the memories come. I start talking about sailboats and corona. Beaches and Islands which are always in my soul. I come full circle to an important event in my life. I mention to everyone that while I joking and believe in the hurricane party mentality I do take the storm seriously. I have a very good reason.<br />
<br />
My mom, dad, sister and I lived on a sailboat for many years of our lives. Thanks to Brian, my step dad, we were taken on many adventures on varying sailboats throughout a 10 year period of our lives. He was a boat builder and a captain. We move and sailed a lot spending the majority of the time in the Florida Keys and the Carribean as well as South Florida. We even sailed from England to the US over a two-year period of time visiting many places in between. But, that is another story...<br />
<br />
Fast forward to when I'm 21 and my sister Kelly is 20. I had just got home from Basic training and AIT. I had joined the US Army Reserve and had been gone for about 6-7 months with all the training. I had been visited by my mom, Kathleen and step-dad Brian about 2-weeks before up at Fort Gordon, GA. They had sailed up there and rented a car to come visit me. They weren't able to stay for my graduation because there was a storm brewing and they wanted to get further north to be sure they were in the clear. They were headed up to Charleston, SC to weather the storm as it passes.<br />
<br />
So, a week later I'm home with my sister. We shared an apartment in Orlando, FL. I hadn't been home for but a couple days when we get a call. If memory serves it was from our grandparents. We were told that our parents, Brian and Kathleen Jackson had been killed in a storm named Hurricane Hugo. They were on their sailboat at the time, a few miles inland, up-river, which is what anyone who owns a boat knows that is what you do. You take your boat far inland for safety. Far inland...they should have been safe. Brian was a master sailor. Not in a thousand years would we thought he would make a mistake on a sailboat. Not one that would get them killed.<br />
<br />
The sailboat was their retirement boat. With both Kelly and I off to college, they spent almost a year in dry dock working on this beautiful catamaran. When they came to see me in Georgia they had only been sailing her for a couple months or so. She had been named 'The Wave'. So the irony is that being a few miles inland, up-river and after having secured the boat best they could they were physically getting off the boat. At that moment, they were hit by a surge that traversed all the way up the river from the ocean. They were killed by a wave generated by Hurricane Hugo.<br />
<br />
Both my sister and I had it pretty rough after that. We both drifted apart doing out own things, both lost. It wasn't until I was in my thirties that I even began a career. Kelly pretty much did the same thing. We are both good now, probably the best we've been in a very long time.<br />
<br />
For anyone taking the time to read this, I just want to pass on one lesson that I learned. Probably the most important lesson ever. Always tell your loved one that you loved them. Never leave anything unsaid. Anyone from your life can be taken at any point in time. This is just life, death is part of it. Enjoy what you have now. Don't take it for granted. My grandparents, sister and I were all lucky. Mom and Brian had stopped and visited each of us before they were gone. We all had the chance to say 'we love you' before they were gone.<br />
<br />
So, today and with this storm bearing down on us I felt the need to express my love and to say how much I miss my parents. I can still picture both of them on a sailboat out there somewhere living the life of freedom and travel that they had chosen.<br />
<br />
I have this thing, I like to remember friends and family as they were. I like to remember the good memories. I avoid the funerals best I can. The last thing I want to remember about everyone are the good times. The happy times. It's all one can ask for in this life.<br />
<br />
<br />
-Collin McGarry<br />
<br />
<br />
In Memory of Kathleen Ann Jackson-McGarry-Kelly and Brian Arthur Jackson<br />
<br />
<br />
<br />
<a href="https://en.wikipedia.org/wiki/Hurricane_Hugo" target="_blank"> <img border="0" height="640" src="https://4.bp.blogspot.com/-6pwvLzEwr5Y/V_aXY_ZsmHI/AAAAAAAAB8M/0HmjhJKD3b4I8V_S5V6zIExMw9tT_RSyACK4B/s640/CapturFiles_1.png" width="558" /></a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/05462258107584873287noreply@blogger.com1Gainesville, FL, USA29.6516344 -82.32482619999996129.4309209 -82.647549699999956 29.872347899999998 -82.002102699999966tag:blogger.com,1999:blog-5645147061482734924.post-31781334735255497732016-02-12T13:52:00.001-08:002016-02-12T13:52:38.841-08:00Remington 870 Tactical<iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/V31zU1XREqU" width="480"></iframe>Anonymoushttp://www.blogger.com/profile/05462258107584873287noreply@blogger.com0tag:blogger.com,1999:blog-5645147061482734924.post-65044511595021443172015-04-16T11:43:00.001-07:002015-04-16T11:43:34.294-07:00What is an angularjs directive At times Angular can be very confusing, particularly those of us who come from a background of 'old school' javascript. Gone are the days of a bunch of functions. Now we have things like controllers, services/factories and directives, still functions just with added layers of complexity. Finding clear definitions and understandings of what each element is for can be difficult to find on the AngularJS website. Many of the tutorials online are dated back to Version 1.2, in other words, out dated. I was looking for an accurate definition of what a Directive is as it pertains to AngularJS and found this excellent definition on <a href="http://stackoverflow.com/questions/13875466/what-is-an-angularjs-directive/13898058#13898058" target="_blank">stackoverflow</a>. I have quoted and posted a link to the original post below that. Hopefully this will help some of the newcomers to AngularJS.<br />
<br />
<br />
______________________________________________<br />
<blockquote class="tr_bq" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 19.5px; margin-bottom: 1em; padding: 0px; widows: 1;">
<span style="font-size: large;"><b>What is an AngularJS Directive?</b><span style="background-color: transparent;"> </span></span></blockquote>
<blockquote class="tr_bq" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin-bottom: 1em; padding: 0px; widows: 1;">
<br /><b><i>What it is (see the clear definition of jQuery as an example)?</i></b></blockquote>
<br />
<blockquote class="tr_bq" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin-bottom: 1em; padding: 0px; widows: 1;">
A directive is essentially a function<sup style="border: 0px; font-size: 12px; margin: 0px; padding: 0px;">†</sup> that executes when the Angular compiler finds it in the DOM. The function(s) can do almost anything, which is why I think it is rather difficult to define what a directive is. Each directive has a name (like ng-repeat, tabs, make-up-your-own) and each directive determines where it can be used: element, attribute, class, in a comment.</blockquote>
<br />
<blockquote class="tr_bq" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin-bottom: 1em; padding: 0px; widows: 1;">
<sup style="border: 0px; font-size: 12px; margin: 0px; padding: 0px;">†</sup> A directive normally only has a (post)link function. A complicated directive could have a compile function, a pre-link function, and a post-link function.</blockquote>
<br />
<blockquote class="tr_bq" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin-bottom: 1em; padding: 0px; widows: 1;">
<b><i>What practical problems and situations is it intended to address?</i></b></blockquote>
<br />
<blockquote class="tr_bq" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin-bottom: 1em; padding: 0px; widows: 1;">
The most powerful thing directives can do is extend HTML. Your extensions are a <a href="http://en.wikipedia.org/wiki/Domain-specific_language" style="border: 0px; color: #0c65a5; cursor: pointer; margin: 0px; padding: 0px; text-decoration: none;">Domain Specific Language</a> (DSL) for building your application. E.g., if your application runs an online shopping site, you can extend HTML to have "shopping-cart", "coupon", "specials", etc. directives -- whatever words or objects or concepts are more natural to use within the "online shopping" domain, rather than "div"s and "span"s (as @WTK already mentioned).<br />Directives can also componentize HTML -- group a bunch of HTML into some reusable component. If you find yourself using ng-include to pull in lots of HTML, it is probably time to refactor into directives.</blockquote>
<br />
<blockquote class="tr_bq" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin-bottom: 1em; padding: 0px; widows: 1;">
<b><i>What design pattern does it embody, or alternatively, how does it fit into the purported MVC/MVW mission of angularjs</i></b></blockquote>
<br />
<blockquote class="tr_bq" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin-bottom: 1em; padding: 0px; widows: 1;">
Directives are where you manipulate the DOM and catch DOM events. This is why the directive's compile and link functions both receive the "element" as an argument. </blockquote>
<br />
<blockquote class="tr_bq" style="background-color: white; border: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin-bottom: 1em; padding: 0px; widows: 1;">
You can<ul style="background-color: white; border: 0px; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin: 0px 0px 1em 30px; padding: 0px; widows: 1;">
<li style="border: 0px; margin: 0px 0px 0.5em; padding: 0px; word-wrap: break-word;">define a bunch of HTML (i.e., a template) to replace the directive</li>
</ul>
<ul style="background-color: white; border: 0px; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin: 0px 0px 1em 30px; padding: 0px; widows: 1;">
<li style="border: 0px; margin: 0px 0px 0.5em; padding: 0px; word-wrap: break-word;">bind events to this element (or its children)</li>
</ul>
<ul style="background-color: white; border: 0px; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin: 0px 0px 1em 30px; padding: 0px; widows: 1;">
<li style="border: 0px; margin: 0px 0px 0.5em; padding: 0px; word-wrap: break-word;">add/remove a class</li>
</ul>
<ul style="background-color: white; border: 0px; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin: 0px 0px 1em 30px; padding: 0px; widows: 1;">
<li style="border: 0px; margin: 0px 0px 0.5em; padding: 0px; word-wrap: break-word;">change the text() value</li>
</ul>
<ul style="background-color: white; border: 0px; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin: 0px 0px 1em 30px; padding: 0px; widows: 1;">
<li style="border: 0px; margin: 0px 0px 0.5em; padding: 0px; word-wrap: break-word;">watch for changes to attributes defined in the same element (actually it is the attributes' values that are watched -- these are scope properties, hence the directive watches the "model" for changes)</li>
</ul>
<ul style="background-color: white; border: 0px; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin: 0px 0px 1em 30px; padding: 0px; widows: 1;">
<li style="border: 0px; margin: 0px 0px 0.5em; padding: 0px; word-wrap: break-word;">etc.</li>
</ul>
<hr style="background-color: #dddddd; border: 0px; color: #dddddd; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; height: 1px; line-height: 19.5px; margin-bottom: 20px; widows: 1;" />
<span style="background-color: white; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; widows: 1;">In HTML we have things like </span><code style="background-color: #eeeeee; border: 0px; color: #222222; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap; widows: 1;"><a href="..."></code><span style="background-color: white; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; widows: 1;">, </span><code style="background-color: #eeeeee; border: 0px; color: #222222; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap; widows: 1;"><img src="..."></code><span style="background-color: white; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; widows: 1;">, </span><code style="background-color: #eeeeee; border: 0px; color: #222222; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap; widows: 1;"><br></code><span style="background-color: white; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; widows: 1;">, </span><code style="background-color: #eeeeee; border: 0px; color: #222222; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif; font-size: 13px; margin: 0px; padding: 1px 5px; white-space: pre-wrap; widows: 1;"><table><tr><th></code><span style="background-color: white; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; widows: 1;">. How would you describe what a, href, img, src, br, table, tr, and th are? That's what a directive is.</span></blockquote>
<div style="background-color: white; border: 0px; clear: both; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19.5px; margin-bottom: 1em; padding: 0px; widows: 1;">
</div>
<br />
<br />
<br />
<br />
<br />
Source: http://stackoverflow.com/questions/13875466/what-is-an-angularjs-directive/13898058#13898058Anonymoushttp://www.blogger.com/profile/05462258107584873287noreply@blogger.com0tag:blogger.com,1999:blog-5645147061482734924.post-9322499955371726462015-01-29T20:28:00.001-08:002015-01-29T20:28:09.993-08:00The Way of Angular<a href="https://angularjs.org/img/AngularJS-large.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="56" src="https://angularjs.org/img/AngularJS-large.png" width="200" /></a><br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<span style="font-size: large;">A</span>ngular is a phenomenal javascript framework created by Google which makes the lives of us javascript developers easier...</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<blockquote class="tr_bq">
<br />
<b><span style="font-size: large;">Features</span>:</b><br />
<ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<li style="text-align: left;"><i>Extends HTML with new attributes</i></li>
</ul>
<ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<li style="text-align: left;"><i>Ideal for SPA (Single Page Applications)</i></li>
</ul>
<ul>
<li style="text-align: left;"><i>Easy to learn</i></li>
</ul>
</blockquote>
<br />
<div style="text-align: center;">
or, so I've been told...</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
...follow along as I explore some<br />
of the core concepts of Angular.<br />
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.glenn-packer.net/Technology/GetImage/41" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.glenn-packer.net/Technology/GetImage/41" height="228" width="320" /></a></div>
<span style="background-color: yellow;"><b><br /></b>
</span><br />
<span style="background-color: yellow;"><b><br /></b></span>
<span style="background-color: yellow;"><b><br /></b></span>
<span style="background-color: yellow;"><b><br /></b></span>
<span style="background-color: yellow;"><b><br /></b></span>
<br />
<hr />
<b><br /></b>
<b><u><span style="font-size: large;">C</span>ore Concept:</u></b><br />
<br />
<div style="text-align: center;">
<b><i>MVC or MV*</i></b></div>
<div style="text-align: center;">
<i><b>(</b>Model - View - Control or Model - View Whatever<b>)</b></i></div>
<br />
<blockquote class="tr_bq">
<a href="https://www.blogger.com/blogger.g?blogID=5645147061482734924" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=5645147061482734924" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a><a href="https://www.blogger.com/blogger.g?blogID=5645147061482734924" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=5645147061482734924" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a><a href="https://www.blogger.com/blogger.g?blogID=5645147061482734924" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="https://www.blogger.com/blogger.g?blogID=5645147061482734924" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a><a href="https://www.blogger.com/blogger.g?blogID=5645147061482734924" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /></a><a href="webkit-fake-url://b7c49403-26db-4f12-a382-868c72b30d3b/image.tiff" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="webkit-fake-url://b7c49403-26db-4f12-a382-868c72b30d3b/image.tiff" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><br />
<blockquote class="tr_bq">
<div style="text-align: center;">
MVC stands for Model, View, Controller, </div>
<div style="text-align: center;">
a proven approach to organizing application code </div>
</blockquote>
</blockquote>
<blockquote class="tr_bq">
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Model:</span> That's the data; the business information of the application.<br />
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">View:</span> The HTML and presentation of the data. That's what the user sees and interacts with.<br />
<span style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 600; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Controller:</span> The connector that makes all the different pieces of our application work together. </blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">Angular likes to use MV* techniques, where the * stands for 'whatever' (often refered to as </span><a href="http://stackoverflow.com/questions/13329485/mvw-what-does-it-stand-for" style="background-color: white; border: 0px; color: #66b6cd; font-family: Helvetica; font-size: 14px; font-stretch: inherit; line-height: 21px; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">MVW</a><span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">). In other words, the Controller part is different to usual</span></blockquote>
<br />
<hr />
<br />
<b><u><span style="font-size: large;">C</span>omponents of Angular:</u></b><br />
<br />
<b>Scopes & Directives:</b><br />
<br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">One of the most fundamental parts of Angular is scopes. </span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"> </span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><b><i>Scopes Explained </i></b>- </span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">Scopes hold your Models (that's your data), </span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"> they cooperate with your Controllers, </span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"> and they give the Views everything they need (that's what the user sees and interacts with). </span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"> 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 </span><span class="neutral-code" style="background-color: white; border: 0px; color: #444444; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; font-stretch: inherit; line-height: 21px; margin: 10px 0px 0px; padding: 0px; vertical-align: baseline;">ng-app</span><span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"> attribute.</span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<br />
<div style="text-align: left;">
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">Example: </span><span style="background-color: #ecf6f9; color: #006666; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;"><</span><span class="title" style="background-color: #ecf6f9; border: 0px; color: #000088; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; font-stretch: inherit; line-height: 21px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;">html</span><span style="background-color: #ecf6f9; color: #006666; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;"> </span><span class="attribute" style="background-color: #ecf6f9; border: 0px; color: #660066; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; font-stretch: inherit; line-height: 21px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;">ng-app</span><span style="background-color: #ecf6f9; color: #006666; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;">=</span><span class="value" style="background-color: #ecf6f9; border: 0px; color: #008800; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; font-stretch: inherit; line-height: 21px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;">"myApp"</span><span style="background-color: #ecf6f9; color: #006666; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;">></span></div>
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<span style="color: #444444; font-family: Helvetica;"><span style="background-color: white; font-size: 14px; line-height: 21px;">The name of our app is "myApp". </span></span><br />
<span style="color: #444444; font-family: Helvetica;"><span style="background-color: white; font-size: 14px; line-height: 21px;"><br /></span></span>
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">The second scope is </span><span class="neutral-code" style="background-color: white; border: 0px; color: #444444; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; font-stretch: inherit; line-height: 21px; margin: 10px 0px 0px; padding: 0px; vertical-align: baseline;">ng-controller</span><span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">; </span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">this will determine where our controller can operate. There can be multiple controllers within our application. Each controller will have its own scope. </span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<br />
<div style="text-align: left;">
<span style="color: #006666; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;"><</span><span class="title" style="border: 0px; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;">div</span><span style="color: #006666; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;"> </span><span class="attribute" style="border: 0px; color: #660066; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;">ng-controller</span><span style="color: #006666; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;">=</span><span class="value" style="border: 0px; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;">"thisCtrl"</span><span style="color: #006666; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;">></span></div>
<span style="background-color: #ecf6f9; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;"></span><br />
<div style="text-align: left;">
<span style="background-color: #ecf6f9; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;"><span class="comment" style="background-color: transparent; border: 0px; color: #880000; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> <!-- anything in here is within thisCtrl scope --></span></span></div>
<span style="background-color: #ecf6f9; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; line-height: 21px; white-space: pre;">
</span><span class="tag" style="border: 0px; color: #006666; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; font-stretch: inherit; line-height: 21px; margin: 0px; padding: 0px; vertical-align: baseline; white-space: pre;"><div style="text-align: left;">
</<span class="title" style="border: 0px; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></div>
</span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span><span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">Both </span><span class="neutral-code" style="background-color: white; border: 0px; color: #444444; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; font-stretch: inherit; line-height: 21px; margin: 10px 0px 0px; padding: 0px; vertical-align: baseline;">ng-app</span><span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"> and </span><span class="neutral-code" style="background-color: white; border: 0px; color: #444444; font-family: inconsolata, source-code-pro, 'Courier New', Courier, monospace; font-size: 14px; font-stretch: inherit; line-height: 21px; margin: 10px 0px 0px; padding: 0px; vertical-align: baseline;">ng-controller</span><span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">, are Angular directives. </span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">Think of an Angular directive as something that allows you to extend your HTML. </span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><b><i>To be continued......</i></b></span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><i>Resources:</i></span><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">- Angular: </span><a href="https://angularjs.org/">https://angularjs.org/</a><br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;">- AngularJS Tutorial by </span><span style="color: #444444; font-family: Helvetica;"><span style="font-size: 14px; line-height: 21px;">Thinkful: </span></span><a href="http://www.thinkful.com/learn/angularjs-tutorial-build-a-gmail-clone/#Setup-Scopes-and-Directives">http://www.thinkful.com/learn/angularjs-tutorial-build-a-gmail-clone/#Setup-Scopes-and-Directives</a><br />
<br />
<br />
<br />
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Helvetica; font-size: 14px; line-height: 21px;"><br /></span>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />Anonymoushttp://www.blogger.com/profile/05462258107584873287noreply@blogger.com0tag:blogger.com,1999:blog-5645147061482734924.post-40355081617420470142015-01-29T18:04:00.000-08:002015-01-29T18:04:24.477-08:00The Beginnings or the Way of a Web Developer<b><i>The beginnings... </i></b><br />
<br />
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.<br />
<br />
<b><i>The Way of a Web Developer... </i></b><br />
<br />
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.Anonymoushttp://www.blogger.com/profile/05462258107584873287noreply@blogger.com0tag:blogger.com,1999:blog-5645147061482734924.post-45203938395171651612013-11-19T21:07:00.000-08:002015-01-28T08:13:26.139-08:00Welcome to my realityWelcome to my personal blog!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-T5OLcAtR8u8/UoxCyW-p3ZI/AAAAAAAAAK4/U4xAEdFmth8/s1600/Shinobi.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-T5OLcAtR8u8/UoxCyW-p3ZI/AAAAAAAAAK4/U4xAEdFmth8/s320/Shinobi.jpg" width="230" /></a></div>
<br />
This is my central location from which I will keep the world updated on my activities, projects, other blogs and websites.<br />
<br />
I'm into many things and many projects such as:<br />
<br />
<br />
<ul>
<li>Warrior Zone which is my training group for my school and those training in Warrior Zone where we play and experiment with Ninjutsu, Combat skills, Mental training, Body weight training, Brain enhancement, Free running, etc</li>
</ul>
<ul>
<li>I am a Front End Web Developer</li>
</ul>
<ul>
<li>Mobile app development</li>
</ul>
<ul>
<li>Blogging and affiliate marketing</li>
</ul>
<ul>
<li>and so much more...</li>
</ul>
<div>
Stop by, visit often. Welcome to my reality.</div>
Anonymoushttp://www.blogger.com/profile/05462258107584873287noreply@blogger.com0