กลับสู่หลักสูตรทั้งหมด
WebFullstackBeginner

ฝึกสร้างเว็บจากเริ่มต้นไปเป็นมือโปร

หลักสูตรที่คุณจะได้เรียนสร้าง Web ด้วยเทคโนโลยีล่าสุดของ HTML, CSS, JS, Bootstrap, JQuery, Node.js, MongoDB และ Git

17.5 ชม.
1,688 นักเรียน
4.65 (745 รีวิว)
ฝึกสร้างเว็บจากเริ่มต้นไปเป็นมือโปร

คำอธิบาย

คุณอยู่ที่นี่เพราะคุณพร้อมที่จะเริ่มต้นสร้างเว็บไซต์อย่างมืออาชีพ หรือบางทีคุณอาจกำลังเขียนโค้ดอยู่แล้ว และต้องการก้าวไปอีกระดับ

ในเมื่อมีเศรษฐีไอที กำเนิดรายวัน อย่ารอช้า มาเป็นส่วนหนึ่งของธุรกิจไอที ด้วยแพลตฟอร์ม ที่พิสูจน์แล้วว่าเป็นของจริงในทุกยุคทุกสมัยอย่างเว็บไซต์ สร้างเศรษฐีอันดับต้นๆ ของโลก ทั้ง Amazon, Facebook, Google, Lazada ล้วนเริ่มต้นจากการสร้างเว็บไซต์ขึ้นมาก่อนทั้งนั่น แล้วจึงแตกแขนงออกไปเป็นบริการอื่นๆ ที่มีในปัจจุบัน จะดีแค่ไหนถ้าคุณสามารถสร้าง สิ่งที่คุณคิดขึ้นมาได้เอง สร้างรายได้จากมัน รวมถึงรับจ้างพัฒนาให้คนอื่น

อย่ารอช้า ที่จะลงมือสร้าง Web ของคุณเอง เพียง 24 ชั่วโมง เท่านั้น กับ คอร์ส "ฝึกสร้างเว็บ จาก เริ่มต้น ไปเป็น มือโปร" เรียนแล้ว ทำ รับประกัน ประตูเศรษฐีไอที เปิดรอคุณแล้ว

ไม่ต้องกังวลถ้าคุณไม่มีประสบการณ์การเขียนโปรแกรมมาก่อน นี้เป็นหลักสูตรสำหรับนักพัฒนาเว็บไซต์เต็มรูปแบบสำหรับผู้เริ่มต้น สิ่งที่จำเป็นมีเพียงคอมพิวเตอร์และอินเตอร์เน็ตเท่านั่น

เรียนออนไลน์ได้ 24 ชั่วโมง ทุกทีทุกอุปกรณ์ ไม่มีหมดอายุ และมีทีมคอย Support ให้คำปรึกษาตลอด

ตลอดหลักสูตรครอบคลุมเครื่องมือและเทคโนโลยีมากมาย ได้แก่

หัวข้อที่ครอบคลุม
HTML5
CSS3
JavaScript
Bootstrap
jQuery
Google Map API
JavaScript : ES5, ES6
NodeJS
ExpressJS
MongoDB
API
Version Control : Git
Heroku & mLab

หากคุณมีคำถามใดๆ โปรดอย่าลังเลที่จะติดต่อฉัน ฉันอยากช่วยให้คุณได้เรียนรู้และได้ประโยชน์สูงสุดจากคอร์สนี้ ลงชื่อสมัครวันนี้และดูว่าการพัฒนาเว็บ สนุก น่าตื่นเต้น และคุ้มค่าได้อย่างไร ?

รีวิวจากผู้เรียน

Nitid Nganlert

“อธิบายเข้าใจง่าย เพราะเคยเรียนจากคอร์ส python มาแล้วครับ”

Amichaya

“Still enjoying this course so far”

Thakorn Niyomsanti

“เพิ่มความเข้าใจพื้นฐานเกี่ยวกับ Front-back ก่อนเข้าเนื้อหาหลักครับดีมากๆ”

Ruangwit Chailert

“เริ่มหัวข้อและทำความเข้าใจแรกในหลักสูตรได้ดี”

Tananat Tuntiworadet

“ส่วนตัวเรียนแล้วทำให้มีความรู้ความเข้าใจในการใช้งานมากขึ้นเยอะเลยครับจากพื้นฐานเป็น0”

นายศักดิ์เด่น ศักดิ์เกษมศานติ์

“ทำความเข้าใจง่ายครับ อันไหนไม่เข้าก็มีอาจารย์คอยแนะนำให้ครับ ขอบคุณครับ”

ดูรีวิวทั้งหมด

เนื้อหาหลักสูตร

สไลด์คอร์ส

สไลด์คอร์ส ฝึกสร้างเว็บจากเริ่มต้นไปเป็นมือโปร 1
สไลด์คอร์ส ฝึกสร้างเว็บจากเริ่มต้นไปเป็นมือโปร1 / 9

นักพัฒนาเว็บ Front-End

  • ทำความรู้จักเทคโนโลยี "เว็บ"
  • The Front-End Developer
  • เตรียมเครื่อง ติดตั้ง โปรแกรม สำหรับสร้างเว็บไซต์

เขียนเว็บด้วยภาษา HTML

  • พื้นฐาน HTML
  • LAB1 : My Resume
  • การจัดรูปแบบข้อความและความหมาย
  • สร้างตาราง Tables บนเว็บไซต์
  • LAB2 : Upgrade My Resume
  • HTML Blocks : Div และ Span
  • วิธีการทำเว็บไซต์หลายหน้า
  • Audio & Video
  • IFrame
  • Form
  • Meta Tags

แต่งเว็บให้สวยด้วย CSS

  • CSS คืออะไร? ทำไมถึงต้องใช้ CSS
  • CSS Rules
  • นำ CSS มาใช้ร่วมกับ HTML บนหน้าเว็บ
  • Selectors
  • Descendant Selectors
  • Attribute & Pseudo-Classes Selectors
  • Casecade
  • Inheritance
  • การจัดรูปแบบข้อความ Text Manipulation
  • LAB1 : My Resume HTML + CSS
  • The Box Model
  • LAB2 : My Hobbies
  • พื้นหลัง Backgrounds
  • LAB3 : My Hobbies V2
  • ตำแหน่ง Positioning
  • LAB4 : My Hobbies V3
  • การจัดรูปแบบให้ตาราง Tables
  • LAB5 : My Resume V2

สร้างเว็บไซต์แบบ Responsive รองรับ Mobile Tablet PC ด้วย Bootstrap

  • Bootstrap Framework และ Responsive Design
  • การติดตั้ง Bootstrap Framework บนเว็บ
  • Container
  • The Grid System #1
  • The Grid System #2
  • Components
  • แนะนำ LAB1 : The Wonderful World Travel
  • LAB1 : The Wonderful World Travel

ภาษา JavaScript

  • แนะนำภาษา JavaScript และ Developer Tools
  • ตัวแปร Variable
  • Assignment Operators
  • Arithmetic Operators
  • String Operators
  • ฝึกการใช้งาน Operators #1
  • Comparison & Logical Operators
  • ฝึกการใช้งาน Operators #2
  • Condition Statements : If Else
  • Condition Statements : Ternary Operator
  • Condition Statements : Switch Case
  • Loop Statements : while, do while และ for
  • Loop Statements : การใช้คำสั่ง break และ continue
  • Arrays
  • Arrays : pop, push, shift, unshift
  • Array is Reference Type
  • Objects
  • Functions

อัพเกรดเว็บด้วย JavaScript

  • การนำ JavaScript มาใช้กับหน้าเว็บ
  • การค้นหา Elements
  • การจัดการ Contents
  • การจัดการ Attributes และ Properties
  • การจัดการ Classes
  • การจัดการ Styles
  • การปรับแต่ง แก้ไข Document
  • เหตุการณ์ Events
  • การจัดการ Forms

ชีวิตง่ายขึ้นเมื่อรู้จัก JQuery

  • ทำความรู้จัก JavaScript Library ยอดนิยมอย่าง JQuery
  • JQuery Anatomy
  • การใช้ Selectors
  • การจัดการ Attributes และ Properties
  • การจัดการ Classes
  • การจัดการ Contents
  • DOM Traversing
  • การปรับแต่ง แก้ไข Document
  • Events
  • Effects & Animations
  • Ajax (Asynchronous JavaScript and XML)

Google Map JavaScript API

  • Google Map JavaScript API คืออะไร ?
  • API Key สำหรับใช้งาน Google Map
  • การนำแผนที่ Google Map มาใส่บนเว็บ
  • การกำหนด Version ของ Google Map Javascript API
  • การกำหนดภาษาของแผนที่ Google Map
  • ส่วนควบคุม (Control)
  • ปรับเปลี่ยนหน้าตาแผนที่ด้วย Styles
  • การใส่ Markers
  • การสร้าง Info Window

นักพัฒนาเว็บ Back-End

  • The Back-End Developer

Javascript ES5 และ ES6

  • การติดตั้ง Node.js
  • การติดตั้ง Nodemon
  • let & var & const
  • Multi-line String & Expression interpolation
  • Destructuring assignment
  • Rest parameters
  • Spread Operators
  • Default Parameters
  • Class
  • Object
  • Arrow Functions
  • Modules

รู้จัก Node.js สำหรับสร้าง Web Server

  • Node.js คืออะไร?
  • npm (Node Package Manager)
  • คำสั่ง npm พื้นฐาน
  • ฝึกใช้งาน NPM เบื้องต้น
  • HTTP (Hypertext Transfer Protocol )
  • HTTP Module #1
  • HTTP Module #2
  • File System
  • Callback Concept
  • LAB1 : HTTP + FS
  • LAB2 : HTTP + URL + FS

Express + Node.js คือ Server Side Framework ยอดนิยม

  • Express คืออะไร ?
  • การติดตั้ง Express ภายใน Project
  • Routing
  • HTTP Method
  • Route Paths
  • Route handler
  • express.Router
  • การใช้ Static files ใน Express
  • Middleware
  • Template Engines
  • PUG #1
  • PUG #2
  • PUG #3
  • Error handling
  • Express Application Generator

MongoDB : Databases การใช้ฐานข้อมูลสำหรับทำเว็บไซต์

  • Database (ฐานข้อมูล)
  • ติดตั้ง MongoDB
  • ติดตั้ง MongoDB Compass
  • คำสั่งพื้นฐาน MongoDB : Database, Collection
  • คำสั่งพื้นฐาน MongoDB : Insert
  • คำสั่งพื้นฐาน MongoDB : Update
  • คำสั่งพื้นฐาน MongoDB : Delete
  • ติดตั้ง Robo 3T
  • คำสั่งพื้นฐาน MongoDB : Find #1
  • คำสั่งพื้นฐาน MongoDB : Find #2

Node.js + Express + MongoDB

  • Node.js + MongoDB
  • Mongoose (Object Document Mapping)
  • Mongoose : Insert
  • Mongoose : Validation
  • Mongoose : Update
  • Mongoose : Delete
  • Mongoose : Find
  • Node.js + Express + MongoDB
  • Node.js + Express + MongoDB + PUG : Find Users
  • Node.js + Express + MongoDB + PUG : Add User
  • Node.js + Express + MongoDB + PUG : Delete User
  • Node.js + Express + MongoDB + PUG : Edit User
  • Node.js + Express + MongoDB + PUG : Search User

สร้างเว็บสมัยใหม่ต้องรู้จัก API (Application Programming Interface)

  • API (Application Programming Interface)
  • Node.js + Express + MongoDB : API User #1
  • Node.js + Express + MongoDB : API User #2
  • POSTMAN

จัดการโค้ดด้วย Git และ Github

  • รู้จัก Git และ Version Control System สำหรับจัดการไฟล์และซอร์สโค้ด
  • การติดตั้ง Git เริ่มต้นใช้งานและ Local Repository
  • รู้จัก Status ของไฟล์ 5 แบบภายใน Git
  • คำสั่งพื้นฐานใช้งาน Git
  • Branch การแตกกิ่งของ Repository
  • Merge การรวมกิ่งของ Repository
  • .gitignore บอก Git ให้ไม่สนใจไฟล์หรือโฟลเดอร์เหล่านี้
  • Github และ Remote Repository
  • การใช้งาน Github และคำสั่ง remote, push, fetch, pull
  • วีธีแก้ปัญหาไฟล์ Conflict บน Github
  • แนะนำ Git GUI Client

Deploying นำเว็บไซต์ขึ้น Online

  • Heroku และ mLab
  • นำฐานข้อมูลขึ้น mLab
  • วิธีการใช้ไฟล์ Config
  • ติดตั้ง Heroku CLI
  • สร้าง Application บน Heroku
  • Deploy Application ขึ้น Heroku
  • วิธีใช้งาน Config Vars บน Heroku

Bonus : การช่วยเหลือ แก้ปัญหา ตอบคำถาม เนื้อหาต่างๆ ภายในคอร์ส

  • การช่วยเหลือ แก้ปัญหา ตอบคำถาม เนื้อหาต่างๆ ภายในคอร์ส

ข้อจำกัด / ข้อกำหนด

  • คอมพิวเตอร์ และ อินเตอร์เน็ต

หลักสูตรนี้เหมาะกับ

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

ผู้สอน

Instructor
Olan Samritjiarapon

Olan Samritjiarapon

Full Stack Developer

ดูโปรไฟล์บน Udemy

Instructor Bio

สวัสดีครับ ผมนอร์ธเป็นนักพัฒนาซอฟต์แวร์ จบวิศวกรรมคอมพิวเตอร์จาก King Mongkut's Institute of Technology Ladkrabang ชอบเรียนรู้ทดลองเทคโนโลยีใหม่ๆ อยู่เสมอ

ปัจจุบันเป็น Full Stack Developer พัฒนา Web Application มาประมาณ 10+ ปี อยู่กับ Node.js, React, PHP, Java, J2EE, Web Service, Docker และ Firebase ทำด้าน Mobile Application ฝั่ง IOS, Android ประมาณ 8 ปี (Swift, React Native, Kotlin, Flutter) ร่วมถึงการทำ Infrastucture วางเครื่อง Server และตั้งค่าระบบ Cloud (AWS, Digital Ocean, Heroku, Google Cloud Platform)

ผมเป็นโปรแกรมเมอร์ที่ชอบการสอน แชร์ ถ่ายทอดประสบการณ์ต่างๆ ที่เคยทำมา จึงเริ่มเป็นติวเตอร์สอนเขียน โปรแกรมตั้งแต่ตอนเรียน ปัจจุบันเป็นวิทยากรพิเศษให้องค์กรรัฐและมหาวิทยาลัยต่างๆ หวังว่าประสบการณ์ ของผมที่ถ่ายทอดผ่านคอร์สต่างๆ จะช่วยเติมเต็มความรู้และเป็นก้าวนึงที่ช่วยให้ฝันในการทำ Application ของคุณเป็นจริง

เริ่มเรียนหลักสูตรนี้

ราคาโปรโมชั่น

฿2,200฿1,600
ระดับความยากBeginner
ระยะเวลาเรียน17.5 ชม.
การเข้าถึงตลอดชีพ
คะแนนเฉลี่ย4.65 (745 รีวิว)
สมัครผ่าน Udemyสมัครผ่าน LINE OAสมัครผ่าน Facebook Pageโทรสมัครเรียน

รับใบประกาศนียบัตรเมื่อเรียนจบ