HTML5+CSS3 in 13 hours! พร้อมการใช้งาน CSS Framework

Current Time 0:00

Duration Time 0:00

Progress: NaN%

ราคา

ซื้อคอร์สนี้ : 645.00 ฿

สามารถเรียนที่ไหน เมื่อไหร่ก็ได้ตลอดชีพ

เนื้อหาทั้งหมด 40 วิดีโอ ความยาวรวมกัน 12 ชั่วโมง 59 นาที

สร้างเว็บไซต์ด้วยตนเองจากภาษา HTML5 และ CSS3

เรียนรู้ใช้งาน CSS Framework เป็นง่ายๆ ได้ทุกตัว (Bootstrap, Semantic UI และอื่นๆ)

เหมาะกับผู้ที่สนใจการพัฒนาเว็บไซต์

เกี่ยวกับคอร์สนี้

ท่านกำลังศึกษาการเขียนเว็บไซต์ด้วย HTML และ CSS แล้วไม่เข้าใจใช่หรือไม่? คอร์สเรียนนี้คือคำตอบ! ผู้สอนเอาประสบการณ์ที่ผู้สอนทำเว็บไซต์ด้วยการค้นหาจาก Search Engine (Google) มาตลอด 2 ปีเต็ม! มาสอนพวกคุณ รับประกันเขียนโปรแกรมสดตลอดช่วงการสอนโปรแกรม พร้อมกับเว็บไซต์ยอดนิยมการเรียนรู้ด้วยตัวเองอย่าง W3Schools.com

ถึงท่านที่กำลังศึกษาเว็บไซต์ด้วยตัวเอง เราเข้าใจว่าท่านอาจจะอ่านภาษาอังกฤษลำบาก หรือการทำความเข้าใจตัวอย่างที่มีบนเว็บไซต์สาธารณะอ่านเข้าใจยาก คอร์สเรียนนี้ผู้สอนจะทำตัวเองให้เหมือนเป็นผู้ศึกษาร่วมกันกับคุณ เสมือนเป็นเพื่อนร่วมห้องที่กำลังนั่งเรียนไปด้วยกัน โดยมีปัญหาอะไรเราก็จะทำการไขข้อข้องใจไปด้วยกัน ทำความเข้าใจกับตัวอย่างที่เว็บไซต์มีให้กระจ่าง! และยังประกอบตัวอย่างจากผู้สอนโดยตรงอีกมากมาย

รวมทั้งการใช้โปรแกรม Editor ยอดฮิตช่วงนี้อย่าง Atom Editor ที่มีฟีเจอร์มาเพียบพร้อม เป็นโปรแกรมฟรีที่ดีที่สุด ณ ตอนนี้ ทำให้การทำให้เว็บไซต์เราเขียนง่ายขึ้น จัดเรียงเป็นระเบียบ และ Package เสริมที่จะช่วยให้เว็บไซต์ยากๆ เขียนง่ายมากขึ้น

นอกจากนี้คอร์สเรียนสุดคุ้มนี้ยังสอน Framework ต่างๆ แต่เราจะไม่ได้สอนแค่อย่าง Bootstrap เว็บไซต์ CSS Framework ยอดนิยมอย่างเดียว เราจะสอนให้ท่านสามารถใช้ระบบ GitHub พื้นฐาน และการค้นหา Framework ที่โดนใจของท่านเองได้! เพื่อพัฒนาตัวเองโดยสามารถแก้ไขและติดตามเทคโนโลยีเว็บไซต์ด้วยตนเองได้ตามความต้องการ!

คอร์สเรียนนี้เหมาะสมกับใคร :
- ผู้ที่สนใจการพัฒนาเว็บไซต์ด้วยการ Coding (HTML, CSS, JavaScript, Framework)
- ผู้ที่กำลังศึกษาระดับปริญญาตรี ที่ศึกษามีเนื้อหาเกี่ยวข้องกับการพัฒนาเว็บไซต์
- พนักงานที่ทำงานทางด้าน Website Development ต่างๆ ที่เป็นส่วนของ Front-end
- ผู้ที่ต้องการหาความรู้ที่จะพัฒนาตนเอง ให้เรียนรู้ด้วยตนเองได้โดยไม่ต้องพึ่งผู้อื่นอีกต่อไป!

สิ่งที่จะได้จากคอร์สเรียนนี้ :
- มีความเข้าใจโครงสร้าง HTML, CSS เพื่อปรับใช้ พัฒนา และศึกษาต่อยอดเพิ่มเติมจากเดิมได้เร็วมากขึ้น
- สามารถเริ่มพัฒนาเว็บเพจด้วยตนเองได้ทันทีหลังจบคอร์ส
- นำไปต่อยอดกับการเขียนเว็บแอปพริเคชั่นของคอร์สเรียนบทต่อไปได้

ผู้สอน

นคร สินผดุง

ผู้ก่อตั้ง นครโค้ด สอนการพัฒนาโปรแกรม

หลักสูตรของคอร์สนี้

Introduction
บทนำ การเขียนเว็บไซต์ภายใน 13 ชั่วโมง ดูตัวอย่างฟรี	1:57

บทที่ 1 : บทนำการเขียนเว็บไซต์ด้วย HTML5, CSS3 และ JavaScript
1.1 ทำความเข้าใจการเขียนเว็บไซต์ต่างๆ ดูตัวอย่างฟรี	20:46
1.2 การใช้งาน Editor และการเริ่มต้นเขียนเว็บไซต์	13:35
1.3 Atom Editor และการ Encoding	14:21

บทที่ 2 : HTML5
2.1 HTML Element ดูตัวอย่างฟรี	11:20
2.2 HTML Heading, Paragraphs, Links	10:05
2.3 HTML Attributes, Images, Directory	16:52
2.4 HTML Single & Double Quotes, Head Tags	13:32
2.5 HTML Text Formatting	8:25
2.6 HTML Text Formatting Part 2, Bookmark & Target Links	22:17
2.7 HTML Tables และคุยเรื่องนามสกุลรูปไหนเหมาะกับเว็บไซต์?	25:28
2.8 บทสรุป HTML5 พื้นฐาน	9:07

บทที่ 3 : CSS พื้นฐาน
3.1 แกะรอยโครงสร้าง HTML ของเว็บอื่น ดูตัวอย่างฟรี	9:30
3.2 CSS Syntax, Class, ID	16:58
3.3 CSS Inline Style, Color, Background, Border	23:27
3.4 CSS Margins, Padding, Width & Height และการใช้ Developer Tools พื้นฐานควบคุ่การพัฒนา CSS	26:32
3.5 CSS Text Formatting, Outline	25:51
3.6 CSS State of Links กับการทำ Button ของลิงก์	16:43
3.7 CSS Lists กับการทำรูปแบบลิงก์นำทาง	16:02
3.8 CSS Tables	23:28
3.9 CSS Block & Inline Element (Display)	12:37
3.10 ย่อหน้า Window แล้วเว็บไซต์เละ? เรามาแก้กันหน่อยดีกว่า!	8:30
3.11 CSS Position	16:14
3.12 CSS Overflow	12:33
3.13 CSS Pseudo-Classes	24:13
3.14 CSS Opacity และ รวบรวมเทคนิคบน CSS ที่เราไม่ต้องคิดเอง แต่ยืมของคนอื่นมาปรับใช้	32:14

บทที่ 4 : CSS3
4.1 CSS3 กับการใช้ขอบ, ลงสี, สไตล์ตัวข้อความ และใช้เงากับ Element	32:01
4.2 CSS3 กับการใช้ฟอนต์เว็บอื่น และอนิเมชั่นเคลื่อนไหวโดยไม่ต้องใช้ JavaScript	27:11
4.3 CSS3 กับการแต่งรูปภาพ และอื่นๆ	33:41
4.4 CSS3 Interface การแสดงผล และแอบเอา CSS3 คนของอื่นมาใช้กับเว็บเราสักหน่อย	20:48

บทที่ 5 : Atom Editor
5.1 ก่อนจะทำเว็บให้เทพ เรามาลองใช้ Atom Editor ฉบับโหดมาขึ้นกันดีกว่า	39:27

บทที่ 6 : Front-end Framework
6.1 แนะนำ CSS Framework อันไหนเหมาะกับเราที่สุด! ดูตัวอย่างฟรี	15:27
6.2 จะติดตั้ง CSS Framework อยางไร? และ GitHub คืออะไร?	11:36
6.3 JavaScript และ jQuery ฉบับสั้นๆ	18:02
6.4 การทดลองใช้ CSS Framework เบื้องต้น	12:13
6.5 cdnjs.com ติดตั้ง Framework โดยไม่ต้องดาวน์โหลด และระบบ Grids พื้นฐาน	24:13
6.6 Utilities & Helper กับการเลือกใช้ Framework	12:34
6.7 แนะนำ Components ที่มีบน Bootstrap	16:05

สรุปท้ายบท
7.1 เว็บไซต์พื้นฐานจาก Framework และ HTML5+CSS3 ใน 1 ชั่วโมง!	1:14:23
7.2 บทสรุปของคอร์สเรียน	9:41