BUNDLE.HEADER

JavaScript ES6 + Vuejs Bundle

ปูพื้นฐาน ES6 และสร้างเว็บไซต์ด้วย Vuejs

2,990.00
บาท
3,980.00
บาท
6-8 ชั่วโมง
มีพื้นฐาน JavaScript
เรียนจบรับประกาศนียบัตร

SECTION_TITLE.PRODUCT_LIST

Modern JavaScript (ES6)
COURSE

Modern JavaScript (ES6)

คอร์สเรียนออนไลน์สอนพื้นฐาน ES6 ที่จำเป็นสำหรับการเขียน JavaScript
2-3 ชั่วโมง
Getting Started with Vue.js
COURSE

Getting Started with Vue.js

เรียนรู้ Vue.js ตั้งแต่ Vue tools, Vue component, Lifecycle, Vue Router และ Vuex เพื่อให้นำไปใช้สร้างเว็บแอปพลิเคชันได้จริง สอนโดย GDE ด้าน Web Technologies
4-6 ชั่วโมง

SECTION_TITLE.OVERVIEW

ราคาพิเศษ! ปูพื้นฐาน ES6 และสร้างเว็บไซต์ด้วย React

เพียง 2,990 บาท (จากราคาเต็ม 4,480 บาท) จำนวนจำกัด

รายละเอียดคอร์ส

ปูพื้นฐาน Modern JavaScript ให้พร้อม แล้วเริ่มต้นพัฒนาเว็บด้วย framework สุดฮิตอย่าง Vue.js

framework ที่ GitLab, Nintendo, และ Adobe ใช้!

ในปัจจุบันภาษา JavaScript เป็นภาษาโปรแกรมที่ได้รับความนิยมอย่างมากในหมู่นักพัฒนาซอฟต์แวร์ โดยเฉพาะนักพัฒนาเว็บแอปพลิเคชันทั้ง frontend และ backend ซึ่งตัวภาษา JavaScript นั้นก็ได้มีการพัฒนาและมี feature ใหม่ๆ ออกมาให้เราได้เลือกใช้กันอยู่ตลอดเวลา เพราะฉะนั้นจึงเป็นเรื่องสำคัญสำหรับนักพัฒนาที่จะต้องตามให้ทันเพื่อให้เข้าใจและสามารถสร้างแอปพลิเคชั่นที่มีประสิทธิภาพได้

ในคอร์สนี้ เราได้รวบรวม syntax และ feature ต่างๆของ ES6 ที่ใช้บ่อยๆมาอธิบายให้ผู้เรียนเข้าใจถึงวิธีการทำงานและเคสต่างๆที่จะได้ใช้ syntax หรือ feature เหล่านั้น พร้อมทำความรู้จัก JavaScript framework ยอดนิยมที่ใช้กันทั่วโลกอย่าง Vue.js ที่มีจุดเด่นในเรื่องของความง่าย ใช้เวลาเรียนรู้น้อยแต่ก็สามารถพัฒนาเว็บแอปพลิเคชั่นใหญ่ๆ ได้ดีไม่แพ้ framework เจ้าอื่นๆ โดยจะทำให้คุณเขียน Vue.js เป็นได้เอง ผ่านการเรียนรู้ concept อย่างเช่น Vue tools, Vue component, Lifecycle, Vue Router, หรือ Vuex และการลงมือสร้างเว็บแอปพลิเคชันขึ้นมาจริงๆ

คอร์สนี้เหมาะสำหรับ

  • นักพัฒนาแอปพลิเคชั่นบนเว็บ บนเซิฟเวอร์ หรือบนมือถือ ที่ใช้งานภาษา JavaScript ในเวอร์ชันก่อนๆ และต้องการศึกษา syntax และ feature ใน ES6 เพื่อจะได้สามารถเข้าใจและใช้งาน library, framwork ใหม่ๆ ได้
  • นักพัฒนาเว็บที่อยากเรียนรู้เครื่องมือที่ช่วยลดระยะเวลาการพัฒนา และใช้งานได้จริง
  • นักเรียน นักศึกษา ที่ชื่นชอบการทำเว็บ
  • โปรแกรมเมอร์ใน platform อื่น ๆ ที่มีพื้นฐานการทำเว็บ ที่อยากเรียนรู้เครื่องมือใหม่ ๆ

สิ่งที่คุณจะได้รับจากคอร์สแพ็คคู่นี้

  • รู้จักกับ syntax และ feature ที่ใช้กันบ่อยๆของ ES6
  • เข้าใจวิธีการใช้งานและเคสที่จะได้ใช้งาน syntax และ feature ของ ES6
  • อ่านภาษา JavaScript สมัยใหม่ ที่มีการใช้ syntax และ feature ของ ES6 ได้อย่างเข้าใจ
  • พัฒนาเว็บแอปพลิเคชันด้วย Vue.js ได้
  • พัฒนา Single Page Application ด้วย Vue.js ได้
  • พัฒนาเว็บในสเกลที่ใหญ่ขึ้นด้วยเครื่องมือที่เรียนรู้ได้ไว ใช้งานง่าย
  • เข้าใจพื้นฐานและ library ต่างๆ เพื่อต่อยอดการพัฒนาเว็บด้วย Vue.js ได้

รายละเอียดเพิ่มเติม

ระหว่างเรียนคอร์สนี้ ผู้เรียนจะได้เรียนรู้ผ่านวิดีโอกว่า 6-8 ชั่วโมง พร้อมได้ลงมือทำแบบฝึกหัดและโปรเจคจริง

  • ผู้เรียนจะได้รับประกาศนียบัตร (Certificate of Completion) เมื่อเรียนจบคอร์ส
  • สอบถามทีมงานผู้เชี่ยวชาญได้ตลอดการเรียน
  • มีประสบการณ์ในการเขียน JavaScript เบื้องต้น

สอบถามข้อมูลเพิ่มเติม

  • Facebook Skooldio
  • สำหรับท่านที่ต้องการสมัครในนามบริษัท กรุณาติดต่อ hello@skooldio.com (มีส่วนลดเมื่อสมัคร 5 ท่านขึ้นไป)

SECTION_TITLE.INSTRUCTOR

วรัทธน์ วงศ์มณีกิจ (Co-Founder & Chief Product Officer at Wisesight) | Skooldio Instructor
วรัทธน์ วงศ์มณีกิจ
Co-Founder & Chief Product Officer at Wisesight
Skooldio Team (ทีมผู้สอนสคูลดิโอ) | Skooldio Instructor
Skooldio Team
ทีมผู้สอนสคูลดิโอ

SECTION_TITLE.COURSE_OUTLINE

01

Course I : Modern JavaScript (ES6)

  • Welcome to Course
    • Welcome to Course
    • History of JavaScript
    • What will we learn?
    • Let's Beginpreview
  • Syntax
    • Introduction
    • Template Literals
    • Exercise - Using Template Literals
    • Solution - Using Template Literals
    • Block Scope vs Function Scope
    • Let vs Const
    • More about "const"
    • Using Const
    • Solution - Using Const
    • Using Let
    • Enhanced Object Literals
    • Exercise - Using Enhanced Object Literals
    • Solution - Using Enhanced Object Literals
    • Destructuring Assignment
    • Destructuring Arrays
    • Exercise - Destructuring Arrays
    • Solution - Destructuring Arrays
    • Exercise - Destructuring Objects
    • Solution - Destructuring Objects
    • Spread Operator
    • Exercise - Combining Arrays
    • Solution - Combining Arrays
    • Rest Parameters
    • Exercise - Using Rest Parameters
    • Solution - Using Rest Parameters
    • Spread and Rest with Objects
    • For...of Loop
    • Exercise - Using For...of
    • Solution - Using For...of
    • Arrow Function
    • Exercise - Converting to Arrow function
    • Solution - Converting to Arrow function
    • Default Parameters
    • Using Default Parameters 1
    • Using Default Parameters 2
    • Import & Export
    • More about import & export
    • Recap
  • Classes
    • Intro to Class
    • Class Syntax
    • Hoisting in Class
    • Writing a class 1
    • Writing a class 2
    • Exercise - Writing a class
    • Solution - Writing a class
    • Static
    • Extends and Super
    • Exercise - Working with Class and Subclass
    • Solution - Working with Class and Subclass
    • What is the type of class
    • Concept Behind Classes
    • Exercise - Converting Function to Class
    • Solution - Converting Function to Class
    • Recap
  • Asynchronous
    • Intro to Asynchronous
    • Asynchronous with Callback
    • How Call Stack and Event Loop Work
    • Promise
    • Exercise - Converting callback to Promise
    • Solution - Converting callback to Promise
    • Async & Await
    • Handle Errors with Async & Await
    • Exercise - Converting Promise to Async/Await
    • Solution - Converting Promise to Async/Await
    • Promise.all
    • Promise.all 1
    • Promise.all 2
    • Promise.all 3
    • Promise.all 4
    • Exercise - Writing Promise.all
    • Solution - Writing Promise.all
    • Promise. แบบอื่นๆ
    • Recap
  • Congratulations
    • Congratulation
    • What's Next?
  • Welcome to Course
    • Welcome to Course
    • Course Overview
    • Brief History of Web Development
    • Why Use a Front-end Framework?
    • Intro to Vue.js
    • Setting Up Development Environment
    • Vue CLI
    • Vue UI
    • Vue Project Overview
    • Vue.js devtools
    • Outro
  • Vue Concepts
    • What is a Component?
    • Encapsulation
    • Vue Single Component
    • Two-way Binding
    • Outro
  • Conditionals, Loops, and Styling
    • Intro
    • "Hello, world!"
    • v-for
    • v-html
    • Filters
    • v-if, v-show
    • v-bind
    • Class and Style Bindings
    • CSS
    • Form
    • Outro
  • Event & Lifecycle
    • Intro
    • Methods and Event Handling
    • Computed
    • Lifecycle and Hooks
    • Watcher
    • Outro
  • Vue Multiple Components
    • Intro
    • Props
    • Props Validation
    • Custom Event
    • Slot
    • Using Multiple Components
    • Mixins
    • Outro
  • Vue Router
    • Single Page Application (SPA)
    • Routing in Vue
    • Using Vue Router
    • Defining Route & Dynamic Route
    • .push(), .go()
    • Outro
  • Vuex
    • Intro
    • Vuex Store
    • State & Mutation Mapping
    • Another Way to Map
    • Outro
  • Building ToDo App
    • Project Overview
    • Step 1: Creating Your Project
    • Step 2: Adding ToDo Item
    • Step 3: Completing a Task
    • Step 4: Making It User Friendly
    • Step 5: Multiple Components
    • Step 6: Vuex Version Setup
    • Step 7: Finishing Vuex Version
  • Vue 3
    • Intro to Vue 3
    • New Vue 3 Features
    • Composition API
    • Set up
    • Ref
    • Reactive
    • Ref vs. Reactive
    • Methods
    • Computed
    • WatchEffect
    • Watch
    • Lifecycle Hooks
    • Make Composition API reusable
    • Convert Options API to Composition API
  • Setting up Vue 3
    • How to Setup Vue 3
    • How to Migrate Project From Vue 2 to Vue 3
    • Upgrade Vue Cli
    • Upgrade Vue Version
    • Vue Router
    • The Difference Between Vue 2 and Vue 3
    • Vuex
    • Upgraded result
    • How to use composition API in vue 2
    • Context.root
    • How to Use Vue Router and Vuex in Composition API

SECTION_TITLE.FAQS

Q:

วิธีขอใบเสนอราคาและใบแจ้งหนี้ในนามนิติบุคคล

A:

หากต้องการใบเสนอราคาและใบแจ้งหนี้ในนามนิติบุคคลสามารถส่งรายละเอียดดังนี้

  • คอร์สที่สนใจและจำนวนผู้เรียน
  • ชื่อ-นามสกุล, เบอร์โทรผู้ติดต่อ
  • ชื่อ-ที่อยู่บริษัท, เลขประจำตัวผู้เสียภาษี
  • จำนวนภาษีหัก ณ ที่จ่าย (ถ้ามี)

มาที่ hello@skooldio.com โดยใช้ระยะเวลาดำเนินการไม่เกิน 1 วันทำการ (จันทร์-ศุกร์)

A:

สามารถทำได้ โดยในหน้าคำสั่งซื้อ กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" จากนั้นเลือก "นิติบุคคล/บริษัท" และคำสั่งซื้อจะมีการหักภาษี ณ ที่จ่าย 3% โดยอัตโนมัติ ในกรณีบริษัทของท่านไม่ใช่ 3% กรุณาส่งรายละเอียดที่ต้องการสั่งซื้อมาที่ hello@skooldio.com

A:

กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" ในหน้าชำระเงินและเลือกประเภทบุคคลทั่วไปหรือนิติบุคคล และกรอกรายละเอียด

A:

สำหรับคอร์สที่ซื้อในนามบุคคลทั่วไป คอร์สมีอายุตลอดชีพ สำหรับคอร์สที่ซื้อในนามนิติบุคคล สามารถกลับมาเรียนซ้ำได้ภายใน 1 ปี

A:

หลังจากได้รับใบกำกับภาษีแล้ว หากต้องการแก้ไขข้อมูล สามารถทำได้ภายใน 7 วัน นับจากวันที่ได้รับใบกำกับภาษีแบบเต็มรูปทางอีเมล โดยสามารถแก้ไขข้อมูลได้เฉพาะ ชื่อ-นามสกุล เลขประจำตัวผู้เสียภาษีและที่อยู่เท่านั้น จะไม่สามารถแก้ไขข้อมูลคำสั่งซื้อได้

SECTION_TITLE.RELATED_ONLINE_COURSES