หลักสูตร Angular4 + NodeJS + Responsve CSS (FlexBox) Programming
14,500 บาท, 5 วัน Inc. VAT


    ในหลักสูตรนี้ เราจะได้เรียนเขียน Web Application ด้วย Angular 4 และ NodeJS ซึ่งใช้หลักการ MVC, Data Binding และ Dependency Injection ที่จะช่วยทำให้การเขียน web application ง่ายต่อการวิเคราะห์, บำรุงรักษา (Maintenance) และการพัฒนาต่อยอดอย่างเป็นระบบ (Modularity) ในกรณีที่อนาคต ระบบของเรามีขนาดใหญ่ขึ้น ซับซ่อนมากขึ้น ต้องรองรับผู้ใช้งานมากขึ้น

ด้วยความสามารถของ Angular (frontend web framework) ซึ่งสามารถทำ 2-Ways Data Binding ได้ ทำให้เวปที่เราออกแบบสามารถทำงานได้เหมือน Mobile App ที่เป็นแบบ (Mutiple Views in Single Page) ที่ไม่ต้อง Reload/Redirect URL บน Browser ทำให้ผู้ใช้งานรู้สึกเหมือนโหลดแอพทั้งหมดมารันทีเดียว ไม่ต้องเสียเวลาไป re-load page ใหม่ทุกครั้ง

โดยการสือสารข้อมูลกับ Server, Angular4 จะทำแบบ Asynchronus Communication (Promise Concept) โดยจะไม่เห็นการ refresh ของ Browser ซึ่งเหมือนเขียนด้วย Ajax ของ JQuery ที่มีความวุ่นวายและซับซ่อนมากกว่ามาก แต่ด้วย Angular4 เราสามารถจัดการงานเหล่านี้ได้อย่างๆ ง่าย และโค้ดดูเป็นระบบ สะดวกต่อการมานั่งไล่แก้โค้ดที่หลัง เพราะมีการแบ่ง Model, View และ Controller (MVC) อย่างชัดเจน


พื้นฐานผู้เข้าอบรม :
  • - HTML, CSS เบื้องต้น
  • - มีความรู้พื้นฐานเกี่ยวกับการเขียนโปรแกรมด้วยภาษาใดภาษาหนึ่ง เช่น C#, Java, JavaScript, HTML และ CSS พื้นฐาน เป็นต้น *ใช้ภาษา TypeScript and JavaScript ในการสอน

เหมาะสำหรับ :
  • - ผู้ที่ต้องการพัฒนาระบบ Web Application ด้วย Angular + NodeJS ในรูปแบบ Responsive Website

สิ่งที่ต้องเตรียม :
  • 1. เครื่องโน๊ตบุ๊คที่ลงระบบปฏิบัติการ Windows 10 / Windows 8 / Windows 7 / macOS พร้อมติดตั้งโปรแกรมดังต่อไปนี้
  • 2. สมุดปากกา
  • 3. Thumb dive

ตัวอย่าง Workshop ระบบ POS (Point of Sale)


ตัวอย่างการสอน Angular 4 ใน 1 ชั่วโมง (Learn Angular 4 in 1 Hour)

ภาพบรรยากาศการเรียนการสอน

สุดยอดของว่างที่จะทำให้เรียนอย่างมีความสุข




ตารางอบรม (กรุงเทพ พระราม 3) 9:00-16:00 วันละ 6 ชม.


เนื้อหาการอบรม
    Day 1
    • - Introduction Angular4 + NodeJS + Responsive CSS (FlexBox)
    • - Difference between AngularJS and Angular4
    • - Setup Development Tools (NodeJS + Angular4 package)
    • - Using NPM (Node Package Manager)
    • - New Angular Project
    • - Review Project Structure
    • - Angular4 Architechture
      • Modules and NgModules
      • Comonents
      • Decorator (@Injectable, @Component)
      • Data and Event Binding
      • Directive
      • Routing
      • Service and Dependency Injection
    • - Basic Command lines in Angular CLI
    • - Export and Import Angular Components
    • - Using Angular Directive (*ng For and *ngIf)
    • - Bundle Icons
    • - Bundle Fonts
    • - Typescript Programming
    • - Create Components

    Day 2
    • - Create Component
    • - Communication between Components using @Input and @Output
    • - Create Service
    • - Create Routing
    • - Routing with Parameters
    • - Using NPM and Popular ng modules such as json2ts, angular-material, bootstrap
    • - Popular Visual Studio Code Extensions such as Angular4 Snippet
    • - Angular Form and 2-Ways Data Binding
    • - Loggging and Debugging
    • - Create Angular Services
    • - Fixing Problem Access Deny Due to Using IP
    • - Angular Pipe

    Day 3
    • - Make Web Responsive using Flexbox CSS in Angular
    • - Learn Angular Material User Interface
    • - Module and Component Management
    • - Connecting Database
    • - Workshop: List and Grid UI - Material UI
    • - Connecting with Server HTTP (GET | POST)
    • - Passing multiple parameters
    • - Asyn Commu. with Reactive Way (Observable, Promise, Subscription)
    • - Http Error Handling using RXJS Catch

    Day 4
    • - Parsing JSON with RXJS Operators
    • - Connect RESTFul Webservice (JSON)
    • - Import @angular Modules and External JavaScript Modules
    • - Upload file and image
    • - Advanced TypeScript Programming
    • - Calling External Javascript from TypeScript

    Day 5
    • - Production Deployment
    • - Integrate Angular with Node JS
    • - Integrate Angular with ASP.NET Core
    • - Demo - NativeScript (Develop android/ios mobiles app with angular)
    • - FAQ

More Details / รายละเอียดเพิ่มเติม
สำหรับผู้ที่ต้องการให้ทางโค้ดโมบายส์ จัดเตรียมเครื่องคอมพิวเตอร์ให้ จ่ายเพิ่ม 2,500 ฿ (ราคาไม่รวมภาษีมูลค่าเพิ่ม 7%) รบกวนแจ้งล่วงหน้า เพราะเครื่องมีจำกัด
หมายเหตุ : ทางบริษัท ฯ ขอสงวนสิทธิ์ในการเลื่อนกำหนดเปิด หรือยกเลิกคอร์ส หากมีผู้เข้าอบรมน้อยกว่าจำนวนขั้นต่ำ ซึ่งผู้อบรมที่ชำระเงินค่าอบรมแล้ว จะได้รับเงินค่าอบรมคืนทั้งหมด

Apply Now / สมัครเข้าอบรม

1.
2. e-mail มาที่ support@codemobiles.com
3. หรือโทร 081-359-9468, (Hotline 24 hrs) 081-359-9468

Payment / วิธีชำระเงิน ชำระเงินผ่านธนาคารหรือตู้ ATM
ธนาคารกสิกรไทย สาขาโลตัส พระรามที่ 4
ชื่อบัญชี นายชัยสิทธิ์ ทายะบวร (ออมทรัพย์) 710-2-14744-2 กรุณาตรวจสอบข้อมูลบัญชีให้ถูกต้องก่อนการโอนเงิน
ธนาคารกรุงเทพ สาขาบุคคโล
ชื่อบัญชี นายชัยสิทธิ์ ทายะบวร (ออมทรัพย์) 114-4-35299-2 กรุณาตรวจสอบข้อมูลบัญชีให้ถูกต้องก่อนการโอนเงิน
ธนาคารไทยพาณิชย์ สาขาบางโคล่
ชื่อบัญชี นายชัยสิทธิ์ ทายะบวร (ออมทรัพย์) 095-274545-5 กรุณาตรวจสอบข้อมูลบัญชีให้ถูกต้องก่อนการโอนเงิน
ธนาคารกรุงไทย สาขาเซ็นทรัลพระราม 3
ชื่อบัญชี นายชัยสิทธิ์ ทายะบวร (ออมทรัพย์) 768-013563-0 กรุณาตรวจสอบข้อมูลบัญชีให้ถูกต้องก่อนการโอนเงิน
ธนาคารกรุงศรีอยุธยา สาขาเซ็นทรัลพระราม 3
ชื่อบัญชี นายชัยสิทธิ์ ทายะบวร (ออมทรัพย์) 522-105483-5 กรุณาตรวจสอบข้อมูลบัญชีให้ถูกต้องก่อนการโอนเงิน
ธนาคารทหารไทย สาขาเซ็นทรัลพระราม 3
ชื่อบัญชี นายชัยสิทธิ์ ทายะบวร (ออมทรัพย์) 212-217359-0 กรุณาตรวจสอบข้อมูลบัญชีให้ถูกต้องก่อนการโอนเงิน

*เมื่อชำระเงินเรียบร้อยแล้ว รบกวนแฟกซ์สลิปมาที่ +66-2-6898943, สแกนส่งทางอีเมล support@codemobiles.com หรือ SMS มาที่เบอร์ +66-81-359-9468

Instructor
Chaiyasit Tayabovorn
Managing Director, CodeMobiles Co.,Ltd.

การศึกษา :
- King Mongkut's University of Technology Thonburi
- Master's Degree in Computer Engineering

- King Mongkut's Institute of Technology North Bangkok
- Bachelor's Degree in Electrical Engineering

ผลงานของผู้สอน : http://www.codemobiles.com/biz/product




Tanakorn Ngamvittayachaisakool
Developer, CodeMobiles Co.,Ltd.

การศึกษา :
- Ramkhamhaeng University
- Bachelor's Degree in Computer Science



รูปแบบการเรียนที่โค้ดโมบายส์



Customers / ลูกค้า

แผนที่บริษัท CodeMobiles
Contact Us

: (66)87-676-0813-14
: (66)81-359-9468

: support@codemobiles.com

: @codemobiles

: OnSite Training Service

: TeamViewer QuickSupport

: CodeMobiles Blog









Follow Us


Our Facebook. Our Youtube Channel. Products in AppStore Products in PlayStore


Tags

iOS Dev. iOS 7,8 iOS Sqlite3 NSTableView iOS Keyboard Handler NSFileManager iOS Optimisation Xcode Swift Programming ARC iOS Async Image API iOS Thread iOS Admob iOS Animation iOS SSL Export iOS IPA File ASO (App Store Search Optimization) Android Dev. Androids Sqlite3 ListView Preference Android Optimisation Android ADT Android Studio Android Async Image API Android Thread Android Admob Android In-App Billing API Android Animation Android Activity Android Service Android Content ProVider Android SSL Export Android APK File Mac Dev. VDO Training Online Training Game Dev. Android UI/UX iOS UI/UX UI/UX Google Analytic NSData, NSDictionary, NSArray Objective Class and Message iOS Database Custom TableView iOS iOS Feed iOS XML iOS JSON iOS Webservice iOS Network iOS Push Notification iOS Map Java Android XML Android JSON Android Database Custom ListView Android Android Feed Android Webservice Android Network Android Push Notification Android Map Mobile Dev. for Kids


อบรมเขียนแอพ iPhone



อบรมเ UX/UI



Onsite Training



อบรมเขียนแอพด้วย Xamarin for iOS

Subscribe | Contact Us | Careers | Site Maps | Legal Notices | Terms of Use | Your Privacy Rights
Copyright © 2010-2015 CodeMobiles Co., Ltd. All Rights Reserved.