angularJS
212 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Scooped by Angel Garcia Carrasco
Scoop.it!

Developing PhoneGap mobile project. From start to finish

Developing PhoneGap mobile project. From start to finish | angularJS | Scoop.it
In this tutorial we are creating PhoneGap powered mobile application for iOS platform. Everything from starting the project to consuming web service APIs
more...
No comment yet.
Rescooped by Angel Garcia Carrasco from JavaScript for Line of Business Applications
Scoop.it!

D3 on AngularJS

D3 on AngularJS | angularJS | Scoop.it

D3, the javascript library for manipulating document-based data is insanely expressive and helps bring data to life through HTML, SVG, and CSS. It has a large, growing community and there are tons of examples for what can be done with it.

Combining the power of D3 and Angular can be challenging and confusing. We constantly get asked how to integrate the two in our classes. In this post, we aim to clear the confusion and bring you the best documentation on how to integrate AngularJS and D3.

The Angular way of integrating D3 into AngularJS is by using a directive. If you’re not familiar with directives, they are Angular’s way of extending the functionality of HTML. They are, at their core functions that are executed on a DOM element that give the element functionality. All tags in AngularJS are directives. For more information, see our post about how to Build custom directives with AngularJS.

* Using d3 with dependency injection
* Creating our first basic d3 directive
* Data binding to the svg
* Handling click events
* Dynamic data over XHR
* Extending your own d3 directives

 


Via Jan Hesse
more...
No comment yet.
Scooped by Angel Garcia Carrasco
Scoop.it!

Responsive website using AngularJS | HTML5 and CSS3 Tutorials at Script Tutorials

Responsive website using AngularJS | HTML5 and CSS3 Tutorials at Script Tutorials | angularJS | Scoop.it
Our new article: Responsive website using AngularJS. You are welcome to read it.
more...
No comment yet.
Scooped by Angel Garcia Carrasco
Scoop.it!

Instant Search with Solr and AngularJS | OpenSource Connections | Solr, Big Data, and NoSQL consultants

Instant Search with Solr and AngularJS | OpenSource Connections | Solr, Big Data, and NoSQL consultants | angularJS | Scoop.it
OSC is an open source engine – Solr Lucene search implementation & integration enterprise firm. We have expertise in implementing search user experience across all three layers of search.
more...
No comment yet.
Scooped by Angel Garcia Carrasco
Scoop.it!

Tutorial de Chrome Developer Tools - Herramienta para desarrolladores

Tutorial de Chrome Developer Tools - Herramienta para desarrolladores | angularJS | Scoop.it
Guía definitiva de la herramienta para desarrolladores de Google (Developer Tools). Trucos de esta extensión y complemento para Chrome
more...
No comment yet.
Scooped by Angel Garcia Carrasco
Scoop.it!

PhoneGap and AngularJs, The Start

PhoneGap and AngularJs, The Start | angularJS | Scoop.it
This series of tutorials will focus on using PhoneGap and AngularJs together in an iOS application. We will start off small but build upon the PhoneGap api to...
more...
No comment yet.
Rescooped by Angel Garcia Carrasco from JavaScript for Line of Business Applications
Scoop.it!

Developing with AngularJS - Part IV: Making it Pop

Developing with AngularJS - Part IV: Making it Pop | angularJS | Scoop.it

The last mile of development for the My Dashboard feature was to spice things up a bit and make it look better. We hired a design company to come up a new look and feel and they went to work. Within a week, we had a meeting with them and they presented a few different options. We picked the one we liked the best and went to work. Below are screenshots that I used to implement the new design.

The last feature I had to implement was the "Show More" bar that appears when widgets are hidden. This was the most difficult thing to implement and I tried many different things before arriving at a solution that works. First of all, the widgets bars that can be expanded are put into their original (collapsed) state using max-heightand overflow: hidden. From there, I look at the list inside the bar and compare the height's of the two elements. If the list is taller than the bar, the Show More bar is added.


Via Jan Hesse
more...
Rescooped by Angel Garcia Carrasco from JavaScript for Line of Business Applications
Scoop.it!

D3 on AngularJS

D3 on AngularJS | angularJS | Scoop.it

D3, the javascript library for manipulating document-based data is insanely expressive and helps bring data to life through HTML, SVG, and CSS. It has a large, growing community and there are tons of examples for what can be done with it.

Combining the power of D3 and Angular can be challenging and confusing. We constantly get asked how to integrate the two in our classes. In this post, we aim to clear the confusion and bring you the best documentation on how to integrate AngularJS and D3.

The Angular way of integrating D3 into AngularJS is by using a directive. If you’re not familiar with directives, they are Angular’s way of extending the functionality of HTML. They are, at their core functions that are executed on a DOM element that give the element functionality. All tags in AngularJS are directives. For more information, see our post about how to Build custom directives with AngularJS.

* Using d3 with dependency injection
* Creating our first basic d3 directive
* Data binding to the svg
* Handling click events
* Dynamic data over XHR
* Extending your own d3 directives

 


Via Jan Hesse
more...
No comment yet.
Scooped by Angel Garcia Carrasco
Scoop.it!

MongoDB Full Text Search vs. Regular Expressions | Architects Zone

MongoDB Full Text Search vs. Regular Expressions | Architects Zone | angularJS | Scoop.it
Today we would like to introduce you to the new MongoDB Full Text Search and compare its capabilities and performance with simple regular expressions, which...
more...
No comment yet.
Scooped by Angel Garcia Carrasco
Scoop.it!

The basics of using ui-router with AngularJS - @jhooks

The basics of using ui-router with AngularJS - @jhooks | angularJS | Scoop.it
the one where Joel discusses his trials and tribulations as a developer of fine software.
more...
No comment yet.
Scooped by Angel Garcia Carrasco
Scoop.it!

Learn AngularJS With These 5 Practical Examples | Tutorialzine

Learn AngularJS With These 5 Practical Examples | Tutorialzine | angularJS | Scoop.it
By now you've probably heard of AngularJS - the exciting open source framework, developed by Google. Learn the basic building blocks and how to build apps with these 5 practical examples.
more...
No comment yet.