Web 2.0 Developer study Guideline for Newbie มือใหม่หัดทำเว็บศึกษายังไงดี by DominixZ

Technology ที่มากมาย แต่จริงๆแล้วนิยมทำเว็บมีอะไรบ้าง XHTML CSS JavaScript PHP/Ruby/Python/Java MySQL/SQLite/Oracle/Postgresql Flash / Flex Chapter 1 TITLE 1

XHTML

CSS

JavaScript

PHP/Ruby/Python/Java

MySQL/SQLite/Oracle/Postgresql

Flash / Flex

แล้วจะเลือก Technology อย่างไรละ Technology ที่กล่าวมาแบ่งออกเป็น 2 ฝั่งใหญ่คือเก่งเรื่อง Front-end กับ Backend โดย Front-end เก่งๆมี XHTML + CSS Flash Flex ส่วน JavaScript เป็นส่วนเติมเต็มในการทำ Effect และ Behavior บางอย่างดังนั้น มันเติมเต็มความสมบูรณ์ใน XHTML+CSS และยังถูกเขียนอีกในหลายภาษา

Technology ที่กล่าวมาแบ่งออกเป็น 2 ฝั่งใหญ่คือเก่งเรื่อง Front-end กับ Backend

โดย Front-end เก่งๆมี

XHTML + CSS

Flash

Flex

ส่วน JavaScript เป็นส่วนเติมเต็มในการทำ Effect และ Behavior บางอย่างดังนั้น มันเติมเต็มความสมบูรณ์ใน XHTML+CSS และยังถูกเขียนอีกในหลายภาษา

แล้ว Back-end เก่งๆละ แน่นอน Back-end ส่วนใหญ่จะต้องประกอบด้วยภาษา ที่ช่วยในเรื่องการติดต่อฐานข้อมูลแล้วก็ในส่วนของการทำ ส่วนของ Business Logic เช่น CRUD Database หรือ คำนวณอะไรบางอย่าง Ruby / Python / PHP / Java พวกนี้ทำได้หมด

แน่นอน Back-end ส่วนใหญ่จะต้องประกอบด้วยภาษา ที่ช่วยในเรื่องการติดต่อฐานข้อมูลแล้วก็ในส่วนของการทำ ส่วนของ Business Logic เช่น CRUD Database หรือ คำนวณอะไรบางอย่าง

Ruby / Python / PHP / Java พวกนี้ทำได้หมด

แล้ว Back-end แต่ละตัวแตกต่างกันยังไง Ruby กับ Python โดยลักษณะของมันคล้ายกันคือเป็น OOP และเป็น Scripting Language PHP มาจาก Functional Programming และค่อยพัฒนามาเน้น OOP ต่อมาและเป็น Scripting Language Java เป็น OOP แต่มันไม่ใช่ Scripting Language ( สรุปว่าดีหรือไม่ดี ?) ‏ ดังนั้นแล้วแต่ความชอบครับ แต่เราดูแค่นี้ไม่ได้ต้องไปดูกันต่อ

Ruby กับ Python โดยลักษณะของมันคล้ายกันคือเป็น OOP และเป็น Scripting Language

PHP มาจาก Functional Programming และค่อยพัฒนามาเน้น OOP ต่อมาและเป็น Scripting Language

Java เป็น OOP แต่มันไม่ใช่ Scripting Language ( สรุปว่าดีหรือไม่ดี ?) ‏

ดังนั้นแล้วแต่ความชอบครับ แต่เราดูแค่นี้ไม่ได้ต้องไปดูกันต่อ

Front-end ละแตกต่างกันยังไง XHTML เป็นตัวโครงสร้างเว็บ CSS เป็นตัวจัดการรูปแบบของเว็บ Flash ใช้ภาษา ActionScript และเน้นการทำ animation Flex ใช้ MXML ผสมกับ ActionScript มีลักษณะคล้าย XHTML แต่มีการใช้ namespace มาช่วย ( คล้ายจริงๆคือ taglib ของ Java) ‏

XHTML เป็นตัวโครงสร้างเว็บ

CSS เป็นตัวจัดการรูปแบบของเว็บ

Flash ใช้ภาษา ActionScript และเน้นการทำ animation

Flex ใช้ MXML ผสมกับ ActionScript มีลักษณะคล้าย XHTML แต่มีการใช้ namespace มาช่วย ( คล้ายจริงๆคือ taglib ของ Java) ‏

หาสิ่งที่ชอบให้พบ เลือก Front-end เลือก Back-end เลือก Database สุดท้ายแค่นี้เราจะพบสิ่งที่ชอบได้แล้วหรือ ? คำตอบคือ ....

เลือก Front-end

เลือก Back-end

เลือก Database

สุดท้ายแค่นี้เราจะพบสิ่งที่ชอบได้แล้วหรือ ?

คำตอบคือ ....

ไม่แน่เสมอไปครับ ในโลกนี้ยังมี Technology อีกมากให้ได้จับได้ลองครับ โดยวันนี้ผมจะมาพูดถึง Framework กันให้ลองเลือกเล่นดูครับ คนเราเปลี่ยนกันไปตามเวลา กับความสามารถครับ ดังนั้นวันนี้อาจจะชอบ PHP แต่อนาคตอาจจะชอบ Java ก็ได้ ( เหรอ ?) ‏ ยังมี Principle ที่เราควรจะรู้ และทำความเข้าใจก่อน เพื่อการเลือกภาษาเขียน

ในโลกนี้ยังมี Technology อีกมากให้ได้จับได้ลองครับ โดยวันนี้ผมจะมาพูดถึง Framework กันให้ลองเลือกเล่นดูครับ

คนเราเปลี่ยนกันไปตามเวลา กับความสามารถครับ ดังนั้นวันนี้อาจจะชอบ PHP แต่อนาคตอาจจะชอบ Java ก็ได้ ( เหรอ ?) ‏

ยังมี Principle ที่เราควรจะรู้ และทำความเข้าใจก่อน เพื่อการเลือกภาษาเขียน

Principle คืออะไรทำไมต้องรู้ Principle แปลว่าทฤษฎี เราต้องรู้ทฤษฎีก่อนที่เราจะปฎิบัติช่วยให้เราหลงทางน้อยลง แต่เราต้องเข้าใจด้วยไม่ใช่รู้แค่ทฤษฎีแต่ไม่เข้าใจ สิ่งที่ควรรู้ก่อนลงมือเขียนคือ Functional Programming คืออะไร Object Oriented Programming คืออะไร และทำไมต้อง OO เรียนรู้วิธีการตั้งชื่อ , comment และเหตุผลที่ควรทำ

Principle แปลว่าทฤษฎี เราต้องรู้ทฤษฎีก่อนที่เราจะปฎิบัติช่วยให้เราหลงทางน้อยลง แต่เราต้องเข้าใจด้วยไม่ใช่รู้แค่ทฤษฎีแต่ไม่เข้าใจ

สิ่งที่ควรรู้ก่อนลงมือเขียนคือ

Functional Programming คืออะไร

Object Oriented Programming คืออะไร และทำไมต้อง OO

เรียนรู้วิธีการตั้งชื่อ , comment และเหตุผลที่ควรทำ

ทำไมต้องรู้จัก Framework ยังมีเรื่องจุกจิกมากมายที่เราต้องคำนึง ไม่ว่าจะเป็น Design Pattern การจัดการเลือกเล็กๆน้อย ๆ เพื่อความรวดเร็วมากขึ้นในการสร้างงาน ( แม้ว่าบาง framework จะเสียเวลาเรียนรู้นาน ) ‏ ช่วยลดความซับซ้อนของ application ที่เราจะต้องสร้างขึ้น

ยังมีเรื่องจุกจิกมากมายที่เราต้องคำนึง ไม่ว่าจะเป็น Design Pattern การจัดการเลือกเล็กๆน้อย ๆ

เพื่อความรวดเร็วมากขึ้นในการสร้างงาน ( แม้ว่าบาง framework จะเสียเวลาเรียนรู้นาน ) ‏

ช่วยลดความซับซ้อนของ application ที่เราจะต้องสร้างขึ้น

Framework ที่นิยมในปัจจุบัน รุ่นเล็กแต่งานไม่เล็ก Ruby on Rails (Ruby) ‏ Struts Framework (Java) ‏ Hibernate Framework (Java) ‏ Spring Framework (Java) ‏ Codeigniter (PHP) ‏ CakePHP (PHP) ‏ Django (Python) ‏ Cairngorm (Flex) ‏

รุ่นเล็กแต่งานไม่เล็ก

Ruby on Rails (Ruby) ‏

Struts Framework (Java) ‏

Hibernate Framework (Java) ‏

Spring Framework (Java) ‏

Codeigniter (PHP) ‏

CakePHP (PHP) ‏

Django (Python) ‏

Cairngorm (Flex) ‏

Step ในการเรียนรู้เพื่อเป็น Web Developer XHTML ( เอาให้แม่น )‏ ศึกษาภาษาที่ชอบ ทำความเข้าใจกับทฤษฎีหลักๆในการทำ Web ฝึกฝนให้เข้าใจ ถึงแนวคิด และวิธีการเขียนอย่างแท้จริง และลองทำ app เล็กๆที่ไม่ใช่ database ลองหัดใช้ Database ลองทำ app กับ database หัดใช้ Framework ของภาษาที่ชอบนั้นมาลองเล่น ฝึกฝนเล่นให้ชินมือ

XHTML ( เอาให้แม่น )‏

ศึกษาภาษาที่ชอบ

ทำความเข้าใจกับทฤษฎีหลักๆในการทำ Web

ฝึกฝนให้เข้าใจ ถึงแนวคิด และวิธีการเขียนอย่างแท้จริง และลองทำ app เล็กๆที่ไม่ใช่ database

ลองหัดใช้ Database

ลองทำ app กับ database

หัดใช้ Framework ของภาษาที่ชอบนั้นมาลองเล่น

ฝึกฝนเล่นให้ชินมือ

แนวทางเดินต่อกับเส้นทางนี้ ใฝ่รู้อยู่เสมอ อ่านภาษาอังกฤษให้คล่อง เลือกให้เป็น เปิดใจให้กว้าง

ใฝ่รู้อยู่เสมอ

อ่านภาษาอังกฤษให้คล่อง

เลือกให้เป็น

เปิดใจให้กว้าง

End จบครับ Name : โดม Twitter : domesterz Email : domesterz@gmail.com