End to End with Angular JS

David Mosher · 130K views · 2013 · 52:59

Open on YouTube

Web developmentSoftware architecture & designtutorialdated

Why Stack Overflow recommends it

Stack Overflow users link it when people ask how to combine AngularJS with a Laravel backend, or when they follow the tutorial and hit routing and deployment problems.

Recommended by 3 people across 4 different months, 2013 to 2015.

What it is

Part 2 of David Mosher's AngularJS screencast series, a 53-minute walkthrough of building an AngularJS app backed by a MySQL database through a Laravel 4 PHP REST backend. It covers an authentication service and CRUD flow, with source code and a resource bundle linked.

What people said

Recommends TyndieRock · 2013-10 · Stack Overflow · on “Angular, Laravel 4 and MySQL database best practices”

Check out this tutorial by the great Dave Mosher, I think it might be exactly what you're looking for, he uses Laravel, Angular, and MySQL: Youtube Screencast: [this video] Source code: [LINK]

Recommends Ed B · 2014-07 · Stack Overflow · on “AngularJS UI-Router multiple pages”

In addition to the above, if you're going to have a separate Login page make sure you implement an Authentication Check service. This way, if the user isn't logged in they'll be re-directed to the login page. See this video [this video] for a basic implementation.

Recommends Michael Coleman · 2014-11 · Stack Overflow · on “Why use AngularJs in frontend if Laravel is already used as backend?”

I suspect the question may conflict with stackoverflow's quality guidelines and you may almost be better asking two separate questions. i.e. When/Why learn/use angular in a wep project how to setup the folder structure For setting up the folder structure, check out these resources [LINK] [this video] I can only really speak to why I use laravel with angularjs and you are right that you can use laravel without angular, but the reason I use angular as well as laravel is because there are some things that javascript is just better positioned for than server side apps e.g. Using ajax and not having to reload the page whenever you want to check/process some small thing, like whether an email address a

Recommends Michael Coleman · 2015-01 · Stack Overflow · on “Avoiding AngularJS and Laravel Routing from conflicting”

Its generally well known that you can build an app with Laravel on the back end and AngularJS on the backend - and not have the routes conflict. Angular uses a hashtag between the main URL and its own URL route segments, which the browser doesn't detect as a route change (and therefore wont trigger a server side request), but angular will respond to. I'm not sure about the routing compatibility with HTML5 mode , but you dont have it enabled, so I wouldn't worry about that. Resources here are 3 resources that were helpful for me to work out how to set up AngularJS and Laravel together. [LINK] [this video] [LINK] Your current issue I would suggest the the reason your app is not working is for some

Cites user2002495 · 2013-09 · Stack Overflow · on “Angular JS + Laravel 4: How to compile for production mode?”

So i have watched the 5 part youtube videos by David Mosher about Angular JS (vids great by the way). In the part 2 ( [this video] ), it has a practical mysql database usage which I almost wanted. I'm going to use AngularJS along with Laravel 4, but I had no idea which files I'm going to upload for the web hosting later . I'm trying to run the web app under "/public" folder in my root on localhost (localhost/public/) but the css and js points to the wrong directory (points to the root: '/css/style.css'). Another method I have tried is by copying all the files to the root and moved all files inside "public" to root. Then I navigate to "localhost/public/". All works fine in script paths, except tha

Cites user2833143 · 2013-10 · Stack Overflow · on “404 not found error when routing with Laravel”

I am trying to follow David Mosher's tutorial on going end-to-end with angular JS on youtube: [this video] . Everything was going fine until I attempted to route the /auth/login and auth/logout urls to the Authentication Service, as seen in the video at about 14:30. When I attempt to login, I receive a 404 Not Found Error. I have tried messing around with the route's URL, but to no avail. I am running locally on MAMP with MySQL and Laravel. Here's my code for routes.php Route::get('/', function(){ return View::make('index'); }); Route::post('/auth/login/', 'AuthController@login'); Route::get('/auth/logout/', 'AuthController@logout'); and my code for AuthController <?php class AuthController exten

Cites Jonas Petersson · 2014-05 · Stack Overflow · on “Gets redirected to default app route when deleting comment using Angular JS and Laravel”

I am developing an application using Laravel and AngularJS where users may write and delete their comments. On the home screen, the user is able to view and delete all of his/her comments and when they do the list should be updated. My problem is that when I press the delete button I am redirected to the login page which is the default route. $routeProvider.otherwise({ redirectTo : '/login' }); I'm using laravels resource controller Route::resource('comment', 'CommentController'); When I go to the home page again the comment is successfully deleted. My comment service uses this to delete a comment: app.factory('CommentService', function($http) { return { destroy: function(id) { return $http.

Cites JasonK · 2015-04 · Stack Overflow · on “Creating a mobile App with Laravel and AngularJS”

I've been reading up on AngularJS lately (always used jQuery) and I'm starting to understand and like it. Normally I would build webapplications with Laravel. Now i'd really like to dig further and learn about connecting these two frameworks to build an awesome SPA. In this case, Laravel serves as a REST api and Angular handles the front end. This article [LINK] and also this video [this video] helped me a lot, but still raises questions. The biggest one (maybe very stupid) is: could the HTML/CSS/JS be converted to a native mobile app, for example with PhoneGap? Because that is what I'm wishing to achieve if possible. Also, if this is possible, is it a good way or does it get too tricky? This is