Video แนะนำวิธีการใช้งาน Laravel PHP Framework

video สาธิตและแนะนำการใช้งาน Laravel Framework ซึ่งเป็น Framework ยอดนิยมในภาษา PHP อีกหนึ่งค่าย ตัว Framework มีการออกแบบที่ทันสมัย และใช้งานได้ง่าย เรียนรู้ได้ไม่ยาก

video สาธิตและแนะนำการใช้งาน Laravel Framework ซึ่งเป็น Framework ยอดนิยมในภาษา PHP อีกหนึ่งค่าย ตัว Framework มีการออกแบบที่ทันสมัย และใช้งานได้ง่าย เรียนรู้ได้ไม่ยาก

วิดีโอแนะนำนี้ เป็นเพียงการแนะนำ วิธีใช้งานเบื้องต้น แต่สามารถนำไป ประยุกต์ ใช้งานได้จริง และต่อยอดทำงานต่างๆได้ ด้วยพื้นฐานที่ดี

วิดีโอจะเริ่มต้นอธิบาย ตั้งแต่การทำความรู้จัก การติดตั้ง และไปจนถึงการทำงานกับฐานข้อมูล ซึ่งนับว่าเป็นเรื่องสำคัญของการทำงานกับ PHP อยู่แล้ว

Link Framework: Laravel

Link Code : Code On Github

ตอนที่ 1 เริ่มต้นใช้งาน Laravel กับการติดตั้งแบบผู้เริ่มต้น

ตอนที่ 1 เริ่มต้นใช้งาน Laravel กับการติดตั้งแบบผู้เริ่มต้น

เริ่มต้นใช้งาน PHP Framework ชื่อดังที่นาทีนี้ นับว่าไม่มีใครไม่รู้จัก กับเจ้าของสมญานาม Laravel Framework สำหรับช่างศิลปะ ผู้เชียวชาญงานเว็บไซต์ laravel ตอบโจทย์การพัฒนาเว็บไซต์ ได้ครอบคลุม ทั่วถึง และดีเยี่ยมตั้งแต่เปิดตัวมา ทั้ง Website ขนาดเล็ก หรือ Web Application ขนาดใหญ่โตก็ทำได้ดี เรามาทำความรู้จัก และเริ่มต้นรู้จักวิธีใช้งานกันดีกว่า

ตอนที่ 2 Laravel Directory folder structure

Laravel ตอนที่ 2 Directory folder structure

มาต่อกันกับเรื่องของ Laravel Framework ที่ตอนนี้ จะว่ากันด้วยเรื่องของ directory ภายในระบบ เพื่อจะได้เข้าใจ หลักการทำงานอย่างถูกต้อง

ตอนที่ 3 Laravel Routing

Laravel ตอนที่ 3 Routing

Laravel ตอนที่ 3 กับการใช้งาน Routing เพื่อเข้าถึงระบบผ่านทาง Url สำหรับผู้เริ่มต้น ที่กำลังต้องการใช้งาน PHP Framework นี้

ตอนที่ 4 Laravel Controllers

Laravel ตอนที่ 4 รู้จักกับ Controllers

ตอนที่ 4 กันแล้วกับเรื่องของ การใช้งานและการสร้าง Controller เพื่อสั่งการ คิดตรรกะ Logic และการเชื่อมต่อระหว่าง Database ของ Model กับการแสดงผลแบบ View สำหรับผู้เริ่มต้น ที่กำลังต้องการใช้งาน PHP Framework นี้

ตอนที่ 5 Create View With PHP

Laravel Issue 5 Create View With PHP

Video Create View With PHP Not Use Blade Template Engine เป็นการใช้งาน view โดยเขียนเป็น PHP ธรรมดา ไม่ได้ทำงานร่วมกันกับ Blade Template ที่เป็นตัวหลักของ Laravel เพื่อให้รู้ถึง วิธีทำงานของมันในส่วนนี้

ตอนที่ 6 ทำความรู้จักกับ Laravel Blade Template Engine

Laravel ตอนที่ 6 ทำความรู้จักกับ Blade Template

เดินทางกันแบบไวๆ มาถึงการใช้งาน Blade Template Engine กันบ้าง ใครยังไม่รู้จัก ยังไม่เข้าใจมาต่อกันได้เลยครับ สำหรับผู้เริ่มต้น ที่กำลังต้องการใช้งาน PHP Framework นี้

ตอนที่ 7 Laravel การจัดการกับ CSS และ JavaScript

Laravel ตอนที่ 7 การจัดการกับ css และ js

ตอนนี้เป็นการจัดการ การเรียกใช้ ไฟล์ CSS และ JS ในรูปแบบต่างๆ ตอนอัดมีผิดพลาดเล็กน้อย ต้องขออภัยด้วยนะครับ

ตอนที่ 8 รู้จักกับ Laravel Database Migration

Laravel ตอนที่ 8 รู้จักกับ Database Migration

เดินทางมาถึงตอนที่ 8 กันแล้วนะครับ สำหรับเรื่องของ Laravel ตอนนี้เป็นการเข้าใกล้ Database มากขึ้น กับการจัดการ db ด้วย Tool อย่าง Migration คิดว่าน่าจะเป็นประโยชน์สำหรับการทำงานเป็นทีม ส่วนเรื่องคุณภาพเสียง ต้องขออภัยด้วยนะครับ ไมค์น่าจะมีปัญหาอีกแล้ว

Video ชุดนี้ เดินทางกันมา เกินครึ่งทางแล้วนะครับ

ตอนที่ 9 Laravel Database Query

Laravel ตอนที่ 9 Database Query

ตอนนี้เป็นการเชื่อมต่อและดึงค่า Select ด้วย SQL ออกมาจาก Database ซึ่งมีครบทั้ง Select, insert, update, Delete แต่เป็นฝั่งของ DB แบบ Raw ตรงๆและครั้งนี้ เขียนให้ดูก่อน ยังไม่ได้ส่งค่ามาจาก form นะครับ

ตอนที่ 10 Laravel กับพื้นฐานงาน CRUD

Laravel ตอนที่ 10 กับพื้นฐานงาน CRUD

พื้นฐานงาน CRUD ร่วมกับฐานข้อมูล MySQL หรือการทำ เพิ่ม แสดง แก้ไข และลบข้อมูล เป็นแบบแนว Easy Step บน Controller แบบใช้งาน resource ผ่านทาง Http เป็นหลัก มีแอบ Error กันด้วยและยังเป็นตอนที่ ยาว…….มากๆ แต่น่าจะทำให้ทุกคนตามทันอยู่นะครับ

ตอนที่ 11 การ comment บน blog เทป 1

Laravel ตอนที่ 11 การ comment บน blog เทป 1

เป็นการสร้าง comment แบบมีความสัมพันธ์กันกับ ฐานข้อมูลของ blog แบบแนว Easy Step ง่ายๆ แต่ด้วยความที่เนื้อหามันดูจะยาว…….มากๆ ก็เลยทำกันตัดเป็นเทปๆมาให้ แต่น่าจะทำให้ทุกคนตามทันอยู่นะครับ

ตอนที่ 12 การ comment บน blog เทป 2

Laravel ตอนที่ 12 การ comment บน blog เทป 2

ตอนที่ 13 การ comment บน blog เทป 3

Laravel ตอนที่ 13 การ comment บน blog เทป 3

ตอนที่ 14 เรื่องราวของ Laravel Session

Laravel ตอนที่ 14 เรื่องราวของ Session

มาคุยกันเรื่องของ Session การใช้งาน การสร้าง การลบทิ้ง จะมีวิธีใช้งานง่ายๆแบบไหน มาลองดูกันครับ

ตอนที่ 15 เรื่องราวของขนมอร่อย Laravel Cookies

Laravel ตอนที่ 15 เรื่องราวของขนมอร่อย Cookies

เราได้รู้จักกับเรื่องของ Session ที่เป็นการเก็บข้อมูลบนฝั่ง Server ไปแล้ว มาวันนี้มารู้จักกับเรื่องคล้ายๆกัน แต่เป็นเรื่องของ Cookie ที่มีการเก็บข้อมูลบนฝั่งของ Client กันบ้างครับ

ตอนที่ 16 สร้างระบบ Laravel Authentication แบบพื้นฐาน

Laravel ตอนที่ 16 สร้างระบบ Authentication แบบพื้นฐาน

Laravel เค้าเตรียมระบบ Login และ Register มาให้เราไว้ใช้งานเรียบร้อยแล้ว ซึ่งถึงแม้จะเป็นอะไรที่พื้นฐานมาก แต่ก็นับว่าทำออกมาได้ดีทีเดียว แถมเรายังสามารถ สร้างมันขึ้นมาจาก Artisan เลยด้วย มาลองดูกันครับ ว่าเค้าทำออกมาได้อย่างไรบ้าง

ถ้าเพื่อนๆสนใจ อยากให้ทำคลิปต่อไป รบกวนบอกกล่าว ทักทาย แนะนำ ติชมกันเข้ามาได้นะครับ เพราะเห็นว่า ช่วงหลังๆ ยอดวิวไม่ค่อยเพิ่มแล้ว เลยเผื่อไม่มีใครสนใจ แต่ถ้ามีคนสนใจอยู่ ก็ยังอยากทำต่อออกมาเรื่อยๆครับ

คุณอาจจะกำลังสนใจ เกี่ยวกับเรื่องของ พื้นฐานการพัฒนาเว็บไซต์ ลองเริ่มต้นจาก พื้นฐานเหล่านี้ดูครับ

Link: เมื่อนักพัฒนายุคใหม่ไม่ค่อยสนใจพื้นฐาน

The Documentary วิดีโอสารคดีของ Ember.js

The Documentary วันนี้มาแปลก หยิบเรื่องราวเกี่ยวกับ สารคดี ของวงการมาฝากกันบ้าง เพราะปรกติมันหาดูยากครับ ไม่ค่อยมีคนทำออกมากันเท่าไหร่ เนื้อหาแนวเรา ก็ไม่ค่อยมีคนเข้าถึงอยู่แล้วด้วย 555

The Documentary วันนี้มาแปลก หยิบเรื่องราวเกี่ยวกับ สารคดี ของวงการมาฝากกันบ้าง เพราะปรกติมันหาดูยากครับ ไม่ค่อยมีคนทำออกมากันเท่าไหร่ เนื้อหาแนวเรา ก็ไม่ค่อยมีคนเข้าถึงอยู่แล้วด้วย 555

Ember JS เป็นอีกหนึ่งค่ายดังในฝั่งหน้าบ้านของ JavaScript ที่ได้รับความนิยม ชมชอบ ไม่น้อยจากต่างประเทศ จนตอนนี้เห็นมีสารคดีออกมา นับว่าหาดูยาก มาลองชมกันครับ

Ember JS ถ้าพูดกันถึงในบ้านเรา ในประเทศไทย อาจจะดูเงียบเหงาไปหน่อย ไม่เปรี้ยงป้างอย่างใครเค้า พี่ใหญ่คนอื่นๆ เค้ากระแสดี แรงดีกันหมด แต่ในต่างประเทศก็ได้รับการตอบรับดีไม่น้อยนะครับ

จริงๆแล้วเค้าใช้ชื่อว่า A framework for ambitious web developers ซึ่งก็ดูแปลกดี เพราะว่า คำว่า ambitious นั้นเรามักไม่ค่อยได้พบการใช่เท่าไหร่ โดยเฉพาะในสังคมบ้านเรา ซึ่งแม้จริงๆ มันจะแปลว่า “ทะเยอทะยาน” แต่เวลาคำพูดนี้ออกมา มันมักจะเป็นในแนวของ การตั้งเป้า แล้วตั้งใจทำมันมากกว่า

โดยปรกติถ้าพูดถึงคำว่า สารคดี หรือในภาษาอังกฤษว่า Documentary ถ้าพูดถึง JavaScript นั้นค่อนข้างเป็นเรื่องยาก ไม่ค่อยมีคนทำสารคดีด้านนี้เยอะเท่าไหร่ 

แต่หลังจากที่เปิดดู Ember.js The Documentary ถึงกับต้องบอกว่า คือดี…อ่ะ คือดี ด้วยมุมกล้อง ด้วยเนื้อเรื่อง ด้วยดนตรี และที่สำคัญเนื้อหาตั้งแต่แรกเริ่ม จาก Co-Founder อย่าง Tom Dale และ Yehuda Katz ทำให้เนื้อเรื่องสนุกไม่น้อย

ต้องบอกว่า การที่ผู้คนหลงไหลในการทำงานกับ Ember.js และพยายามพลักดันให้เกิดเป็น Community ดีๆแบบนี้ มันเป็นเรื่องน่าสนใจมากๆ ยิ่งในภาวะที่การแข่งขันด้าน JS สูงปรี๊ดปรอทแตกขนาดนี้แล้วด้วย

จริงๆแล้วผู้ลงทุนกับจัดทำตัวสารคดีนี้ มาจาก Honeypot ที่เป็นเว็บไซต์หางานสำหรับเหล่า developers ชื่อดังใน Berlin ด้วย น่าจะเป็นการบอกได้ว่า ใน berlin น่าจะมีคนใช้งาน Ember.js ไม่น้อยเลยทีเดียว

ตัวสารคดียาวประมาณ 25 นาที ใครมีเวลาแนนะนำว่าลองดู ส่วนใครไม่ถนัดภาษาอังกฤษเท่าไหร่แบบผม มี Sub-title เป็นภาษาอังกฤษให้อ่านด้วยนะ กดตรง CC นั้นแหละ

ส่วนใครดูแล้ว รู้สึกสนใจ เจ้า Mascot ทั้ง Tomster และเจ้า Zoey เอ้ย…. สนใจอยากลอง ศึกษาหาข้อมูล และวิธีทำงานของมัน ก็ไปดูกันได้ ที่เว็บไซต์หลักของเค้าเลยครับ

Link: https://emberjs.com/

คุณอาจจะกำลังสนใจ เกี่ยวกับเรื่องของ พื้นฐานการพัฒนาเว็บไซต์ ลองเริ่มต้นจาก พื้นฐานเหล่านี้ดูครับ

Link: เมื่อนักพัฒนายุคใหม่ไม่ค่อยสนใจพื้นฐาน

เราจะเรียกใช้ CSS ได้อย่างไร

ตามปรกติแล้ว หนทางที่เราจะนำเข้า CSS มาสู่หน้าเพจของเรานั้นหลักๆพื้นฐานมีอยู่ 3 วิธีด้วยกันครับ เพื่อให้มันแสดงผลกับงานของเรา เราลองมาดูว่าแต่ละแบบมีวิธีอย่างไรและทำงานอย่างไรครับ

ตามปรกติแล้ว หนทางที่เราจะนำเข้า CSS มาสู่หน้าเพจของเรานั้นหลักๆพื้นฐานมีอยู่ 3 วิธีด้วยกันครับ เพื่อให้มันแสดงผลกับงานของเรา เราลองมาดูว่าแต่ละแบบมีวิธีอย่างไรและทำงานอย่างไรครับ

เริ่มต้นกันด้วย 3 วิธีที่ว่าไปเมื่อกี้มันมีอะไรกันบ้างก่อน

1. Inline style
2. Embedded style
3. External style

มาเริ่มกันที่วิธีแรกแบบ Inline กันก่อนนะครับ

Inline Style เป็นการเขียนแบบตรงไปตรงมา ระบุเจาจะงไปที่ตัว HTML Element กันเลยแบบว่า เขียนกันในส่วนของ Element เลยนั้นเอง การเขียนแบบนี้ดีต่อการเจาะจง แบบตัวใดตัวหนึ่ง ที่จะไม่ต้องการแสดงค่านั้นบ่อยๆ หรือมีการบังคับมากกว่าตัวอื่นๆ แต่วิธีแบบนี้จะยากต่อการแก้ไข และจะเป็นยากต่อการ Cahed แบบ File Static แต่ก็เป็นวิธีที่นิยมในการเขียนกับ Email อยู่

หน้าตาของ Code จะออกมาเป็นประมาณนี้

<h1 style="color: red; font-size: 12em; margin-top: 15px;">
    Why Inline CSS So Bad !!!!!!
</h1>
<div class="content">
    Inline style not attribute but is so cool!! in under 2000
</div>

กับอีกรูปแบบหนึ่งก็คือแบบ Embedded ซึ่งเป็นการฝัง Code CSS ลงไปบน HTML เลย โดยใส่ไว้ในส่วนของ head วิธีนี้ดูแลแก้ไขง่ายขึ้น เพราะมีการนำ Class, id และ element ต่างๆเข้ามาใช้ แต่ก็ยังไม่สะดวกในใช้ซ้ำ และการทำ Cache อยู่

หน้าตาของ Code จะออกมาเป็นประมาณนี้

<head>
  <title>Embedded Style</title>
  <style>
    h1 {
      color: red;
      font-size: 12em;
      margin-top: 15px;
    }
  </style>
</head>

ส่วนแบบที่ 3 จะเป็นแบบ External ที่ง่ายต่อการจัดการและแก้ไขมากกว่า โดย Code จะถูกแยกออกเป็นอีกไฟล์นามสกุล .css ไปเลย แล้วค่อยดึงกลับมาใช้ใน html ด้วยคำสั่ง Link แบบด้านล่างนี้ครับ

<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

ในปัจจุบันเรานิยมเขียนกันในรูปแบบ External เป็นหลัก แต่ก็ยังมีอีกหลายๆครั้งที่มีการผสมผสานกันระหว่างหลายๆรูปแบบ แต่มันจะมีสิ่งหนึ่งที่เกี่ยวข้องหากเรามีการเขียน Code ในแบบต่างๆมากกว่า 1 ก็คือเรื่องของ Order หรือการให้ความสำคัญของมันครับ

ตามปรกติแล้ว CSS มันจะย่อมาจากคำว่า Cascading Style Sheets ซึ่งคำว่า cascade ก็น่าจะเป็นความหมายแบบเดียวกับการ “เรียงซ้อน” ไปเรื่อยๆโดยให้ลำดับความสำคัญตามลักษณะดังนี้

1. Inline Style มาก่อนเสมอ หมายถึงว่าถ้าคุณมี Code CSS ที่กำหนดค่าในจุดนี้ 3 ที่ มันจะแสดงจากจุดที่เป็น inline ก่อนนั้นเอง

2. External และ Embedded อันนี้จะมาเป็นลำดับ 2 โดยมองจากในส่วนของ Head Element ด้วยนะครับ และให้ความสำคัญจากอันบนสุดก่อนเสมอ อย่างที่เราจะเห็นว่า เวลาเรียกใช้ css จาก library หรือ framework นั้นเราต้องเอาตัวสำคัญขึ้นก่อนเช่น bootstrap ขึ้นก่อนนั้นแหละ

3. Browser Default อันนี้พูดถึงไปเมื่อวันก่อน CSS ของ Browser จะถูกกำหนดมาให้แสดงผลเป็นลำดับสุดท้ายเลย ถ้าใครไม่ได้ Reset ไว้มันก็จะยังคงมีผลอยู่นั้นเอง แต่จะออกมาเป็นลำดับสุดท้าย สิ่งที่เราเขียนไว้จะมีผลมากกกว่า

เรื่องเล็กๆแบบนี้ก็เป็นเรื่องสำคัญในการลงมือ Coding CSS นะครับ แม้จะดูไม่ค่อยสำคัญอะไร แต่หากเราควบคุมทุกอย่างได้หมด เขียนได้ถูกต้องอย่างที่ควร มันก็น่าจะดีกว่าอยู่แล้วนะครับ