สร้างเว็บไซต์จากเริ่มต้นจนถึงมือโปร ด้วย HTML5/CSS3/JavaScript | FutureSkill

สร้างเว็บไซต์จากเริ่มต้นจนถึงมือโปร ด้วย HTML5/CSS3/JavaScript

รายละเอียด
ถาม-ตอบ
8 บทเรียน
6 ชั่วโมง 41 นาที
3 ไฟล์ประกอบการเรียน
ระดับความยาก

สร้างเว็บไซต์จากเริ่มต้นจนถึงมือโปร ด้วย HTML5/CSS3/JavaScript

เรียนเต็มๆกว่า 6 ชั่วโมง


สิ่งที่ได้จากคอร์สนี้

  • มีความรู้ความเข้าใจพื้นฐานทั้งหมดของภาษา HTML5/CSS3/JS
  • ได้ทำเว็บ Landing Page ขายของเป็นของตัวเอง
  • สร้างเว็บไซต์ได้ด้วยภาษา HTML5 อย่างมืออาชีพ
  • ตกแต่งเว็บให้สวยงามด้วยภาษา CSS3
  • เขียนคำสั่ง JS ได้
  • ได้รับ Certificate จาก FutureSkill

คุณจะได้เรียนอะไรในคอร์สนี้

Introduction to HTML5/CSS3/JS

  • ภาพรวมภาษาทั้ง 3
  • ความสำคัญของภาษาทั้ง 3
  • ตัวอย่างที่ใช้
  • ประโยชน์ในการใช้

Part1: HTML5

ปูพื้นฐาน html5

  • รู้จักและเข้าใจภาพรวมและความสามารถของ html5
  • Html5 คืออะไร
  • ประวัติความเป็นมา
  • Html5 concept

การติดตั้งโปแกรม

  • วิธีติดตั้งโปรแกรม

โครงสร้างภาษา

  • อธิบาย Structure ของ HTML5
  • HTML5 New Features
  • Heading
  • Paragraph, Line Break & Thematic Break
  • Formatting - Emphasis & Italic
  • Formatting - Strong & Bold
  • Formatting - Underline & Mark
  • Formatting - Superscript & Subscript
  • Comment
  • Anchor
  • Image
  • Table
  • Lists
  • HTML Block Level & Inline Element
  • Form

Quiz เพื่อทำความเข้าใจ Html

Part 2: CSS3

ปูพื้นฐาน CSS3

  • รู้จักและเข้าใจภาพรวมและความสามารถของ css3
  • css3 คืออะไร
  • ประวัติความเป็นมา
  • css3 concept

การติดตั้งโปรแกรม

Intro to CSS3

  • Css3 syntax
  • ความสามารถของ css3
  • Selector ใหม่ใน CSS3
  • CSS Display
  • CSS Length Units
  • CSS Width & Height
  • CSS Margin & Padding
  • CSS Border
  • CSS Float
  • Fonts
    Font Family
    Font Size
    Font Style
    Font Weight
  • Text Shadow
  • Text Align

Quiz เพื่อทำความเข้าใจ Css3

Part 3 JavaScript

Introduction to JavaScript

  • ประโยชน์
  • ทำความรู้จักภาษา
  • ติดตั้งโปรแกรม

Structure & Syntax

  • Keywords
  • Identifier (5 rules of writing identifiers)
  • Statement
  • Indentation
  • Variables & Data Types (string, integer, float)
  • Number and Arithmetic Operators (+, -, *, /, %, **, //)
  • Rational Operators (<, >, <=, >=, ==, !=)
  • Assignment Operators (=, +=, -=, *=, /=, %=)
  • Getting Input and Printing Output
  • Simple Exercise

Exploring List

  • Accessing Elements in a List (indexing)
  • List Slicing
  • Adding Elements to a List
  • Inserting Elements to a List
  • Deleting Elements from a List (remove, pop, del)
  • List Concatenating

Exploring Dictionary

  • Accessing Element in a Dictionary
  • Listing Items, Values and Keys in a Dictionary
  • Adding and Modifying Elements to a Dictionary
  • Removing or Deleting Elements

File Handling

  • File Object Attributes
  • File Operations (opening, reading, writing, closing functions)
  • File Methods (writing string to a file, writeline, readline)
  • Appending Data to a File

Conditional Statements and Loops

  • Simple If-elif-else Statement
  • Nested If Statement
  • For Loop
  • While Loop
  • Break, Continue, Pass statement

User Defined Functions

  • Function’s Building Blocks of Code
  • Function with Arguments and Returning Values
  • Global, Local, and Nonlocal Variables
  • Lambda Functions

Object Oriented Programming

  • OOP in JS
  • Attributes and Class Keyword
  • Class, Object, Attributes, and Methods
  • Inheritance and Polymorphism
  • Special (Magic/Dunder) Methods
  • Object initiation: __init__
  • Object representation: __str__, __repr__

Modules

  • Exploring JS Modules
  • Peeking Inside a Module
  • Standard Library
  • Creating Your Own Modules

Workshop ให้คุณได้ลองสร้าง Landing page ขายของ

อ่านทั้งหมด
รายละเอียดบทเรียน
อ่านทั้งหมด
รีวิวจากผู้เรียน
" โอเคครับเรียนแล้วเข้าใจดี ภาพเสียงชัดเจน "
อภินันท์ .
course cover
สร้างเว็บไซต์จากเริ่มต้นจนถึงมือโปร ด้วย HTML5/CSS3/JavaScript
8 บทเรียน |6 ชั่วโมง 41 นาที
฿1190฿2590เหลือเวลา
0 วัน 19: 40: 32

ข้อเสนอเหลือเวลา

0
วัน
19
ชั่วโมง
40
นาที
31
วินาที

Certificate of Completion

คอร์สนี่มีใบรับรองหลังเรียนจบ

ผู้สอน
เป็น Lead Programmer ที่ LikemeX