Autoplay
Autocomplete
Previous Lesson
Complete and Continue
sClass1 FullCourse PHP MySQLi Bootstrap4
CHANGELOG Course sClass1 (การเปลี่ยนแปลงของคอร์สเรียนมีอะไรบ้าง)
CHANGELOG sClass1 Upgrade (ตารางการอัพเดทคอร์สเรียนต่างๆ)
Chapter 1 Introduction ทำความรู้จักกับคอร์สเรียน
Ep1.1 แนะนำตัวผู้สอน และแสดงผลงาน (9:58)
Ep1.2 เริ่มต้นเรียนรู้การทำงานของเว็บไซต์ (9:54)
Chapter 2 การติดตั้งโปรแกรมเบื้องต้น
Ep2.1 ภาพรวมโปรแกรมที่ใช้ในการเขียนเว็บไซต์ต่างๆ (5:59)
Ep2.2 สอนการติดตั้ง XAMPP โปรแกรมจำลองเว็บเซิฟเวอร์ PHP8 อย่างละเอียด (16:24)
Ep2.3 สอนการใช้งาน Visual Studio Code (15:16)
Ep2.4 สอนการใช้งาน เว็บ W3schools (2:26)
Ep2.5 สอนการใช้งาน Jsfiddle (7:03)
Ep2.6 การติดตั้ง Nodejs เพื่อใช้งาน NPM (Node Package Manager) (4:48)
Chapter 3 Basic HTML
Ep3.1 พื้นฐาน HTML (14:43)
Ep3.2 HTML ต่างๆที่ควรรู้ (21:05)
Ep3.3 Block-Level and Inline Elements (6:46)
Ep3.4 การใช้งานรูปภาพ ใน HTML (Tag img) (14:11)
Ep3.5 การปรับแต่งขนาดภาพที่เราใช้ (width height) (4:29)
Ep3.6 เว็บแจกรูปภาพฟรีไม่มีลิขสิทธิ์ (14:22)
Chapter 4 Basic HTML5
Ep4.1 Sementic Markup HTML5 (7:45)
Ep4.2 Input Type HTML5 (4:56)
Ep4.3 WebStorage HTML5 (12:05)
Ep4.4 Workshop HTML5 #HomeWork1 (18:29)
Chapter 5 HTML5 & CSS
Ep5.1 Workshop Elements (20:57)
Ep5.2 CSS Layout float and clear (4:59)
Ep5.3 CSS Inline Style (20:44)
Ep5.4 Workshop HTML&CSS (Homework #2) (15:35)
Chapter 6 เรียนรู้การใช้งาน Bootstrap4
Ep6.1 ภาพรวมการใช้งาน Bootstrap4 (30:44)
Ep6.2 การติดตั้งการใช้งาน Bootstrap4 (20:22)
Ep6.3 การใช้งาน Class Containers (9:07)
Ep6.4 การใช้งาน Basic Grid System (11:34)
Ep6.5 Mini Workshop Path1 ทำเว็บ Profile (21:32)
Ep6.6 Mini Workshop Path2 ทำเว็บ Profile (11:56)
Ep6.7 วิธีส่งการบ้าน ( Homework #3 ) (6:16)
Chapter 7 Bootstrap4 Grid System
Ep7.1 Grid System Bootstrap4 (16:19)
Ep7.2 Grid Bootstrap4 All Breakpoints (19:13)
Ep7.3 Grid Bootstrap4 Stacked to Horizontal (14:52)
Ep7.4 Grid Bootstrap4 Mixs & Match (12:38)
Ep7.5 Grid Bootstrap4 Mini Workshop Article Path1 (15:25)
Ep7.6 Grid Bootstrap4 Mini Workshop Article Path2 (16:00)
Ep7.7 วิธีการติดตั้ง Font สวยๆ ด้วย Google Fonts ( Homework #4 ) (8:20)
Chapter 8 Bootstrap4 Components
Ep8 ภาพรวมการใช้งาน Bootstrap4 Components (14:54)
Chapter 9 Bootstrap4 ค่าสีต่างๆ
Ep9.1 Bootstrap4 การเรียกใช้คำของแต่ละสี พื้นฐานที่ต้องควรรู้ (15:16)
Ep9.2 Bootstrap4 การใช้งาน Badges (13:15)
Chapter 10 Bootstrap4 Breadcrumb Alert
Ep10.1 Bootstrap4 การใช้งาน Breadcrumb (5:47)
Ep10.2 Bootstrap4 การใช้งาน Alerts (6:36)
Chapter 11 Bootstrap4 การใช้งาน Carousel
Ep11 Bootstrap4 การใช้งาน Carousel (18:00)
chapter 12 Bootstrap4 การใช้งาน Accordion
Ep12 Bootstrap4 การใช้งาน Accordion (16:21)
Chapter 13 Firebase Hosting
Ep13 สอนการใช้งาน Firebase Hosting (15:19)
Chapter 14 Bootstrap4 Builder Layoutit
Bootstrap4 Builder #1 Layoutit การใช้งาน Grid System
Bootstrap4 Builder #2 Layoutit การใช้งาน Base Css
Bootstrap4 Builder #3 Layoutit การใช้งาน Components
Bootstrap4 Builder #4 Layoutit การใช้งาน JavaScript
Chapter 15 Git Version Control (Bitbucket)
Ep15.1 การใช้งาน Git เบื้องต้น (20:41)
Ep15.2 บันทึกการเปลี่ยนแปลงของ Project (18:14)
Ep15.3 การใช้งาน Bitbucket & Git Repository (19:32)
Ep15.4 การใช้งาน Git Bash ในโปรแกรม Visual Studio Code (3:38)
Chapter 16 WebBlog #1 Home
Ep16.0 เริ่มต้นการเขียน Weblog ของเรา (12:41)
Ep16.1 สอนสร้างหน้าแรก (Navbar) (18:39)
Ep16.2 สอนสร้างหน้าแรก (Carousel) (15:59)
Ep16.3 สร้าง Caption ด้วย Jumbotron (10:25)
Ep16.4 สอนสร้างในส่วนของ Section Blog (11:35)
Ep16.5 แก้ไขปัญหา Blog เมื่อรูปภาพไม่เท่ากันจะแก้ไขปัญหานี้ได้อย่างไร (12:45)
Ep16.6 เรียนรู้เกี่ยวกับโทนสีของเว็บไซต์ด้วย Coolors.co (3:47)
Ep16.7 สร้าง Footer ในส่วนของการแสดง Contact (7:37)
Ep16.8 เรียนรู้การใช้งาน icons สวยๆด้วย FontAwesome (10:11)
Ep16.9 สร้าง Footer ในส่วนของการแสดง Menu (4:13)
Ep16.10 การใช้งาน Google Maps แบบฝัง (ฟรี) (4:19)
Ep16.11 สร้าง Footer สำหรับส่วนสุดท้าย All Right Reserved (3:12)
Ep16.12 การใช้งาน Git ใน Project นี้ (8:18)
Ep16.13 การใช้งาน Firebase Hosting เพื่อส่งการบ้านใน Project นี้ (10:59)
Chapter 17 WebBlog #2 About
Ep17.1 สอนสร้างหน้า About ( parallax ) (35:22)
Ep17.2 สอนสร้างหน้า About ( เราทำอะไร ) (19:31)
Ep17.3 สอนสร้างหน้า About ( Timeline & Star Rating ) (60:37)
Ep17.4 สอนสร้างหน้าAbout ( แก้ปัญหาหน้าเว็บ ) (15:59)
Chapter 18 WebBlog #3 Blog
Ep18.1 สอนสร้างหน้า Blog ( Create Blog ) (22:45)
Ep18.2 สอนสร้างหน้า Blog ( Grid Blog ) (7:42)
Ep18.3 สอนสร้างหน้า Blog Detail (17:26)
Ep18.4 สอนสร้างหน้า Blog Detail ( owl carousel ) (19:15)
Ep18.5 สอนสร้างหน้า Blog Detail ( Facebook Comments ) (15:59)
Chapter 19 WebBlog #4 Contact
Ep19 #WebBlog สอนสร้างหน้า Contact (Homework #10) (43:35)
Chapter 20 WebBlog #5 Fixed Bug
Ep20.1 Fixed WebBlog Owl-Carousel (10:37)
Ep20.2 Fixed WebBlog Navbar-brand Responsive (6:19)
Ep20.3 Fixed WebBlog Page Title (7:57)
Ep20.4 WebBlog reCAPTCHA (11:09)
Ep20.5 WebBlog On To Top (17:11)
Ep20.6 ทบทวนการทำงานที่ผ่านมาใน Ep นี้ (8:55)
Chapter 21 WebBlog #6 Plugins
Ep21.1 การใช้งาน Favicons เพิ่ม icon สำหรับเว็บไซต์ (8:34)
Ep21.2 เรียนรู้การตั้งค่า SEO meta tag Search Engine, Google, Facebook (10:27)
Ep21.3 สอนการใช้งาน Sharing Debugger - Facebook และ Pagespeed Insight (7:20)
Ep21.4 สอนการติดตั้งในส่วนของ Social Sharing Platforms (19:28)
Ep21.5 สอนการติดตั้ง icon บนหน้าจอมือถือ (3:56)
Chapter 22 Domain & Host Server
Ep22.1 การสมัครใช้งาน Domain & Host (20:31)
Ep22.2 สอนการใช้งาน FileZilla การอัพโหลดไฟล์ขึ้น Server (7:26)
Ep22.3 สอนการติดตั้ง SSL Certificates (15:48)
Chapter 23 PHP CRUD ( Create Read Update Delete)
Ep23.1 การเชื่อมต่อฐานข้อมูล ( Setup ) (26:52)
Ep23.2 เพิ่มข้อมูล ( Create ) (27:10)
Ep23.3 เรียกดูข้อมูล ( Select ) (23:05)
Ep23.4 การแก้ไขข้อมูล ( Update ) (22:57)
Ep23.5 การลบข้อมูล ( Delete ) (13:51)
Chapter 25 WebBlog #7 Layout Website
Ep25.1 สอนการสร้าง Layout ใหม่ทั้งหมดด้วย php (24:31)
Ep25.2 สอนการสร้าง Layout จัดการ Footer (14:39)
Ep25.3 สอนการสร้าง Layout จัดการ Parallax (11:55)
Chapter 26 WebBlog #8 Blog System
Ep26.1 หน้าแสดงบทความ สร้างฐานข้อมูล (8:51)
Ep26.2 หน้าแสดงบทความ ดึงบทความทั้งหมดมาแสดง (16:15)
Ep26.3 หน้าแสดงบทความ ดึงบทความจาก ID (24:48)
Ep26.4 หน้าแสดงบทความ การจัดการ tag (19:06)
Ep26.5 หน้าแสดงบทความ ตรวจสอบสถานะของบทความ (11:13)
Ep26.6 หน้าแสดงบทความ active tag & change image path (14:50)
Ep26.7 หน้าแสดงบทความ สุ่มบทความมาแสดง (20:59)
Chapter 27 WebBlog #9 Contact System
Ep27.1 หน้าติดต่อเรา (ออกแบบฐานข้อมูล) (4:19)
Ep27.2 หน้าติดต่อเรา (จัดการ Form) (20:47)
Ep27.3 หน้าติดต่อเรา (reCAPTCHA Client & Server) (15:18)
Ep27.4 หน้าติดต่อเรา (Create Contact) (11:58)
Ep27.5 หน้าติดต่อเรา ( Line Notify Push Notification ) (35:44)
Ep27.6 หน้าติดต่อเรา ( Line Notify รวมกับ Create Contact ) (16:19)
Chapter 28 AdminBlog Overview
Ep28.1 Overview Admin (15:10)
Ep28.2 Review Code Admin (23:25)
Chapter 29 Database Mysql Server
Ep29.1 การสร้าง Database Mysql server (12:23)
Chapter 30 Meta tag Debug Facebook
Ep30.1 การใช้งาน Meta tag และการ Debug Facebook (15:23)
Ep30.2 การแชร์บทความลง Facebook ตาม ID แต่ละบทความ (15:54)
Chapter 31 Admin Management
Ep31.1 Admin Management การสร้างฐานข้อมูล Admin (10:11)
Ep31.2 Admin Management การสร้าง Form สำหรับเพิ่มข้อมูล Admin (11:30)
Ep31.3 Admin Management การเพิ่มข้อมูลลงฐานข้อมูล (14:05)
Ep31.4 Admin Management การเข้ารหัส Password Hash (10:21)
Ep31.5 Admin Management โชว์ข้อมูลรายชื่อ Admin (10:02)
Ep31.6 Admin Management การแสดง Form สำหรับแก้ไขข้อมูล (20:15)
Ep31.7 Admin Management การแก้ไขข้อมูลลงฐานข้อมูล (17:14)
Ep31.8 Admin Management การตรวจสอบ Username ให้ไม่ซ้ำกัน (15:22)
Ep31.9 Admin Management การลบข้อมูล Admin (23:25)
Chapter 32 Admin Login & Authentication
Ep32.1 Admin Login การสร้างระบบ Login (33:35)
Ep32.2 Admin Login การแสดงข้อมูล Last Login (16:13)
Ep32.3 Admin Authentication การกำหนดสิทธิ์เข้าใช้งานในแต่ละเมนู (24:43)
Chapter 33 Admin Articles
Ep33.1 Admin Articles Create Form (18:57)
Ep33.2 Admin Articles CKEditor & Filemanager (15:48)
แก้ปัญหา SyntaxError: Unexpected token < in JSON at position 0 (Responsive Filemanager) PHP 7.4
Ep33.3 Admin Aritcles Config Filemanager (17:44)
Ep33.4 Admin Articles Upload Image (17:22)
Ep33.5 Admin Articles Validate Image (7:25)
Ep33.6 Admin Articles การเพิ่มข้อมูลลงฐานข้อมูล (25:16)
Ep33.7 Admin Articles การแสดงข้อมูลบทความ (16:25)
Chapter 34 Admin แก้ไขระบบบทความ
Ep34.1 เริ่มต้นการเพิ่มไฟล์แก้ไขข้อมูลบทความ (10:35)
Ep34.2 เลือกข้อมูลบทความขึ้นมาแสดงในช่อง input (11:15)
Ep34.3 แสดงข้อมูล detail, tag, toggle swich เพื่อการแก้ไข (16:35)
Ep34.4 Form Upload Image อธิบายการแก้ไขรูปภาพ (16:16)
Ep34.5 Upload Image ด้วย PHP (10:10)
Ep34.6 การเช็คไฟล์อัพโหลด (10:32)
Ep34.7 นำข้อมูลการแก้ไขเข้าสู่ Database (25:24)
Bonus 1 วิเคราะห์ตัวอย่างระบบขายของออนไลน์ (MySQL Workbench)
ติดตั้งโปรแกรม MySQL Workbench
เริ่มต้นสร้าง Model รายชื่อลูกค้า Members #1 (14:32)
สร้าง Table ประภทสินค้าและรายละเอียดสินค้า Products #2 (8:48)
วิเคราะห์ใบสั่งซื้อสินค้า จากใบเสร็จจริงๆ Orders #3 (7:00)
เชื่อมความสัมพันธ์ของข้อมูล และสร้างรายละเอียดใบเสร็จ Order Details #4 (13:46)
สร้างฐานข้อมูลทั้งหมดด้วยคำสั่ง Forward Engineer #5 (13:18)
แก้ไขโครงสร้างฐานข้อมูล และใช้คำสั่ง Sychronize Model #6 (7:00)
Bonus 2 Freelance
Bonus 2 เทคนิคการเป็น Freelance (41:25)
Bonus 3 Code Project sClass1 Final
Bonus 3 การติดตั้ง Code Project sClass1 Final (7:22)
ดาวน์โหลดระบบ Weblog sClass1 Final
Bonus4 CKEditor & Responsive Filemanager
รายละเอียด CKEditor & Responsive Filemanager
ดาวน์โหลดโค้ด CKEditor & Responsive Filemanager
Teach online with
Ep34.1 เริ่มต้นการเพิ่มไฟล์แก้ไขข้อมูลบทความ
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock