HTML + Bootstrap + JS ES6 + Deploy Cloud Platform (เวอร์ชั่นเต็ม) | 1,104 min.
1,550 บาท (ไม่รวม Vat.)

HTML + Bootstrap + JS ES6 + Deploy Cloud Platform

ในหลักสูตรนี้ ถูกออกแบบมาเพื่อสอนการพัฒนา 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

 

 




Contact Us

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

: support@codemobiles.com

: @codemobiles

: OnSite Training Service

: QuickSupport (วิธีใช้งาน)

: AnyDesk (วิธีใช้งาน)

: CodeMobiles Blog

: Our GitHub

: ShareCode

เวลาทำการ: จันทร์-ศุกร์ 9.00 - 18.00น. (ยกเว้นวันหยุดนักขัตฤกษ์)

นอกเวลาทำการฝากข้อความที่
Line: @codemobiles


สอนสด

ดูคอร์สวิดีโอออนไลน์


Copyright © 2010-2020 CodeMobiles Co., Ltd. All Rights Reserved.