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

สร้างเว็บไซต์จากเริ่มต้นจนถึงมือโปร ด้วย 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 ขายของ