News Feed
Sections




News Archive
feed this:

Looking for more information on how to do PHP the right way? Check out PHP: The Right Way

Angular Tips:
Working With a Laravel 4 + Angular Application
October 28, 2014 @ 09:11:31

On the Angular Tips site today they have a tutorial posted showing you how to combine the power of the Angular JS frontend framework with a Laravel backend. They walk you through the full process of getting an application up and running, including a bit of actually functionality (not just a "Hello World").

So you decided that Laravel is a great choice for a backend and that Angular is going to fit perfectly as the framework of choice for the frontend. Yeah! That is correct and I am starting to like you. How to start? So many question, so little time.

They start by getting everything you'll need installed, both on the Laravel and Angular sides. Then it gets into the actual development of the application, changing up the default Laravel page to include Angular and a little test to be sure it's working correctly. With this working correctly (after a little route updating too) they get to the more real-world application: a listing of TV shows generated from a dataset on the Laravel backend. They include all the code you'll need to create the frontend app and display the results.

0 comments voice your opinion now!
laravel tutorial angularjs application frontend framework

Link: http://angular-tips.com/blog/2014/10/working-with-a-laravel-4-plus-angular-application/

NetTuts.com:
Building a Customer Management App Using AngularJS and Laravel
October 01, 2014 @ 11:52:09

The NetTuts site has posted the first part of a tutorial series showing you how to create an application with Laravel and AngularJS to do some customer management. The application lets you track customers and transactions related to them.

When creating a single-page app we should use some kind of framework to do some of the job for us so we can focus on the actual functionality. AngularJS fits here perfectly, because features like dynamic dependency injection and bi-directional data binding are just great. Sometimes we also require some kind of server. If you've chosen PHP then Laravel may be your best option, as it's easy to work with and pretty powerful. In this part of the tutorial, we will build the front-end of our application using AngularJS.

He starts with some of the "preparation work" that has to be put into the main template for Angular to even work, including the loading of the Angular files themselves. He sets up a basic route and, some initial styling (CSS) and talks about the overall structure of the application. He includes the code to create the customer controller and transactions handling (via controllers) and how to do the usual CRUD (create, read, update, delete) operations for each. HTML output templates are also included to handle the forms and other tabluar output needed to display customer details.

0 comments voice your opinion now!
angularjs laravel framework singlepage customer management tutorial

Link: http://code.tutsplus.com/tutorials/building-a-customer-management-app-using-angularjs-and-laravel--cms-22234

Qandidate.com Blog:
Handling AngularJS POST requests in Symfony
August 14, 2014 @ 11:09:13

The Qandidate.com blog has a quick new post today showing how to handle AngularJS requests with a Symfony framework based backend application. They automate the process of decoding the JSON from the Angular frontend to make it immediately usable to the framework backend.

At Qandidate.com we started using AngularJS last year and I have to say it was love at first sight! Two-way databinding, testability, dependency injection, server communication...awesome! Did I say server communication? We use Symfony 2 (which is awesome too) for our back end API's. Unfortunately AngularJS and Symfony do not speak the same language out-of-the-box. In this post I will show you how we automatically decode JSON requests so we can use it with Symfony's Request object using our symfony-json-request-transformer library (or class actually).

They start with a simple JSON example and the action to handle it (the "postAction") and show the manual json_decode method. Instead of having to do this in each controller action, they define the Request transformer handler. This handler takes the incoming request and allows for modifications to various aspects of the request, including transforming the data. They've posted a full example here that includes the full stack, not just the transformer itself (to show the full flow of the request).

0 comments voice your opinion now!
angularjs request symfony2 transform json request

Link: http://labs.qandidate.com/blog/2014/08/13/handling-angularjs-post-requests-in-symfony/

Gonzalo Ayuso:
Token based authentication with Silex and AngularJS
June 09, 2014 @ 10:33:37

Gonzalo Ayuso has posted a tutorial showing how to use token-based authentication with a Silex-based application through a request from AngularJS.

According to my last post today we're going to create a AngularJS application that uses the Silex Backend that we create previously. The idea of this application is to use it within a Phonegap/Cordova application running in a mobile device.

He includes the code (and markup) you'll need to make the request work. Basically, it uses a standard HTTP service from inside AngularJS to fetch the token and store it in the client's localstorage. The rest of the code does the checking to see if the user is logged in (the token exists) or if it needs to sow the login form. The "logged in" route also displays an alert to the user with the info (pulled from the API) for their user. The full code for the example can be found over on GitHub.

0 comments voice your opinion now!
token authentication silex angularjs tutorial login localstorage

Link: http://gonzalo123.com/2014/06/09/token-based-authentication-with-silex-and-angularjs/

NetTuts.com:
Building a Customer Management App Using AngularJS and Laravel (Part 1)
January 13, 2014 @ 10:37:33

On NetTuts.com today they've posted a new tutorial showing you how to combine two powerful (and popular) technologies to make a customer management application - Laravel and AngularJs. This is the first part of a series and focuses on the backend work in Laravel.

When creating a single-page app we should use some kind of framework to do some of the job for us, so we can focus on the actual functionality. AngularJS fits here perfectly, because features like dynamic dependency injection and bi-directional data binding are just great. Sometimes we also require some kind of server. If you've chosen PHP then Laravel may be your best option, as it's easy to work with and pretty powerful.

They assume that you'll already have an instance of Laravel all set up and that you'll have access to a MySQL server for a database. Other than that, they provide all of the code you'll need to get the server side up and running. The application stories simple data about customers and transactions and walks you through making models and controllers for each.

0 comments voice your opinion now!
angularjs laravel series part1 customer management tutorial

Link: http://net.tutsplus.com/tutorials/php/building-a-customer-management-app-using-angularjs-and-laravel/

Gonzalo Ayuso:
Dynamic routes with AngularJS and Silex
July 10, 2013 @ 10:58:11

Gonzalo Ayuso has a new post today showing how to set up dynamic routing for a Silex-based application using an AngularJS frontend.

These days I'm playing with AngularJS. Today I want to experiment with dynamic routes. Let me show your an example. It's very simple but: What happens if our application is big and it grows fast? We need to add new lines and reload the browser. With AngularJS we can add paramenters to the routes.

He shows how to work with these route parameters and how to use the partial in a DynamicController. He also gives some sample PHP code showing how it all works together with Silex and a Twig provider. The Twig provider changes the tags that it looks for away from the curly braces to the square ones (Angular uses the same tags for its templates too so they'd get confused otherwise).

0 comments voice your opinion now!
silex angularjs dynamic routing tutorial

Link: http://gonzalo123.com/2013/07/08/dynamic-routes-with-angularjs-and-silex

Gonzalo Ayuso:
Working with AngularJS and Silex as Resource provider
June 04, 2013 @ 09:57:47

Gonzalo Ayuso has a new post to his site looking at the use of Silex and AngularJS together to make Resources that AngularJS can pull data from.

This days I'm playing with AngularJS. Angular is a great framework when we're building complex front-end applications with JavaScript. And the best part is that it's very simple to understand (and I like simple things indeed). Today we are going to play with Resources. Resources are great when we need to use RestFull resources from the server. In this example we're going to use Silex in the backend. Let's start.

He shows how to get the Resource functionality working in AngularJS (including another file) and a sample SQL table definition to hold some author/message information. He includes the HTML for the one page the example needs and the various pieces - the Javascript controller, the Silex routes, the routing configuration and the Resource controller. A screencast and the complete code are also provided.

0 comments voice your opinion now!
silex angularjs resource rest tutorial screencast frontend

Link: http://gonzalo123.com/2013/06/03/working-with-angularjs-and-silex-as-resource-provider


Community Events





Don't see your event here?
Let us know!


update composer framework library voicesoftheelephpant symfony podcast release tool community package laravel mvc introduction series security interview language version opinion

All content copyright, 2014 PHPDeveloper.org :: info@phpdeveloper.org - Powered by the Solar PHP Framework