Coding by Waanvar: CSS

แสดงบทความที่มีป้ายกำกับ CSS แสดงบทความทั้งหมด

วันอังคารที่ 3 มกราคม พ.ศ. 2560

Javascript เบื้องต้น

มาทำความเข้าใจกันก่อนว่า javascript คืออะไร ทำงานอย่างไร เอาที่เข้าใจง่ายๆไม่วิชาการนะครับ

javascript คือ code ที่ทำงานหน้าบ้านให้กับเว็บ เปลี่ยนแปลงค่าต่างๆที่แสดงอยู่บนหน้าเว็บ ลองนึกภาพตามนะครับ หน้าเว็บมีการทำงานหลักๆอยู่ 3 ส่วน คือ
1. code html แสดงหน้าเว็บ
2. code css ตกแต่งหน้าเว็บ
3. javascript ปรับแต่งค่าต่างๆในเว็บ
ดังนั้นลำดับเวลา Load หน้าเว็บเพจคือ ดึงโค้ด html มาแสดงก่อน จากหน้าโหลด css มาแต่งให้ดูสวยงาม และสุดท้าย javascript และยังคง ทำงานเมื่อเรียกใช้จนปิดหน้าเว็บ ไม่ว่าจะเป็น event ต่างๆ ที่เกิดระหว่างแสดงหน้าเว็บอยู่

กลับมาที่ javascript มันง่ายมากไม่ยุ่งยากเหมือน ภาษาหลักๆ อย่าง c, c# , java , php มันสามารถเขียนได้ทั้งบนไฟล์เว็บ หรือแยกเป็นไฟล์ของมันเอง โดยมีนามสกุลเป็น .js นั่นคือมีลักษณะการใช้งานต่างกัน

ถ้าเป็น ไฟล์ .js คุณต้อง import มาใช้ในไฟล์ ด้วย แท็ก
<script src="/js/main.js" ></script>

แต่ถ้าจะเขียนในไฟล์ ส่วนใหญ่จะเขียนภายในแท็ก <head> โดยมีการสร้างแท็ก เปิด/ปิด แล้วเขียนโค้ดได้เลย
<script type="text/javascript" >

//ในนี้ ทั้งหมดคือ code javascript จัดเต็มได้เลย

</script>

เบื้องต้นไหมละ เอาแค่นี้ก่อนเดียวมึน ไปลองๆดูตัวอย่างโค้ดตามเว็บดู
เปิดเว็บแล้ว Ctrl + U

วันอังคารที่ 16 มิถุนายน พ.ศ. 2558

Validate Form

ถามว่ากรองข้อมูลก่อน Submit Form หรือ หลัง Submit Form ดี ผมบอกได้เลยว่าก่อน คุณจะให้โหลดเพจไปมาทำไมละ ในเมื่อเรากรองมันก่อนได้โดยที่ไม่ต้องโหลดเพจใหม่

ก่อน Submit Form คุณทำเลย กรอง
A : อ้าวแล้วกรองยังไง?
B : ก็เอาตะแกรงกรองมันเลย ง่ายดี
A : !!!?
B : 555

ก่อนอื่นเลยตัวที่กรองก่อน Submit Form อันดับแรกที่ต้องนึกถึงเลย คือ Javascript ก่อนที่จะไปนึกถึงเรื่อง Framework ห่าเหวอะไร เพราะพื้นฐานแน่นอนก็คือ Javascript นี่แหละ ตอนโหลดเพจนึกถึงภาพดังนี้

HTML >>> CSS >>> Javascript

และขณะที่เพจแสดงอยู่นั้น Javascript ก็ยังคงทำงานของมันอยู่ ตราบได้ที่มีปุ่ม หรือ Event ของ Element (แท็ก HTML Everything) ไปเรียกใช้มัน กระบวนการของ HTML ที่หลงเหลืออยู่ คือ Form ดังนั้น หากเราต้องการทำอะไรในหน้าเพจหลังจากโหลดแล้ว ก็คือ Javascript นี่แหละ ที่เราพูดถึงตอนนี้ก็คือ Validate Form ก็เอา Javascript ไปครอบฟอร์มซะ ก่อน Submit ให้เมื่อมีการ Submit ไปเรียกใช้ function ของ Javascript แทนซะ ตรง Javascript เราก็เขียน Code ตรวจสอบ แล้วค่อยสั่งให้ Submit แค่นี้เราก็ได้ Validate ข้อมูลก่อนส่งไปให้ Application ฝั่ง Server ทำต่อละ

ง่ายๆ สงสัยอะไร เม้นไว้ เครนะ ^^

วันศุกร์ที่ 13 มีนาคม พ.ศ. 2558

Prepare to JSP

ก่อนที่จะเริ่มฝึกเขียนโปรแกรมด้วย JSP นั้น มีองค์ประกอบหลายอย่างที่ต้องเรียนรู้ด้วยกัน เพราะว่า JSP นั้นเป็นการเขียนโค้ด Java แทรก เข้าไปใน HTML นั่นเอง ซึ่งกระบวนการทำงานให้แสดงผลหน้า Web รวมทั้งการส่งค่ากลับไปฝั่ง Server จึงต้องมีส่วนจัดการในเรื่องของหน้า Web ด้วยนั่นเอง

สิ่งที่ต้องเรียนรู้ก็คือ
1. HTML เป็นอย่างแรกที่ต้องศึกษาเมื่อมีการเขียน Web ไม่ว่าจะเป็น Web Application หรือ Website ทั่วไป ทุกภาษาที่เขียนจะต้องมี HTML เป็นพื้นฐานอย่างแน่นอน ทั้งในส่วนของ JSP เองสุดท้ายโค้ดจะต้อง Generate ออกมาเป็น HTML เพื่อแสดงผลด้วยนั่นเอง

2. Javascript เป็นส่วนเสริมให้กับหน้า Web ที่จะทำให้ข้อมูลมีการยืดหยุ่นมากขึ้น ซึ่งเป็นประโยชน์เป็นอย่างมากทั้งนี้ Javascript ยังเป็นพื้นฐานนำไปต่อยอดพัฒนากลไกทางหน้าเว็บได้หลากหลาย ไม่ว่าจะเป็น AJAX , JQuery เป็นต้น Javascript นี้จะช่วยในการจัดการข้อมูลได้เป็นอย่างดีทั้งเตรียมรับ-ส่งข้อมูลให้ทางฝั่ง Server ประมวลผล ซึ่งจะขาดไม่ได้อย่างแน่นอน

3. CSS (Style Sheet) เป็นตัวตกแต่งหน้าเว็บให้ออกมาดูสวยงาน ถูกใจผู้ใช้งาน ซึ่งเดิมๆหน้าเว็บจะดูทื่อๆตามที่ Engine ของ Browser ออกแบบมา จึงมี CSS นี่แหละช่วยแต่งเติมหน้าเว็บให้ดูสวยงาม ซึ่งเป็นตัวหลักที่ขาดไม่ได้เช่นกันในการทำเว็บไซต์

3 อย่างที่กล่าวมา จะขาดไม่ได้เลยในการทำ Web Application ไม่ว่าจะเป็น JSP หรือไม่ ซึ่งผู้ที่ต้องการพัฒนาโปรแกรมบน Web Browser จะต้องเรียนรู้เพื่อนำไปใช้งานต่อไป

วันอาทิตย์ที่ 11 พฤษภาคม พ.ศ. 2557

เว็บ PHP กับ Wordpress

ต้องมานั่งเขียนเว็บ php อย่างหลีกเลี่ยงไม่ได้ เพราะ ......

เพราะว่า Most web in the world code by php. ก็เลยต้องมานั่งเรียนรู้กัน และใครที่จะทำก็ควรเรียนรู้ไว้เลยนะ ไม่ใช่เขียนจาวา ได้หา Server เช่าถูกๆกันอวกแตก แม้นจะถนัดสักเท่าไหร่ TOT

วันนี้เลยมานั่งหัด Wordpress เป็น CMS ที่ช่วยได้ดีมากๆ ต้องบอกว่า ดีเลยละ เท่าที่สัมผัสมา(หรือสัมผัสไม่ครบไม่รู้นะ) ทั้งเรื่องการทำ SEO , Manage Backend and Frontend etc., คือเหลือแค่ตกแต่ง แล้วก็เรียนเขียนปลั๊กอิน Widget ตกแต่ง CSS ลองทำกันดู

ทำแล้วได้หน้าตาแบบนี้
wecover.me
jawyn.com
waanvar.com

วันอังคารที่ 6 พฤษภาคม พ.ศ. 2557

Framework กับงานพัฒนาโปรแกรม

เมื่อวานนี้ผมได้โอกาสสนทนากับโปรแกรมเมอร์ระดับอาวุโสท่านหนึ่ง พี่เขามาถามเรื่องการเขียนโปรแกรม Java ว่ามี Framework อันไหนบ้างที่เขียนแล้วช่วยทำให้หน้าจอ Interface ดูสวยงามใช้งานง่าย ผมบอกว่า สำหรับผมไม่มี เพราะผมใช้แต่ JSP ตกแต่งด้วย CSS , AJAX กับ เทคนิค การตกแต่งเว็บ Application ผมให้ความคิดเห็นว่า

อ่านเพิ่มเติม »

วันอังคารที่ 29 เมษายน พ.ศ. 2557

มาสร้างปฏิทินกันเถอะ

มาสร้างปฏิทินกันเถอะ (ไม่!) ด้วย GWT
: ภารกิจของวันนี้คืบหน้า 50%
- คงเหลือ เก็บ data ตามที่เลือกแบบไม่อั้น
- คงเหลือ อ่าน data ตามที่เก็บครบทุกค่า
- คงเหลือ ตกแต่งด้วย CSS
- คงเหลือ เลือกเดือนได้ดั่งใจฝัน
- คงเหลือ เลือกปีได้ดั่งใจหวัง (อาจจะไม่ทำ)

หรือทั้งหมดนี้เป็นเพียงลม เพราะหัวหน้าบอกไม่เอาแล้ว (สมมติ) เราจะใช้รูปแบบใหม่ที่เขาส่งมาให้แทนนะ

Cr. Pro S Beginner

Java กับ Web Application ควรศึกษาอะไรบ้าง

Java กับ Web Application การทำงานต้องมีการศึกษาภาษาโปรแกรมที่ทำงานร่วมกัน รวมทั้งเทคโนโลยีในการเขียนโปรแกรม Framework ต่างๆ สิ่งที่ต้องศึกษามีดังนี้

1. Java
2. JSP
3. Servlet
4. HTML
5. JavaScript
6. CSS
7. Application Server เช่น Tomcat , JBoss เป็นต้น
8. Database เช่น MySQL , SQL Server , Oracle เป็นต้น
9. Editor Tools เช่น Eclipse , RAD เป็นต้น