Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! TypeScript/spec.md at master · Microsoft/TypeScript HTML5 Image Effects App – Adding Noise and Invert HTML5 Image Effects App – Adding Noise and Invert Today we continue HTML5 canvas examples, I hope you enjoy this series of articles. Even for me, working with graphics, images brings pleasure. Here are our demo and downloadable package: Live Demo download in package Ok, download the example files and lets start coding ! Step 1. Here are all html of my demo index.html What I did since last our version. Step 2. Here are used CSS styles. css/main.css Step 3. Since today I don`t will publich whole script code again and again, but will publish our new functions which we using. js/script.js We will generate colored noise. Invert function is pretty easy, we will subtract current color value from 255 (white). Conclusion Not bad, isn`t it? If you enjoy our articles, feel free to share our tutorials with your friends.
Angular 2.0 examples Author: Torgeir Helgevold Published: Sat Jun 06 2015 Viewed 18404 times Angular 2.0 is currently just available as an alpha release, but it's at least possible to use the alpha release as a way to get a feel for the general direction of the new framework. To learn more about new concepts I've created a repo for demoing some sample Angular 2.0 components I've created. I have put my code into a repo on GitHub, so feel free to check it out. I intend to add to this as I learn about new features, so stay tuned for more! Here is a live demo of the components. More details about individual components here: Angular 2.0 articles Update: The samples assume Angular version 2.0.0-alpha.44
Angular 2.0 Concerns Addressed at ng-conf 2015 After details of Angular 2.0 emerged in October 2014, the community uproar caught the Angular team by surprise. Angular core team members Brad Green and Igor Minar took to the stage at ng-conf 2015 to address these concerns. One of the biggest worries was about how long Google was going to support version 1.X. The team will look at the traffic to both sites, along with GitHub, in order to determine where the community is still invested. One of the biggest surprise features of Angular 2 was AtScript, the TypeScript superset used to build Angular 2 apps. A huge complaint about Angular 2 was that there was no migration path. As far as a ship date, Green mentioned that the first production Angular 2.0 app at Google will ship in May 2015. ng-conf 2015 is streaming live at www.ng-conf.org.
Getting Started with Angular 2.0 Recently Angularjs team has launched a 5 mins quick start tutorial on getting started with Angular 2.0. I have taken the same tutorial (with minor changes) and explained it below. There are a lot of blanks to be filled, but this is my first attempt at Angular 2.0. You can find the source code for the Hello World app built in this post here. So, let us get started with NG2.0. What is Angular 2.0? AngularJS 2 is a framework for mobile apps. You can read more about Angular 2.0 and its proposed features from here. 5min Tutorial by Angular Team Angular team has released a tutorial on how to get started, where they explain how to setup the project and run a simple Hello World example. We will follow the same here. To get started, create a new folder named ng2 and open a new terminal/prompt here. Make sure you have Git installed, and run git clone hello2ng2 This will clone the quick start project to hello2ng2 folder. Do notice the directory structure npm install