Web Programming จัดเต็มเน้นลงมือ!

Current Time 0:00

Duration Time 0:00

Progress: NaN%

ราคา

ซื้อคอร์สนี้ : 2,000.00 ฿

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

เนื้อหาทั้งหมด 178 วิดีโอ ความยาวรวมกัน 26 ชั่วโมง 49 นาที

เราสอนภาษา HTML5, CSS3, JavaScript, ECMAScript2016, SQL, PHP และอีกมากมาย

รู้จักกับเครื่องมือเสริมมากมาย เช่น Atom, Developer Tools, Console, Git, Composer และอีกมากมาย

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

คอร์สเรียนเพื่อก้าวสู่นักพัฒนาเว็บไซต์ ฉบับมือใหม่หัดเขียนแบบจัดหนักจัดเต็ม!

ผมคือใคร?
ผมชื่อ "นคร สินผดุง" เป็นนักศึกษาที่มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรี คณะวิทยาศาสตร์และเทคโนโลยี
สาขาวิชาเทคโนโลยคอมพิวเตอร์ เข้าเรียนเมื่อปีการศึกษา 2557 ที่ได้มีโอกาสในการเข้าร่วมโครงการในการสอน
โปรแกรมภาษาซีเพื่อปูพื้นฐานให้แก่รุ่นน้องตั้งแต่ปีการศึกษา 2558 มาตลอด จนมีแรงบันดาลใจในการทำคอร์สเรียนออนไลน์ เพื่อนำความรู้และประสบการณ์การสอนกับการทำงานฟรีแลนซ์ที่รับงานด้านการเขียนเว็บไซต์มาหลายรูปแบบ มาเป็นความรู้ในการทำสื่อการสอนออนไลน์แบบฉบับเน้นปฎิบัติลงมือจริงจนถึงทุกวันนี้

เราสอนอะไร?
คอร์สเรียนนี้เราจะสอนวิธีการปฎิบัติ เพื่อให้ได้ผลลัพธ์จากการพัฒนาเว็บไซต์จริง โดยจะเน้นเป็นการปูพื้นฐานสำหรับมือใหม่ที่ยังไม่เคยเขียนเว็บไซต์มาก่อน หรืออาจจะมีพื้นฐานเพียงเล็กน้อย เพื่อก้าวลำดับจาก Beginner เป็น Intermediate (จากระดับเริ่มต้นสู่ระบบกลาง) โดยจะเป็นการสอนเพื่อการเขียนเว็บไซต์สำหรับยุคปีค.ศ. 2017 ร่วมกับการใช้ Editor ในการเขียนแบบ Code Editing เพื่อเข้าใจถึงส่วนเบื้องหลังของการพัฒนาเว็บไซต์ เช่น HTML, CSS, JavaScript, SQL, PHP และอื่นๆ ร่วมกับเครื่องมือต่างๆที่จะช่วยให้การเขียนเว็บไซต์ในยุคสมัยใหม่พัฒนาได้เร็วและมีประสิทธิภาพยิ่งขึ้น เช่น Developer Tools, Git, Framework, Composer และอื่นๆอีกมากมาย

คอร์สเรียนนี้เหมาะกับใคร?
เหมาะกับผู้ที่กำลังศึกษาการทำเว็บไซต์ ทั้งแบบ Front-end และ Back-end สำหรับมือใหม่หัดเขียน หรือกำลังเรียนรู้ในช่วงเริ่มต้น เพื่อเสริมความเข้าใจพื้นฐาน

เราจะได้อะไรจากคอร์สเรียนนี้?
- สามารถเขียนภาษา Web Programming ด้าน Front-end คือ HTML5, CSS3, JavaScript และ ECMAScript2016
- สามารถเขียนภาษา Web Programming ด้าน Back-end คือ SQL และ PHP
- เข้าใจวิธีการหาแหล่งเรียนรู้เพื่อในการศึกษาต่อด้วยตนเอง
- เข้าใจการสร้างเว็บไซต์ที่มีประสิทธิภาพ ทั้งการประมวลผลและความปลอดภัย
- รู้จักกับเครื่องมือเสริมเพื่อการพัฒนาเว็บไซต์ในยุค 2017
- สามารถใช้ Library หรือ Class ที่เป็นโปรแกรมจากผู้อื่น นำมาใช้ร่วมกับโปรเจคของเราได้
- สามารถรับงานแบบฟรีแลนซ์อิสระได้ทันทีหลังมีความเข้าใจในการพัฒนาระบบทั้งหมด

ผู้สอน

นคร สินผดุง

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

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

Lesson 1 - Introduction
1.1 Web Technology ดูตัวอย่างฟรี	14:07
1.2 Web Browser	6:33
1.3 Typing Skills	7:49
1.4 Text Editor	15:23

Lesson 2 - HTML
2.1 Create HTML Files	3:11
2.2 Syntax	6:14
2.3 Elements ดูตัวอย่างฟรี	9:42
2.4 Encoding & Character Set	5:39
2.5 Attrubutes	9:10
2.6 Programming Style with Block & Inline	8:00
2.7 Formats	8:45
2.8 Images	9:32
2.9 Tables	10:03
2.10 Lists	4:23
2.11 Symbol & Favicon	5:44
2.12 HTML5	12:12

Wokshop #1 - Portfolio
Solution	3:17
Walkthough	5:26

Lesson 3 - CSS
3.1 Begin with CSS	11:34
3.2 Selectors ดูตัวอย่างฟรี	11:29
3.3 Developer Tools	7:26
3.4 Presudo	14:52
3.5 background: value; ดูตัวอย่างฟรี	5:30
3.6 border: value;	5:21
3.7 margin: value; & padding: value;	10:09
3.8 width: value & height: value;	4:37
3.9 text: value;	10:40
3.10 font: value;	8:34
3.11 Lists & Table Styling	11:45
3.12 display: value; & Layouts	11:38
3.13 position: value;	7:01
3.14 overflow: value;	2:19
3.15 CSS3 Colors	12:57
3.16 CSS3 Transforms	15:59
3.17 CSS3 Animations	6:25
3.18 CSS3 Flex	13:55

Lesson 4 - Responsive Design
4.1 Desktop & Device	3:08
4.2 Grids	5:17
4.3 Media Queries	4:22
4.4 Conclude	7:03

Workshop #2 - CSS with Portfolio
Solution	1:37
Walkthough	40:48

Lesson 5 - JavaScript
5.1 Basic with JavaScript	6:18
5.2 Output	9:56
5.3 Variables ดูตัวอย่างฟรี	5:59
5.4 Datatypes	7:25
5.5 Operators	11:11
5.6 Comparation	15:55
5.7 Functions	11:24
5.8 Objects	13:45
5.9 Arrays	13:41
5.10 Conditions (If & Else)	20:27
5.11 Conditions (Switch & Case)	7:12
5.12 Exceptions (Try & Catch)	5:45
5.13 Atom with Browser Plus	3:21
5.14 Events ดูตัวอย่างฟรี	14:47
5.15 Functions with Events	15:41
5.16 Loop (For)	9:35
5.17 Loop (While)	8:11
5.18 Methods	21:22
5.19 Array Methods	6:50
5.20 Regular Expressions	11:55
5.21 Constraints	2:12
5.22 Forms	10:15
5.23 DOM Basic	4:29
5.24 DOM Selectors	8:57
5.25 DOM Methods	7:35
5.26 AddEventListener()	7:56
5.27 Node	6:50

Front-end
Conclude	6:20

Lesson 6 - ECMAScript
6.1 Basic with ES6 ดูตัวอย่างฟรี	4:37
6.2 Let	11:24
6.3 Arrows	8:22
6.4 Classes (Part 1)	12:02
6.5 Classes (Part 2)	6:42
6.6 Classes (Part 3)	6:15
6.7 Parameters	6:02
6.8 REST Parameters	7:28
6.9 Templates	8:02
6.10 Objects	9:56
6.11 Generate Functions	11:34
6.12 Set	3:51

Workshop #3 - To-Do Lists
Solution	1:25
HTML Walkthough	7:09
CSS Walkthough	21:36
JS Walkthough Processing	16:49
JS Walkthough Methods	22:14
JS Walkthough Classes	18:51

Workshop #4 - Bingo Game!
Solution	1:56
Create Tables	9:21
Math Randoms	5:46
Class Properties	6:37
AddEventListener() on Class	16:04
Time Intervals	14:20
Score	2:36
classList Methods	8:02
Datatype with Comparation	9:31
Create Patterns Part 1	15:40
Create Patterns Part 2	14:58
Conclude	4:55

Back-end Intro
Intro	4:58

Lesson 7 - SQL Manager
7.1 What is SQL	4:52
7.2 Installation	5:22
7.3 SQL Manager Basic with Columns ดูตัวอย่างฟรี	16:00
7.4 Data in Tables	10:34
7.5 Constraint	9:31
7.6 Foreign Keys	8:52
7.7 Import & Export	7:19
7.8 Conclude	3:53

Lesson 8 - SQL Languages
8.1 Import our Example	2:54
8.2 SELECT ดูตัวอย่างฟรี	5:55
8.3 SELECT DISTINCT	1:50
8.4 WHERE	4:24
8.5 AND & OR	1:59
8.6 ORDER BY	2:41
8.7 Additional	4:52
8.8 LIMIT	4:34
8.9 BETWEEN & IN	6:54
8.10 LIKE & Wildcard	6:11
8.11 Functions	6:25
8.12 INSERT	10:59
8.13 UPDATE	5:15
8.14 DELETE & Cascade, Restrict	11:31
8.15 INNER JOIN	10:52
8.16 Self JOIN	3:50
8.17 Outer JOIN (LEFT, RIGHT)	5:42
8.18 UNION	7:24
8.19 Group Functions	6:23
8.20 HAVING	2:43
8.21 Sub Queries	8:13
8.22 CREATE & DROP	5:01
8.23 ALTER TABLE	3:39
8.24 Constraint Keywords	7:38
8.25 Indexes & Foreign Keys	4:52
8.26 ON UPDATE & DELETE with Related	7:00

Lesson 9 - PHP
9.1 Installation	9:09
9.2 Windows Environment Variables	4:48
9.3 Console Command	7:37
9.4 Ports ดูตัวอย่างฟรี	8:21
9.5 PHP & JavaScript Programming?	15:17
9.6 Require & Include	4:27
9.7 Templates	10:38
9.8 PDO Connection	9:54
9.9 PDO Extensions & Queries	7:57
9.10 PDO Fetch Data	9:38
9.11 Arrays	9:13
9.12 PDO Fetch Styles	8:20
9.13 PDO Fetch & Show	7:14
9.14 Shorthands	10:15
9.15 Classes	6:59
9.16 Classes Scope	7:06
9.17 Classes Variable	9:50
9.18 Classes Static	10:14
9.19 Global Variables	8:36
9.20 GET & POST Methods	7:50
9.21 URL Queries	19:54
9.22 Session & Cookie	7:56

Lesson 10 - Tools & Developments
10.1 Git with GitHub ดูตัวอย่างฟรี	12:26
10.2 Git Repository	14:44
10.3 Stackoverflow	4:04
10.4 More with Text Editors	6:11
10.5 CSS Frameworks	12:58
10.6 Sass, Less	5:00
10.7 Font Awesome	2:32
10.8 JavaScript Frameworks	8:19
10.9 JavaScript for Developments	3:41
10.10 NodeJS	5:02
10.11 PHP Frameworks	5:33
10.12 Forum & CMS Software	9:24
10.13 XAMPP	14:36
10.14 Installing Wordpress	11:25
10.15 Hosting, DDNS, Port Forwarding	22:20

(Mini) Full Stack Workshop
Composer Setup	7:09
Klein/Klein	11:56
Klein Views, Partials and Layouys	10:14
Semantic UI	20:00
catfan/Medoo	30:18
Composer Classmap	20:23