เพื่อให้ผู้เรียนเข้าใจการทำงานของ WEB Front-end เหมาะสำหรับผู้เรียนที่มีเวลาน้อย
วัตถุประสงค์หลัก (Primary objectives)
- เพื่อให้นักเรียนสามารถสร้าง WEB SITE ฝั่ง Client ได้
- เข้าใจการทำงานของ HTTP GET, POST, …
- เข้าใจและสามารถใช้ HTML
- เข้าใจและสามารถใช้ CSS และ บางส่วนของ CSS3
- สามารถสร้าง EFFECT ต่าง ๆ ในหน้า WEB ได้
- ทำ form สำหรับกรอกข้อมูลต่าง ๆ
- สามารถสร้าง web site ตาม Design ที่มีได้
- เข้าใจการประกอบกันของ HTML, CSS, JavaScript ในการสร้างหน้าเว็บให้สามารถใช้งานได้
- จัด Layout ของ Web ด้วยเทคนิค
- Classical Technic
- Modern Technic
- สามารถใช้ THEME ต่าง ๆ ที่มีอยู่แล้วมาประกอบกันเป็น web
- เข้าใจการเรียกใช้ API เบื้องต้น (ถ้าไม่เคยเรียนเขียนโปรแกรมมาก่อนอาจจะงง)
- เข้าใจ JSON (ถ้าไม่เคยเรียนเขียนโปรแกรมมาก่อนอาจจะงง)
- เข้าใจ XML (ถ้าไม่เคยเรียนเขียนโปรแกรมมาก่อนอาจจะงง)
วัตถุประสงค์รอง (Secondary objectives)
- เข้าใจ JavaScript
- ทำหน้าเว็บสำหรับการ login
- การดึงข้อมูลจาก server แบบพิสดาร
- การใช้ JavaScript Lib. ต่าง ๆ เนื้อหาแถมพิเศษ ไม่ใช่วัตถุประสงค์แต่มีสอนใน Course (OPTIONAL) ไม่ได้เป็นส่วนประกอบของ Course นี้
- Using Differential Equation to Create Spring like Effect
- Sorting Algorithm
- Animation for Displaying Sorting Algorithm step by step
- การใช้ Computer เบื้องต้นเช่น แตก Zip File, แก้ virus, สร้าง File, แก้นามสกุล File, หา Path File ต่าง ๆ ในเครื่องตัวเอง
- คณิตศาสตร์ม.ต้น, ม.ปลายบางเรื่อง เช่น Set, Function, Logics, Matrix, Vector, Complex Number
- ภาษาอังกฤษพื้นฐาน
- มีเวลามาเรียนและเวลาทำการบ้าน
ถ้าได้ทั้ง 4 ข้อนี้เรียนรู้เรื่องแน่นอนครับ
- ผู้ที่สนใจเริ่มศึกษาเทคโนโลยี WEB
- ผู้ที่อยากสร้างเว็บไซต์ง่าย ๆ ด้วยตัวเองเป็นภายใน 12 ชั่วโมง
- ผู้ที่มีพื้นฐานและไม่มีพื้นฐานการเขียนโปรแกรม
- เทพด้านการทำเว็บ WEB อยู่แล้ว
- Intro to WEB: เรียนรู้พื้นฐานเกี่ยวกับเทคโนโลยีเว็บ เช่น อินเตอร์เน็ตทำงานอย่างไร เว็บไซต์ทำงานอย่างไร การติดตั้ง Software ต่าง ๆ
- HTTP: เรียนรู้เกี่ยวกับ HTTP ซึ่งเป็นมาตรฐานการสื่อสารที่ใช้สำหรับแลกเปลี่ยนข้อมูลระหว่าง client และ server ว่าต้องรับ/ส่งข้อมูลอย่างไร
- HTML: เรียนรู้การเขียน HTML ซึ่งเป็นภาษา Markup มาตรฐานที่ใช้ในการบอกโครงสร้างของหน้าเว็บ ซึ่งประกอบไปด้วย element มากมาย และ element เหล่านี้จะเป็นตัวบอก browser ว่าจะต้องแสดงผลหน้าเว็บทั้งในด้านข้อมูลและความสวยงามอย่างไร
- CSS: เรียนรู้การเขียน CSS และการใช้ร่วมกับ HTML โดยเน้นไปที่ความสวยงามของหน้าจอทำให้สามารถจัดการรูปแบบหน้าตาของเว็บได้เป็นระบบมากขึ้น
- CSS3: เรียนรู้การเขียน CSS3 ซึ่งเป็นเวอร์ชันที่แยกตัวออกมาจาก CSS ธรรมดาแล้วเพิ่มความสามารถและฟีเจอร์ต่าง ๆ สามารถจัดการหน้าเว็บได้ทั้งในเรื่อง structuring, styling และ formatting
- API: ทำความรู้จัก ทดลองสร้าง และใช้งาน API ซึ่งเป็นวิธีที่คอมพิวเตอร์ใช้คุยกัน อาจจะเป็นคุยกันระหว่างโปรแกรมภายในเครื่องเดียวกันเอง หรือคุยกับคอมพิวเตอร์เครื่องอื่นผ่าน Internet protocol เช่น HTTP ก็ได้
- JavaScript: เรียนรู้การเขียน JavaScript ซึ่งเป็นภาษาเขียนโปรแกรมสำหรับเว็บ สามารถใช้อัปเดตหรือเปลี่ยนแปลงการทำงานของเว็บไซต์ขณะทำงานได้ เช่น HTML Content หรือ CSS นอกจากนี้ยังใช้ในการคำนวณหรือเก็บข้อมูลได้อีกด้วย
- JavaScript framework: เรียนรู้เกี่ยวกับ JavaScript framework ที่เป็นที่นิยมต่าง ๆ
- Progressive Web Apps: เรียนรู้และทดลองทำ PWA ซึ่งเป็นมาตรฐานการทำเว็บที่กำหนดโดย Google โดยเป็นการนำจุดเด่นของ Native Apps กับ Web Apps มารวมกัน ทำให้ผู้ใช้งานสามารถเข้าถึงเว็บไซต์ได้อย่างรวดเร็วโดยที่มีประสิทธิภาพการใช้งานแบบใกล้เคียงกับการติดตั้งแอปพลิเคชันบนเครื่อง
- Intro to react and vue.js: แนะนำการใช้งาน React ซึ่งเป็น User Interface Library ของ JavaScript ใช้เป็นเครื่องมือสำหรับสร้าง UI components ที่กำลังได้รับความนิยม และ Vue.js
ซึ่งเป็น JavaScript Framework ตัวหนึ่งที่เราสามารถเพิ่มเข้าไปในหน้า HTML ได้เลยโดยใส่ไว้ใน tag script
- Workshop: ทดลองสร้างเว็บต่าง ๆ หลากหลายรูปแบบ
เรียน W701 ONLINE
- สามารถสร้าง web front-end ได้ด้วยตัวเอง
- ท่านสามารถเอาผลงานที่ทำในนี้ ทำเป็น portfolio ไว้นำเสนอผลงานไว้สมัครเข้ามหาวิทยาลัย หรือไว้สมัครเข้าทำงาน
- สามารถทำหน้าตาของเว็บต่าง ๆ เช่น
- เว็บแสดงข้อมูลบริษัท
- เว็บ catalog สินค้า ทั้งแบบ static และแบบ dynamic (มีระบบหลังบ้าน)
- เว็บสำหรับ Presentation ความคิด
- สามารถสร้างเว็บที่มีลูกเล่นสวยงามได้
- เราสอนโดยละเอียดเพื่อให้ท่านไม่งงสามารถทำตามได้ สอนท่านแก้ปัญหาต่าง ๆ ที่ท่านอาจจะเจอ เราสอนท่านทำแบบเหมือนมีคนมานั่งสอนข้าง ๆ
- สามารถเข้าใจและใช้ Google Firebase ในส่วนของ Realtime database, Firebase Function และระบบ login ขออธิบายเพิ่มเติมว่า
ในส่วนนี้เราเอามาสอนเพราะว่าให้นักเรียนเห็นภาพการทำงานของหน้าเว็บทั้งกระบวนการ ซึ่งในปัจจุบันเรานิยมใช้บริการของ Cloud ซึ่งมีหลายตัว
Google Firebase เป็นหนึ่งในนั้น ซึ่งจริง ๆ ก็มีอีกหลายเจ้าที่ทำ เช่น Heroku, Aws Amplify และของ Microsoft ซึ่งมีรายละเอียดที่แตกต่างกันแต่โดยหลักการพื้นฐานก็เหมือน ๆ กันบางส่วน
ดังนั้นเราจะทำให้ท่านใช้บริการพวกนี้ได้ และเข้าใจการทำงานของเว็บมากขึ้น
- สามารถ upload เว็บขึ้น host เพื่อใช้งานจริงได้
- สามารถใช้ JavaScript เพื่อดึงข้อมูลจาก Back-end มาแสดงได้อย่างถูกต้องสวยงาม
- เข้าใจการทำงานของ HTTP (ในส่วนวิธีการใช้)
- เป็นพื้นฐานไว้ต่อยอดเรื่องอื่น ๆ เช่น เขียนโปรแกรมบนมือถือ ซึ่งหลักการบางส่วนก็ใช้เนื้อหาจากในนี้เป็นประสบการณ์
- พิเศษเรียนจบแล้ว ท่านจะได้เว็บที่พร้อมใช้งานได้จริงไปเลย เพราะเราจะพาท่านทำใน workshop
เราเน้นให้ผู้เรียนเข้าใจ และสามารถประยุกต์ใช้ความรู้ในการเขียนโปรแกรมคอมพิวเตอร์
การเรียนกับทาง EPT นั้น จะเน้นให้ผู้เรียนลงมือปฏิบัติ โดยเริ่มจากดูสิ่งที่อาจารย์สอนแล้วทำตาม
จากนั้นจึงฝึกประยุกต์กับเรื่องอื่น ๆ และหากทำไม่ได้ก็สามารถถามได้ทันที แต่ละคอร์สมีการบ้านให้ทำเยอะ สนุกสนานแน่นอน
ระบบการสอนของเรา
เรามั่นใจว่าระบบการสอนของเราเป็นระบบแบบเดียวกับที่ใช้ในมหาวิทยาลัยชื่อดังทั่วโลก ถ้านักเรียนมีพื้นฐานคณิตศาสตร์ที่ดี
มีพื้นฐานภาษาอังกฤษเล็กน้อย (อ่าน Document พอได้) และมีเวลามาเรียน + เวลาทำการบ้านสม่ำเสมอ
เมื่อเรียนจบแล้วจะสามารถ
เขียนโปรแกรม ได้แน่นอน
เรียนที่ไหน?
Course นี้มีการสอน 2 แบบ คือ มาเรียนที่อาคารของเราที่ราชเทวี และเรียน Online
Course ของเราเป็น Course แบบเรียนกับ Video แต่จะมีเจ้าหน้าที่อยู่ด้วยเกือบตลอดเวลา
ดังนั้นไม่ต้องกลัวว่าจะงงแล้วไม่มีใครให้ถาม
เรียนแล้วงง / สงสัย / ท้อแท้ใจ / อยากปรึกษา ทำไงดี?
สำหรับคอร์ส SELF เดินมา 2 ก้าวก็ถามได้เลย
ส่วนคอร์ส ONLINE ถามได้ผ่านทางระบบ Q&A ของเรา จะมีเจ้าหน้าที่ตอบกลับภายใน 24 ชั่วโมง
แผนการเรียนสำหรับนิสิตนักศึกษาสถาบันต่าง ๆ
สำหรับนิสิตนักศึกษามหาวิทยาลัย โปรดแจ้งตอนสมัครเรียนว่าอยู่มหาวิทยาลัยอะไร เพราะแต่ละมหาวิทยาลัยจะเรียนแตกต่างกันนิดหน่อย
เรามี course ที่เหมาะสมและตรงกับของมหาวิทยาลัยต่อไปนี้
- จุฬาลงกรณ์มหาวิทยาลัย
- มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ
- สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง
- มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าธนบุรี
- มหาวิทยาลัยธรรมศาสตร์
- มหาวิทยาลัยเกษตรศาสตร์
** ถึงจะเป็น course แบบ SELF แต่ที่นี่เราดูแลนักเรียนแบบใกล้ชิด
สามารถสอนแยกเป็นรายบุคคลตามแต่มหาวิทยาลัยได้
เนื่องจากทางเรามี course SELF หลายฉบับตามการเรียงเรื่องของแต่ละมหาวิทยาลัยที่อาจแตกต่างกัน **
Q: เนื้อหาใน course นี้ต่างอย่างไรกับ Course WEB PROGRAMMING (PHP101-X (X = J, CS, CPP, PY, VB, C))
A: ต่างกันดังนี้
หมายเหตุ: เนื้อหาที่ทับซ้อนกันเฉพาะทฤษฎีบางส่วนเท่านั้น ส่วนของ Project ไม่ทับกัน นักเรียนสามารถเรียนได้ทั้งสอง course โดยไม่มีอะไรทับกัน
- Basic Programming (Computer Theory, Variable, Math evaluation, Loop, Loop N-D, Array, Recursive, Function, … ):
PHP101-X มีสอน, W701 ไม่ได้สอน
- Programming Algorithm and Problem Solving
: PHP101-X มีสอน, W701 ไม่ได้สอน
- OOP Programming (Class, OOP Subject, OOP Concept, Inheritance, Polymorphism, Accessibility, Interface, Basic Design Pattern, … ):
PHP101-X มีสอน, W701 ไม่ได้สอน
- 300 Programming Solving Problem: PHP101-X มีสอน, W701 ไม่ได้สอน
- Programming Project: PHP101-X มีสอน, W701 ไม่ได้สอน
- Database Concept (Design, Normalization, …): PHP101-X มีสอน, W701 ไม่ได้สอน
- SQL Basic to advance: PHP101-X มีสอน, W701 ไม่ได้สอน
- ** Web Front-End BASIC ** (HTML, CSS, JAVASCRIPT, AJAX, JQUERY, Html template, Google maps API, …): PHP101-X มีสอน, W701 นี้ก็สอน ทั้งนี้ไม่ทับกับใน PHP101
- Web Front-End Advance (jQuery, Ajax Advance, Bootstrap): PHP101-X มีสอน, W701 นี้ก็สอน ทั้งนี้ไม่ทับกับใน PHP101
- JavaScript เบื้องต้น: PHP101-X มีสอน, W701 นี้ก็สอนน ทั้งนี้ไม่ทับกับใน PHP101
- JavaScript เต็ม ๆ แต่มีเต็มกว่านี้อีกใน course JS: PHP101-X มีสอน, W701 นี้ก็สอนแต่ไม่มากเท่า
- Building your own CMS: PHP101-X มีสอน, W701 ไม่ได้สอน
- Building Web for ecommerce: PHP101-X มีสอน, W701 นี้ก็สอนแต่ไม่มี backend
- Regular Expression: PHP101-X มีสอน, W701 ไม่ได้สอน
- XML: PHP101-X มีสอน, W701 ไม่ได้สอน
- Secret Advance Topics (สุดยอดเทคนิคในการเขียนโปรแกรม): PHP101-X มีสอน, W701 ไม่ได้สอน
- Workshop Ajax Ecommerce: มีสอนทั้งคู่
- สร้าง JavaScript Game: มีสอนทั้งคู่
ค่าใช้จ่าย
ถ้าเปิดด้วย tablet หรือมือถือ กรุณาเลื่อนไปดูราคาได้ทางด้านขวาของในตารางด้านล่างนี้
กดที่นี่เพื่อดูรายละเอียด Course SELF
รหัส Course |
ชื่อ Course |
รูปแบบการเรียน |
ราคา |
W701 |
คอร์สเรียนเขียนโปรแกรม Web Front-end ฉบับฉับไว |
สอนสด / เรียนแบบ SELF |
5,700฿
4,700฿ (สำหรับนักเรียนเก่า Course อะไรก็ได้)
|
W701 |
คอร์สเรียนเขียนโปรแกรม Web Front-end ฉบับฉับไว |
ONLINE |
W701 ONLINE กดตรงนี้ |
ถ้าเปิดด้วย tablet หรือมือถือ กรุณาเลื่อนไปดูราคาได้ทางด้านขวาของในตารางด้านบนนี้นะครับ