Learning Angular2 online – my experience…

To start with I would like to say that I am fairly new to Angular framework but knows JavaScript for a while now and knows a bit of JavaScript (SPA) frameworks as well,

I have started learning Angular2 back in December 2015, started with going through quite a few blogs, most of these blogs had same TodoMVC example with bit different design examples and most of them were written by developers who were already working with previous version  of Angular i.e. AngularJS and most of the time they skipped the basic explanations.
With Angular2 I realized that sometimes it would be hard for even an AngularJS developer to grasp few things which are totally new in Angular2. For example the concept of Annotation, no Scope and Component based architecture. No more MV* pattern, concept of web component is used.

I watched quite a few online videos, introducing Angular2 in the best possible way you can introduce some of the concept within 30min to 1hr long live presentations.

1 hr lunch session/webinar

Thanks for rangle.io they conducted quite a few sessions during January which I attended.

  • 1 hour lunch time sessions
  • Gave you the links to the recordings of sessions which you can watch again later.
  • Some of these sessions were covered from the standpoint of how you can jump to or convert your existing projects to Angular2.
  • They wrote a wonderful Angular 2 Training book available for free.
  • They still do lunch time 1 hr sessions from time to time. you can check on their website.

And then in last 2 months I attended 2 different types of online courses/events in Angular2 with both of them covering almost all the topics with bonus topics of Typescript and Packaging and unit testing.

1 to 2 days workshops/live event

Thanks to a free tickets to attend live event online from https://frontendmasters.com. It was great 2 day event from 9-5 and luckily I was off from office for whole week. So I was able to attend this live event online from home un-interrupted. Here is my assessment of attending the event:

  • Great introduction to almost all the topics which you need to know to work in Angular2. Presenter (Lukas Ruebbelke) were great, very knowledgeable.
  • They covered almost everything you can think of in straight 2 days with one or two bonus topics covered on 3rd day but it wasn’t available for online view.
  • It was a too much to consume in 2 days on the trot with no break(except for lunch break or 5/10min break between sessions) in between to retrospect upon stuff you are learning.
  • I would say It was great session to all the folks who had intermediate to advance knowledge of JavaScript and MV* frameworks. Presenters did explain every topic nicely but if you are new to some of the stuff it sometimes take time to really make a mental picture of concept and how it will work in the whole context of web app development.
  • Presenters did provide with github repository url and plunker url for all the solutions they covered in the event so for all developers who were not that good with npm stuff they had the option to go and get final solution from Github and try it later.
  • They also gave url to plunker for all the solutions/topics the presented in event so that if you were not able to grasp something you can go later and pick up the stuff from there.
  • For all registered paid members all the recorded videos of event were available for later dates.

6 weeks online course

In Feb 2016, I enrolled for a 6 week course with http://faratasystems.com/upcoming-training/ . It was done by Yakov and Anton they have written a book on angular 2 on meap

  • It was a great 6 week course with classes every Sunday morning for 3hours and 1hour every Saturday you go over the past week lesson project assignment.
  • All the topics of Angular2 were covered with detailed Introduction to the usage of Typescript and Webpack bundling and Unit testing in Angular2.
  • One of the best thing I liked was no prior knowledge of AngularJS was required, so you were explained everything as if you don’t know how things were working earlier in Angular and how it will work now. But you definitely needs to know how JavaScript works and what’s SPA(Single Page Application) architecture.
  • You had a full week within every new topic/lesson to go over what you have covered in the last topic and you can always discuss with presenter about the topic during project assignment go over on next Saturday.
  • The pace of course was slow if you are not new to some of advance concepts of JavaScript, so I would say it was best course for beginners with Angular2 with some JavaScript knowledge.
  • If you are coming from Java Enterprise background(server side developers) and trying to get up to speed with these SPA architecture of Angular2 in Front end space this course is best as you are not expected to know a lot of front end technologies during this course.

Some of the interesting blogs with better Angular2 insight:

All the best for all the developers who are looking forward to working with Angular2 and I hope some of the information provided above will be of some help to folks looking for some information to learn Angular2.

 

Moving on to FEE from Flash! a new Beginning…

It’s time to make a fresh beginning. Not that it’s starting today this day in 2016 but It started with my moving away from Flash Development to Front End Development in HTML5/CSS3/JavaScript.

12 Years of great work in various technologies related to Flash domain – Flash Media Server development/Wowza/Red5, creating some RIA applications using Flash Remoting with ASP.net, great eLearning projects, using Flash and then Flex to create a virtual conferencing application with whiteboard/audio/video stuff it was some fun for sure, (special thanks to authorGEN / WiZiQ where I did all that great work in flash) created some AIR apps as well. I was always encouraged to write my experiences in dealing with daily problems, as a result of which I started writing this blog and some wonderful problems and their solution.
Made some great online friends from all part of world through flash forums and blogs and mailing lists.

And with all that background I came to Canada in 2010 to work on games development in Flash in one small company. It was great learning curve. Great colleagues and it lasted whole 3years before the project I was working on closed down and I was looking for a job and there was not much in market to look around in Flash domain until you were serious Flash gamer with lot’s of C/C++ or Java skills.

It was lucky for me that I started my career in HTML/CSS/JavaScript back in 2000 and I was keeping up with technology on and off and did some pretty good applications in JavaScript in eLearning domain at the time when JavaScript was not as cool is it sounds now 🙂 and browsers were not as robust as they are now, with Chrome was not even born at that time. I was learning about HTML5, CSS3 responsive web designing stuff, Sass, using Cordova to create android apps and new developments in JavaScript. So was able to get another job fairly quickly in another company in FEE domain and that’s how I moved away from Flash and now working mainly in FEE space.

Recently I have been involved with HTML5, JavaScript, CSS3, Sass, Node, npm and lot of other Front End technologies. There are so many that you can’t keep up to speed with them. You start with one and within a month you realize that there something new technology in the market more trendy and claimed to be the best by many experts in the domain.

I read a little bit about all these MVVM or MV* frameworks like Backbone, AngularJS, EmberJs and found that all these frameworks gives you a functionality to create Single Page Application and it struck me that’s what I was doing in Flex 7-8yrs back :). With some added advantages (flash/flex developer knows) which are not there in these framework yet.

But these frameworks have an edge over flash for sure as Flash is no more relevant for browsers, mobiles never had flash player for browsers so you if you want to make same web app you have to go the app route making AIR app for phones and browser web site for Desktops. So it no more hold the advantage of develop once and deploy everywhere and moreover most of these JavaScript SPA frameworks have the advantage of community which once Flash used to had. With Angular2 & React we have seen a lot improved approach to SPA architecture with a focus to mobile app development using the same code base.

With HTML5 and responsive web designing concepts you can make same website viewable across the platform. (although it has some inherent issues where responsive websites can be pretty heavy for mobile browsers sometime if not designed properly)

Well I am hoping to share my experience in this new domain more frequently from now on…