For a business seeking to create a great app or even a beginning web developer, many of them will find the Angular framework. For these people, the Angular 2 developer, many questions arise concerning the use of Angular 2 in app development, both browser-based and mobile. The following seeks to answer several of these questions and give an overview of the Angular development platform. Continue reading What is Angular 2? FAQs for Beginers
This is just a big dump of everything I find to be useful with getting started and working on angular 2 web applications.
- Official docs: https://angular.io/docs/ts/latest/
- Official chat room: https://gitter.im/angular/angular
- Angular 2 github repo: https://github.com/angular/angular
- Angular 2 release notes: https://github.com/angular/angular/blob/master/CHANGELOG.md
- Weekly team meeting notes: https://docs.google.com/document/d/150lerb1LmNLuau_a_EznPV1I1UHMTbEl61t4hZ7ZpS0/edit
These can be great to look at when trying to update angular 2 to the latest version and stuff just isn’t working. View the changelogs and see what others changed to update their projects to latest.
- My preferred module library: https://github.com/systemjs/systemjs
- Build tool: https://github.com/systemjs/builder
- My six month angular 2 review: http://www.unitydatasystems.com/blog/2016/03/15/angular-2-six-month-review/
Third Party Components
It’s been about six months since I picked up angular 2 to evaluate for my last consulting project. That project has wrapped up recently, and my next gig is going to be more straight .net focused.
I wanted to write a quick post outlining the pros/cons of angular 2 from my perspective of spending the past several months building an application with it.
Often when doing a file upload, I want to get an ID value back from a database insert. Valor software’s ng2-file-upload is great for uploading multiple files to an endpoint, but doesn’t accept return values.
In this article I’ll look at how to do a simple single file upload using angular 2 and web api. Our example scenario is uploading a thumbnail image for a news article.
This morning I started to look at putting some charts on an Angular 2 site. I was expecting to use HighCharts and do something similar to how I integrated with tinymce. I always run a quick search before building something new to see if there’s any libraries/snippets/info on the web that might be useful or teach me a better way to look at the problem.
A common scenario is needing to nest tabular data on a website. Maybe you’re grouping sales data by country/state or wanting to expand a table row to see someone’s contact details.
The results might look something like this:
Last week I setup ludohenin’s inlineNg2Template in a gulp build in an effort to improve my app’s performance. I got some improvements but decided I needed to look at bundling the app for better gains. SystemJS-Builder is a package which will allow us to pre-compile the app into one file and hopefully see a big drop in load times.
Here’s where we’re at currently.
This should reduce the amount of http requests and hopefully load time as well. To load the homepage, my site is making 404 http requests, transferring 2.2Mb of data, and takes 5.31s to load. I’d like to bring the initial page load time down to 1s or less if possible.
Showing a blob of html in a wysiwyg editor is a pretty common use case when building a site.
Today we’re going to look at how you can make use of the tinyMCE editor in an angular 2 app.
Browser caching of files yields major performance benefits, reduced network usage, decreased load times etc.
Today we’re going to look at a simple way to achieve versioning in an angular 2 app using a query string parameter.