STT NF, 27 Februari 2016

1. Workshop Laravel 5.2
27 February 2016
STT NF, Jakarta Selatan

2. Hello!
Wahyu Rismawan
Informatics Eng, Telkom University (2011)
Software Artisan at Badr Interactive
~3 years exp in Web Development
Stalk:
Linkedin: bit.ly/wrismawan
FB: fb.com/wahyu.rismawan

3. Ready?

4. Preparation
• PHP >= 5.5.9 on XAMPP
• Already installed Composer (PHP Dependency
Manager)
• Terminal / Command Prompt
• Text Editor

5. Composer?
Is he musician? Hmmm...

6. Composer is a tool for
dependency manager in PHP

7. Your
Awesome
PHP
Project
(1) Read composer.json
(2) Find Library form Packagist
(3) Download Library(4) Library downloaded
on your project
How Composer Works?

8. Installation for OSX - Windows - Linux
https://getcomposer.org/doc/00-intro.md

9. How to use Composer?

10. Let’s install Laravel using Composer!

11. composer create-project --prefer-dist laravel/laravel PROJECT_NAME

12. 1) cd PROJECT_NAME
2) php artisan serve
Run your Project
http://localhost:8000

13. Congratulation! It should be…

14. Small Intro into MVC (Model-View-Controller)
Image source: http://www.meteorfury.com/2014/04/objective-c/model-view-controller-mvc-design-pattern/

15. Small Intro into MVC (Model-View-Controller)
Image source: http://www.meteorfury.com/2014/04/objective-c/model-view-controller-mvc-design-pattern/
“Model” Example
Directory for “Controller codes”
Directory for “View codes”

16. Feeling dizzy or confused?

17. Don’t talk to much. Let’s practice!

18. Your first awesome Larevel app:
Inspire (Quote sharing platform)
Features:
- Authentication (Register, Login, Logout)
- Create, Update and Delete Quote
- Quote Timeline (Display quote from all users)
- Like Quote

19. Create Database

20. Inspire: Design Database

21. Review: Create Table using migrations
1) Create migration file
php artisan make:migration create_{name}_table
2) Code your table schema
3) To generata table, run: php artisan migrate

22. DB Config: Preparing database
• Create DB via phpmyadmin, e.g: “workshop”
• Config .env file
DB_HOST=localhost:8889
DB_DATABASE=workshop
DB_USERNAME=root
DB_PASSWORD=root

23. DB Config: Create migration for Quotes
php artisan make:migration create_quotes_table
Schema::create('quotes', function (Blueprint $table) {
$table->increments('id');
$table->integer('user_id');
$table->string('content');
$table->string('author');
$table->timestamps();
});

24. DB Config: Create migration for Likes
php artisan make:migration create_likes_table
Schema::create('likes', function (Blueprint $table) {
$table->increments('id');
$table->integer('user_id');
$table->integer('quote_id');
$table->timestamps();
});

25. DB Config: Create Table Users
We don’t need to do anything,
Because Laravel have made users migration files (?)
2014_10_12_000000_create_users_table.php
Schema::create('users', function (Blueprint $table) {
$table->increments('id');
$table->string('name');
$table->string('email')->unique();
$table->string('password', 60);
$table->rememberToken();
$table->timestamps();
});

26. Ready to create table
php artisan migrate
Will generate table to database based on our
migration files just made

27. Review: Create Table using migrations
1) Create migration file
php artisan make:migration create_{name}_table
2) Code your table schema
3) To generata table, run: php artisan migrate

28. Your first awesome Larevel app:
Inspire (Quote sharing platform)
Features:
- Authentication (Register, Login, Logout)
- Create, Update and Delete Quote
- Quote Timeline (Display quote from all users)
- Like Quote

29. Feature: Authentication
(Register, Login, Logout)

30. Create Login, Logout and Register
using “Laravel Magic”
php artisan make:auth
Will generate: view, controller and route for register,
login and logout

31. How can it work?

32. Is there ‘/home’ in
routes.php?
HTTP Request -> localhost:8000/home
Route::get(‘/home’, ‘HomeController@index’)
App/Http/Controllers/HomeController.php
Resources/views/home.blade.php
Render view
Load controller
HTTP Response
Find route

33. Your first awesome Larevel app:
Inspire (Quote sharing platform)
Features:
- Authentication (Register, Login, Logout)
- CRUD (Create, Retrieve, Update and Delete)
Quote
- Quote Timeline (Display quote from all users)
- Like Quote

34. CRUD for Quote

35. General Steps
2) Create controller
php artisan make:controller YourNewController
1) Define new feature route in routes.php
4) If needed, create model
php artisan make:model NewModelName
3) Create view using blade in resources/views

36. Define new feature routing
Route::get('/quote/timeline', 'QuoteController@timeline');
Route::post('/quote/save', 'QuoteController@store');
Route::get('/quote/edit/{id}', 'QuoteController@edit');
Route::post('/quote/update/{id}', 'QuoteController@update');
Open routes.php in App/Http/routes.php
Add this following code into routes.php

37. Create Quote Controller
php artisan make:controller QuoteController

38. View for Quote Timeline
Create timeline.blade.php at directory resources/views

40. Controller for Quote Timeline
Open QuoteController at directory App/Http/Controllers
It will refer to timeline.blade.php

41. Model for Quote
Create Quote Model: php artisan make:model Quote

42. Controller for storing new Quote
Open QuoteController at directory App/Http/Controllers

43. Display Quotes from all users
Open QuoteController at directory App/Http/Controllers

44. Display Quotes from all users
Open timeline.blade.php at directory resources/views

45. View for Edit & Remove Quote

46. View for Edit & Remove Quote
Open timeline.blade.php at directory resources/views

47. View for Edit Quote

48. View for Edit Quote
create edit_quote.blade.php at directory resources/views

49. Controller for Edit Quote
Open QuoteController at directory App/Http/Controllers

50. Controller for Update Quote
Open QuoteController at directory App/Http/Controllers

51. Controller for Delete Quote
Open QuoteController at directory App/Http/Controllers

52. Your first awesome Larevel app:
Inspire (Quote sharing platform)
Features:
- Authentication (Register, Login, Logout)
- CRUD (Create, Retrieve, Update and Delete)
Quote
- Quote Timeline (Display quote from all users)
- Like Quote

53. General Steps
3) Create controller for handling Like request
php artisan make:controller LikeController
1) Define new route in routes.php
2) Create Like Model
php artisan make:model Like
4) We’d already made view for Like at prev step.

54. Define new feature routing
Route::get('/like/{quote_id}', ’LikeController@like');
Route::get('/unlike/{quote_id}', ’LikeController@unlike');
Open routes.php from App/Http/routes.php
Add this following code into routes.php

55. Create Quote Model
php artisan make:model Like

56. Add Like relation in Quote Model
Open Quote.php from App/, add function likes()

57. Add Like relation in Quote Model
Open Quote.php from App/ then add function likes()

58. Create Like Controller
php artisan make:controller LikeController

59. Handling View for Like/Unlike Request
Open timeline.blade.php from resources/views

60. Controller for like request
Open LikeController from App/Http/Controllers
Don’t forget to add use App/Quote at the top

61. Add static function to check “user like”
Open Quote.php from App/
Don’t forget to add use Auth; at the top

62. Controller for unlike request
Open LikeController from App/Http/Controllers

63. Let’s see.
Any questions?