สั่งซื้อวีดีโอ
Logout เปลี่ยนรหัสผ่าน
ชื่อ-นามสกุล อีเมล์ เบอร์โทรศัพท์ ขอใบกำกับภาษี นิติบุคคล บุคคลธรรมดา เลขประจำตัวผู้เสียภาษี ชื่อ-นามสกุล ชื่อบริษัท สำนักงานใหญ่ สาขาย่อย ที่อยู่ เบอร์โทรศัพท์ ที่อยู่จัดส่งใบกำกับภาษี ใช้ที่อยู่เดียวกันกับที่อยู่ตามใบกำกับภาษี กรณีขอใบกำกับภาษี ยอดชำระรวม VAT 1,915.30 บาท ยอดชำระหากมีหัก ณ ที่จ่าย (ค่าอบรม) กรณีหัก ณ ที่จ่าย 3% 1,861.60 บาท กรณีหัก ณ ที่จ่าย 1% 1,897.40 บาท *กรณีหัก ณ ที่จ่าย ทางโค้ดโมบายส์ จะจัดส่งใบกำกับ/ใบเสร็จรับเงินให้ หลังจากทางเราได้รับใบหัก ณ ที่จ่ายแล้วเท่านั้น สั่งซื้อ วิดีโอทั้งหมด โปรโมชั่น Logout เปลี่ยนรหัสผ่าน Logout Logout

ในหลักสูตรนี้ ถูกออกแบบมาเพื่อสอนการพัฒนา Website ที่รองรับการแสดงผลหลายๆอุปกรณ์ (Responsive web design) ด้วย HTML5, CSS3, JavaScript และ Bootstrap framework โดยเนื้อหาจะมุ่งเน้นให้กับผู้ที่สนใจอยากจะเริ่มต้นการพัฒนา Website โดยไม่จำเป็นต้องเคยเขียนโปรแกรมอะไรมาก่อน เพราะในวีดีโอจะมีการปูพื้นตั้งแต่เริ่มต้นจนสามารถนำไปใช้งานจริงได้

สอนใช้ Bootstrap framework ที่ช่วยให้เราออกแบบ Website ได้รวดเร็ว โดยจะมีการทำ Workshop ให้เห็นหลายรูปแบบ รวมถึง Case Study เพื่อนำไปต่อยอดในอนาคต และสอนใช้ AdminLTE ที่เป็นธีมเว็บไซค์สำเร็จรูปที่นิยมในการออกแบบเว็บไซค์

สอนภาษา JavaScript ตั้งแต่เบื้องต้น จนถึง ​Modern JavaScript รูปแบบใหม่ ES6 ที่ทำให้โค๊ดของเราเป็นระเบียบง่ายต่อการตรวจสอบข้อผิดพลาดและสามารถต่อยอดไปใช้กับ Framework อื่นๆ เช่น Angular, React, Vue js เป็นต้น

สอนการนำ Website ที่เราพัฒนา อัปโหลดขึ้น Server Hosting เพื่อนำไปเผยแพร่ให้กับลูกค้าหรือใช้ในองค์กรธุรกิจ โดยใช้บริการของ Google Firebase Hosting ซึ่งเป็น Server ที่ให้บริการฟรี และน่าเชื่อถือ พร้อมกับสอนการใช้งาน Amazon S3 และ Heroku

ตัวอย่าง Workshop Responsive website

เนื้อหาโดยละเอียด

1. Setup and Introduction

• Develop tools with VS Code
• Extensions of VS Code
• Introduction Web Technology
• Web Timeline
• Static vs Dynamic web
• What is HTML
• Web Page Structure
• Basic HTML

2. Getting started with HTML

• Headings
• Paragraphs
• Links
• Line Break Tag
• Images
• Styles
• Center Content
• Horizontal Lines
• Formatting
• Link
• Comment
• Meta tags
• Blocks
• Table Tags
• Attributes of Table
• Workshop Table
• Unordered Lists
• Ordered Lists
• Description Lists
• Attributes of Lists
• Workshop Lists
• Form Input
• Attributes of Form
• Types of Input
• Workshop Form
• New HTML5 Elements
• New HTML5 API's
• HTML5 vs HTML4

3. Styling with css

• What is CSS3
• How to import CSS3
• CSS3 Syntax
• The id Attribute
• The class Attribute
• Grouping
• CSS Selectors
• Workshop CSS3

4. Bootstrap Responsive framework

• What is Bootstrap
• Why Bootstrap?
• BOOTSTRAP 4 VS BOOTSTRAP 3
• Using Bootstrap 3
• Containner
• Grid System
• Components
• Utilities
• Using Bootstrap 4
• Flex Layout
• Workshop Responsive Design

5. Working with JavaScript

• Variable
• Operator
• Conditions
• Iterations
• Funtions
• Scope
• Array
• Workshop Dynamic content 

6. Modern JavaScript

• Let Const
• Template literals
• Object literals
• Destructuring Object
• Destructuring Array
• Default params
• Set
• Includes
• for of
• PadStart PadEnd
• Spread operator
• Class
• Trailing commas
• Rest operator
• Arrow functions
• Async Await

7. AdminLTE

• What is AdminLTE
• Using AdminLTE
• Workshop Data Table

8. Publish website

• What is Firebase
• Using Firebase Hosting
• Using Amazon S3
• Using Heroku