A Better Way to Learn AngularJS - Thinkster

AngularJS Tutorial: Learn to Build Modern Web Apps with MEAN - Thinkster The goal of this tutorial is to guide you through the creation of a Reddit/Hacker News clone using the MEAN stack. By completing this tutorial, you will gain a basic understanding of the MEAN stack including building a REST interface with Express.js on top of Node.js and using that interface to perform CRUD operations on a database via an AngularJS frontend. Why MEAN Stack? The acronym "MEAN" stands for "MongoDB Express.js AngularJS Node.js" and represents a group of technologies which are known to synergize well together. Prerequisites This course assumes knowledge of programming and at least basic knowledge of JavaScript. Recommendations for Completing this Tutorial Throughout the course of this tutorial, links to additional concepts and information will be included. We at Thinkster are firm believers in actually writing code. Project Specifications Before beginning work on any project, it's usually a good idea to know what you're building. Without further ado, let's jump in... if(! Recap

Build Web Apps with AngularJS and Rails 4 - Thinkster The goal of this tutorial is to guide you through the creation of a Reddit/Hacker News clone using Rails 4 and AngularJS. By completing this tutorial, you will gain a basic understanding of Rails and AngularJS, using Rails to build a JSON REST API that interacts with an AngularJS frontend. Prerequisites This course assumes knowledge of programming and at least basic knowledge of JavaScript and Ruby, and you should be comfortable with basic web application concepts including REST and CRUD. Before you begin, you will also need to have Node.js and Rails already installed. Recommendations for Completing this Tutorial Throughout the course of this tutorial, links to additional concepts and information will be included. We at Thinkster are firm believers in actually writing code. Project Specifications Before beginning work on any project, it's usually a good idea to know what you're building. To begin this tutorial, we're going to start with the Angular side of things. Getting Started if(! Recap

Things I have learned working with AngularJS | Código Vivo You need to know its “core” very well. i.e. Dependency Injection, Double binding, Directives. I think of them as the three pillars of AngularJs Dependency Injection It´s the heart of angular used to organize the code in single units of functionality/responsibility and to make it Testable!!!! What is the minimum you should know? The Concept: What is IoC? Double Binding Angular double binding is one of the concepts that people get sooner but at the same time don´t really fully understand how to use it. Understand the reason behind it. Directives Directives are hard to build, to maintain and to some extend to test. Many people ask how can you build complex directives and In my opinion the best answer is Don´t build complex directives. I should clarify this a bit. Complex UI components should be seen as a set of directives and services that work together to bring the components’ functionality to work. Understand all the possible properties of a directives definition object. Unit Testing Updated

Building a Chat App with node-webkit, Firebase, and AngularJS In this post we are going to build a desktop based chat application named vTak. We will use node-webkit to power the core desktop app and Firebase as our realtime data store. We will be using a slush generator named slush-wean to scaffold a basic node-webkit/Express/Angular app. The final product will look something like the following figure. Prerequistes If you are new to node-webkit, please refer to the following resources: Node Webkit – Build Desktop Apps with Node and Web TechnologiesNode Webkit powered Dashboard applicationNode webkit and Angularjs – A MovieStub App If you are new to Firebase, you should check out the following resources: Getting started with Firebase I would recommend using Sublime text while working with node-webkit apps. The Application Getting Started To build the application base, we are going to leverage a slush generator named slush-wean. Create a new folder named vTak and open a new terminal/prompt here. To scaffold the wean app, run slush wean. A quick overview:

Things I Wish I Were Told About Angular.js Recently I have worked on a project using Angular.js. As of writing this post, it’s a medium sized app (~10 modules, ~20 controllers, ~5 services and ~10 directives) with quite decent test coverage. When I look back, I find myself learning much more about Angular.js than before. It’s not a smooth ride: I’ve gone through lots of refactor and rewrite. And there are lots of things I wish I were told before I started to work on Angular.js Heads up! About Learning Curve Angular.js has a very different learning curve from Backbone.js. However, Angular.js is very different. The problem is when you dive into Angular.js and start to write some serious app, the learning curve suddenly becomes very steep and its documentations are either incomplete or cumbersome. Understand Modules Before You Start Angular.js does not force you to use its module system. So I had to stop and refactor my code. So if you do not want to go through the refactor, learn and plan your modules before you start. About Testing