This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
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
Ep34.5 Upload Image ด้วย PHP
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock