Intro to Laravel (Day #2)

Warodom Werapun

Published in

http://warodom.werapun.com

2 min readJan 18, 2017

Review html/css:

Layout / table (http://learn.shayhowe.com/html-css/)
html element (http://www.w3schools.com/html/)
css (http://www.w3schools.com/css/)
css reference (http://cssreference.io/)

Front-end framework:

Boostrap (http://getbootstrap.com/)
W3.CSS (http://www.w3schools.com/w3css/w3css_examples.asp)
Material design (http://materializecss.com/)
Foundation (http://foundation.zurb.com/)
Bulma (http://bulma.io/)

Sublime extension (for Bootstrap/emmet)

https://packagecontrol.io/installation

Package control > Install package:
- bootstrap3-snippet
- bootstrap4-snippet (https://packagecontrol.io/packages/Bootstrap%204%20Snippets)
- emmet
- materialized CSS Snipets

Bootstrap3-Snippet
template:html5 [+http://]
bs3-navbar
bs3-carousel
bs3-container
bs3-row-col
bs3-jumbotron
bs3-jumbotronbs3-container
bs3-row-col (size6)
bs3-list-group:linked
bs3-panel:footer (class text-center)Emmet
div>ul>li>a^^em+div*3 
 ‘^’ คือ ย้อนไป 1 level
 ‘+’ คือ ต่อกัน
 *3 คือ มี 3 elementdiv.container
div.col-md-4{Message$}*3http://docs.emmet.io/cheat-sheet/

ก่อน ทดสอบ ต้องบันทึกไฟล์ .html ก่อน

Introduction to Laravel

MVC

credit: http://laravelbook.com/laravel-architecture/

Routing (https://laravel.com/docs/5.3/routing)

View: (https://laravel.com/docs/5.3/views)

Route::get('/name', function () {
   return view(‘hello’)->with('name', 'Warodom');
}); Route::get('/name', function () {
 $name = "Warodom";
 $surname ="Werapun"; 
 return view(('hello'),compact('name','surname'));
});