Nội dung bài viết
เขียน html ให้เร็วขึ้นด้วย emmet ตอนที่ 2 (สร้าง lorem)
นอกจากการดูบทความนี้แล้ว คุณยังสามารถดูข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมายที่เราให้ไว้ที่นี่: ดูเพิ่มเติม
เทคนิคการใช้ emmet ในการสร้าง lorem text และ การสร้าง lorem สำหรับรูปด้วยการดึงรูปจาก http://lorempixel.com/
ไฟล์ตัวอย่างที่ใช้ในคลิป ► https://github.com/prasertcbs/html_tutorial.git
เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs
สอน html ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEZaY_alYhoXoidMgCUSST2
สอน Visual Studio Code ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEo8pnhJbmMGVGDvGb4bB
สอน PostgreSQL ► https://www.youtube.com/playlist?list=PLoTScYm9O0GGi_NqmIu43BPsxA0wtnyH
สอน MySQL ► https://www.youtube.com/playlist?list=PLoTScYm9O0GFmJDsZipFCrY6L0RrBYLT
สอน Microsoft SQL Server 2012, 2014, 2016, 2017 ► https://www.youtube.com/playlist?list=PLoTScYm9O0GH8gYuxppjqu5Blc7KbQVn
สอน SQLite ► https://www.youtube.com/playlist?list=PLoTScYm9O0GHjYJA4pfG38M5BcrWKf5s2
สอน SQL สำหรับ Data Science ► https://www.youtube.com/playlist?list=PLoTScYm9O0GGq8M6HO8xrpkaRhvEBsQhw
การเชื่อมต่อกับฐานข้อมูล (SQL Server, MySQL, SQLite) ด้วย Python ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEdZtHwU3t9k3dBAlxYoq59
การใช้ Excel ในการทำงานร่วมกับกับฐานข้อมูล (SQL Server, MySQL, Access) ► https://www.youtube.com/playlist?list=PLoTScYm9O0GGA2sSqNRSXlw0OYuCfDwYk
prasertcbs_html prasertcbs prasertcbs_js prasertcbs_css
สอน HTML CSS เบื้องต้น #01
คอร์ส Workshop HTML, CSS (Bulma), JS มีวีดีโอสอน พร้อมโจทย์และโค้ดเฉลยเพียบ สั่งซื้อได้เลยครับช่วงราคาโปรโมชั่น
https://zinglecode.com/courses/htmlcssjavascriptworkshop
ติดตามและพูดคุยได้ที่
Facebook : https://www.facebook.com/zinglecode
Line : https://lin.ee/yG1XX6D
สอน HTML CSS เบื้องต้น เริ่มต้นจากพื้นฐานภาษา HTML CSS แล้วไปสิ้นสุดที่การสร้างเว็บระดับง่ายๆ
แนะนำโปรแกรม VSCode
https://youtu.be/OLXFKyKl_5k
วาร์ปหัวข้อ
0:00 Greeting (ทักทาย)
0:21 What is HTML CSS ? (มันคืออะไรกัน)
1:30 HTML Start (เริ่มสร้างเว็บเพจ)
6:07 HTML Text (ข้อความ)
9:35 HTML Image (รูปภาพ)
13:14 HTML Link (ลิ้งก์)
16:26 HTML Block (กรอบ)
18:49 HTML Header Footer (เฮดเด้อ ฟุตเต้อ)
22:30 CSS Start (เริ่มตกแต่งเว็บเพจ)
24:49 CSS Selectors (ตกแต่งอะไร คุณเลือกได้)
30:46 CSS Display (ตกแต่งการแสดงผล)
34:20 HTML CSS Fusion (ลองสร้างเว็บเพจง่ายๆ)
ปูพื้นฐานการสร้างเว็บด้วย HTML5 จบในคลิปเดียว
สนับสนุนช่องด้วยการสมัครสมาชิก (Membership):
https://www.youtube.com/channel/UCQ1r_4xPfETLIU4pqf98w/join
โค้ดประกอบการสอน :
https://github.com/kongruksiamza/htmlbasic
ดาวน์โหลด Visual Studio Code :
https://code.visualstudio.com/
ประกอบด้วยเนื้อหา :
0:00 HTML5 คืออะไร
12:24 ติดตั้ง Visual Studio Code
21:48 โครงสร้าง HTML
35:56 Meta Tags
42:59 การเขียน Comment
47:43 การกำหนดหัวเรื่อง (Heading)
01:07:22 สร้างเส้นคั่นและขึ้นบรรทัดใหม่
01:12:11 การกำหนด Link ในหน้าเว็บ
01:23:19 แท็กรูปภาพ (HTML Images)
01:35:38 การแสดงรายการ (Lists)
01:51:29 การสร้างตาราง (Table)
02:09:02 Attribute ของตาราง
02:29:06 แท็ก div และ แท็ก span
02:39:01 การสร้างฟอร์ม (HTML Form)
03:17:03 Block vs Inline
03:25:33 Class \u0026 Id
03:37:20 Semantic Tags
03:51:02 HTML Entity
04:08:35 การเล่นวิดีโอ (Video)
04:17:56 การเล่นเสียง (Audio)
ปูพื้นฐาน JavaScript (ES6):
https://www.youtube.com/watch?v=4bKaLDwCVP4\u0026list=PLltVQYLz1BMBOTnaiwtpENjN01GRM0xau
ปูพื้นฐาน HTML5 :
https://www.youtube.com/watch?v=0hfeNPM7piw\u0026list=PLltVQYLz1BMDfN2ZmyJKEv4VlpM_9m67
ปูพื้นฐาน CSS3 :
https://www.youtube.com/watch?v=HcInSUzhaUc\u0026list=PLltVQYLz1BMBeWsNwB06VT3t8m5575qCP
สอน JavaScript 20 Workshop [2020]:
https://www.youtube.com/watch?v=9FO4bACWmiI\u0026list=PLltVQYLz1BMBezCn1FldaKLXq8S92q2w6
สร้างเว็บด้วย HTML5 KongRuksiam
ติดตามข่าวสารของเราได้ที่แฟนเพจ :
https://www.facebook.com/pg/KongRuksiamTutorial/
HTML, CSS, PHP, MySQL, Database เขียนเว็บติดต่อฐานข้อมูล เริ่มจาก 0 (ศูนย์) | อ.เอิญ สุริยะฉาย
HTML, CSS, PHP, MySQL, Database เขียนเว็บติดต่อฐานข้อมูล เริ่มจาก 0 (ศูนย์)
Download เอกสารประกอบ
http://bit.ly/Web2DB_pdf
Download ไฟล์ประกอบ
http://bit.ly/Web2DB_Lab
Clip YouTube อธิบาย
https://youtu.be/bKIZH1eOAHM
สามารถดูแยกแต่ละส่วนได้
TimeLine
0:07:39 HTML
0:59:29 CSS
1:47:31 HTML Form
2:18:22 Bootstrap
2:34:29 PHP 1
3:37:05 PHP 2
4:23:39 SQL
5:30:26 PHP+MySQL
คลิปนี้เป็นการสอนในลักษณะพื้นฐานเบื้องต้นนะครับ
สำหรับ นศ. ที่พึ่งเริ่มศึกษา โดยพยามเลือกภาษาคอมให้ง่ายที่สุดก่อน
จะได้มีทักษะ และ การคิด แบบ โปรแกรมเมอร์ได้
เพื่อจะได้ต่อยอดไปยังภาษาอื่น และเทคโนโลยี ที่ใหม่ขึ้นได้ง่ายครับ
อ.เอิญ สุริยะฉาย (ENS)
ภาควิชาวิทยาการคอมพิวเตอร์และสารสนเทศ
มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ
.
ไม่สงวนลิขสิทธิ์สำหรับเพื่อการศึกษา และไม่แสวงหากำไร
สามารถนำคลิปและเนื้อหาไปใช้ต่อได้เลย ยินดีครับ
ทำเว็ปของตัวเอง ง่ายๆคูลๆ ใน 15 นาที How to make a Website | แอริกะ
วันนี้แอริกะมี 5 วิธีทำวิธีทำเว็ปไซต์ของตัวเองแบบง่ายๆ แต่สวยและแถมฟรี !!! อีกด้วยมาแชร์ให้ทุกคนค่ะ เพราะหลายๆคนอาจจะอยากมีเว็ปเป็ของตัวเองแต่ไม่รู้ว่าจะเริ่มต้นทำเว็ปยังไงดี กลัวจะยุ่งยากและเสียเวลา แต่แอริกะรับรองว่าหลังจากดูคลิปนี้จบทุกคนจะามารถทำเว็ปของตัวเองได้แน่นอน ส่วนในวันนี้เว็ปที่เราจะใช้สร้างเว็ปของเรานั้นมีชื่อว่า www.wix.com นะคะ
SUBSCRIBE แอริกะเพื่อไม่พลาดคลิปต่อไปนะจ๊ะ ►► http://bit.ly/24Q8ubF
รวมคลิปทั้งหมดของช่องแอริกะ ►► http://bit.ly/25X74Sz
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
มาพูดคุยและร่วมกิจกรรมอื่นๆกับ Airrlikaa ได้ที่
❥Facebook :: https://www.facebook.com/airrlikaa/
❥Instagram :: https://instagram.com/airrlikaa/
❥Twitter :: https://twitter.com/airrlikaa_
❥Website :: http://www.airrlikaa.com/
❥Google+ :: https://goo.gl/j5pGu2
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
For business inquiries: [email protected]
นอกจากการดูหัวข้อนี้แล้ว คุณยังสามารถเข้าถึงบทวิจารณ์ดีๆ อื่นๆ อีกมากมายได้ที่นี่: ดูบทความเพิ่มเติมในหมวดหมู่Wiki
