Angular JS Revisited at NCCIA Conference

Posted on Updated on

On March 9th 2016, I attended NCCIA presentation at 9am with Michael Schore, Assitant Professor of Web Technologies at Wake Technical Community College, in RM235 in the 600 building at Rowan Cabarrus Community College in Salisbury, NC.

Don't engage Michael Schore in a political debate

Adventures in Angular JS

Pre-meeting discussions focused on participants, revealing that 2/3rds of the participants has experience teaching Javascript in a classroom setting.

Overview

  • State of the web
  • State of JS
  • Demand-driven offerings
  • The angular JS story
  • Demo
  • Changes on the horizon

After a brief overview, Michael Schore gave us a brief rundown of Wake Tech’s journey toward offering Angular JS.

At Wake Tech, we taught JQuery. It was successful, but we are always on the lookout to ensure our programs are up to speed if not at the cutting edge. Through school-driven benchmarking activities, we set out to determine: Are we were offering the proper programs?

He began by meeting with local headhunters in the Raleigh area. They are a great resource to use because those placement agencies see what the current needs and trends are in the workplace. Our college also participates in an advisory committee for each department to keep constant tabs on, but those businesses are small companies. The headhunters have tentacles everywhere, a great resource for the hiring world. After discussing with them the current needs in the workplace coupled with what we could create and provide, the need for Angular JS made it a clear choice.

NOTE: On The Horizon: Coming soon, we will see the birth and adoption of Angular JS 2.0. Just as with any 2.0 technology, the tech is adopted for major changes to take place. Google owns it: sponsoring, developing, etc. Angular 2.0 will be major force for changes in the future.

State of the Web

state of the web: adobe marketing cloud: woo woo


As this video demonstrates, there is a very fluid environment on the web. Its like watching a flock of birds and trying to prepare for the ebb and flow. The current state of the web is being heavily driven by mobile and personal devices. Wifi is everywhere, and don’t need a massive connection to access the internet. Many devices need only receive a carrier signal to access the internet.

As an Airforce IT Specialist, Micheal Schore had access to the web in early form in 80s. In the world on .NET “head hunters”, businesses are moving away from web forms, and moving toward MVC and other tech mixes. PHP remains a strong option, but the market for PHP programmers has become static. In the Triangle, NC the number 1 requested skill appears to be… JAVASCRIPT.

IF you had told me 10 years ago that JS would become a sought-after skill, I would have laughed in your face. MYSQL is usually relegated to the one-man, one-woman shop that picks up odd jobs and small clients.

Javascript may appear to be a flawed system, however, how it was initially implemented means that it can be anywhere. Its in every browser, every device. Right from the beginning.

Demand-Driven Offerings

Angular JS in the classroom began with Advisory Committee Requests. Through Benchmarking, Michale looked at how the local market needs were. He expanded by interviewing 3 prominent tech staffing firms. After providing them with an overview of our current programs, he sat down at length to discuss their current staffing needs. They then agreed to take it to the next level by discussing their vision of future needs.

Regardless of the base technology, angular JS was part of the mix. ASP.NET has made it almost mandarory to use ANGULAR JS. Java and Angular JS have a lot in common, but Angular JS alone is on the rise.

By changing Wake Tech’s advanced scripting course to Angular JS, we’ve begun filling our classes to the brim. This has brought with it the arrival of numerous new students.

Javascript Libraries vs. Frameworks

Libraries slot themselves into your existing architecture. frameworks give you an architecture (file structure, etc.) that you are meant to follow, and if you are intended to handle all common requirements you must use it.

Angular JS is arguably somewhere in betweeen library and framework. It doesn’t require a particular layout of files at development time (library-like), but at runtime it provides an “app lifecycle” that you fit your code in (framework-like).

Common JS frameworks include:
angjular js
backbone
batman
canjs
ember
knockout
meteor
spine

Where Is It Used?

If you know what you’re looking for, you can see the use of Angular JS in the code of several different websites. Of course, its JS-based, and you can see the markings in the code. If you’re building proprietary code, you wouldn’t want it to show, but that’s another issue. Visit madewithangular.com you can see items. OLDNAVY.com MSNBC.com and Cars.com are some good examples.

They all show lots of graphics, clean design, lots of white – know why? Because they’re ready for mobile phones! The common practice in business today – big business – is to develop for mobile devices first, and then the rest will be easy. Get past mobile issues and you can easily adjust your website for full size desktop models.

Where Is Angular JS Going?

Current payscale for users of Angular JS is very positive. That really helps. many times, students and web practicioners look at a new way of coding and find themselves saying: Is it really worth it? At this time it is, and down the line it looks like it will only get better.

Angular story.
Created in 2009 by Hevery and Abrons, Angular JS is an open source, client-side JS framework. While 2009 may not seem that far way, in internet time that was a long time ago. It was created as a declarative means to program, making it better for business logic. Hevery reworked the project in TROUBLE using Angular JS when hired by Google. As of now, Angular JS is in use at Google in over 100 projects.

Architecture

Angular JS is based on a Model-View-Controller (MVC) pattern. In demand by employers across the board, MVC continues to be the popular approach within the software development industry.

Actual implementation of MVC will vary depending on: language, platform, purpose. The benefits of this system is the clear separation between application layers, modular use of features, flexibility and testability of the pieces involved.

MVC

View
Also called “template”. Written entirely in HTML (surprise surprise!). Think web designers and JS programmers working side by side. Uses a directives mechanism.

Controller
Contains the business logic for the page. For very large apps some logic moved to services scope very important idea the aconnectys the view nad the controller login. Allows for exchanges

Model
new term createdd POJO (plain old javascript object

Setup
Starting Angular JS is very simple, requiring only the reference to the Angular JS file. Import is allowed over the network, it can be stored locally, or bring the code to your app (this is the standard mechanism for frameworks).

CODING Angular JS

Rather than get into the nuances, just follow: attach nagular directives to a given behavior. NG-app: responsible for bootstrapping your app defining its scope. NG-controller: defined which contrller will be in chage of your view. NG-references clue you in to the inclusion of Angular JS.

Where Is It Going?

Angular 2.0 probably coming by summer.

Mobile
The new angular will be focused on the develoment of maople apps. in 2009 it was not a big players. it is easy to handle desktop, the challenge in mobile

Modular
Various modules will be removed so you can pick and choose, resulting in better performance.

Modern
angular 2.0 will target ES6 and “evergreen” modern (etmascript – javascrip on steroids). Building for these browsers means that various hacks and workaround that make angular herder to develop can be eliminated allowing developer to focus on the code related to their business domain.

Progress is impossible with out change and those who cannot change their minds cannot change anything.

-George bernard shaw.

Advertisements