Download Chapter 08

Document related concepts

URL redirection wikipedia , lookup

Cascading Style Sheets wikipedia , lookup

Transcript
Chapter 8
WWW
อยากทาเว็บแบบมืออาชีพต้ องรู้อะไรบ้ าง ?
1.
2.
3.
4.
5.
HTML / CSS
JavaScript
Server Side
Web Building
XML Tutorials
3 Hours
3 Hours
1. HTML / CSS
1.1 HTML
1.2 CSS
1.3 W3.CSS
1.4 Colors
1.5 Bootstrap
1.6 Icons
1.7 Graphics
1.8 How To
2. JavaScript
2.1 JavaScript
2.2 W3.JS
2.3 jQuery
2.4 jQueryMobile
2.5 AppML
2.6 AngularJS
2.7 JSON
2.8 AJAX
3. Server Side
3.1 SQL
3.2 PHP
3.3 ASP
4. Web Building
4.1 Web Template
4.2 Web Statistics
4.3 Web Certificates
5. XML Tutorials
5.1 Learn XML
5.2 Learn XML AJAX
5.3 Learn XML DOM
5.4 Learn XML DTD
5.5 Learn XML Schema
5.6 Learn XML XSLT
5.7 Learn XPath
5.8 Learn XQuery
1.1 HTML
1.1 HTML (tag)
https://www.w3schools.com/tags/default.asp
1.1 HTML (form)
1.1 HTML (select)
1.1 HTML (textarea)
1.1 HTML (button)
1.1 HTML (datalist)
1.1 HTML (keygen)
เก็บข้ อมูลว่าถ้ าจะคุยกับ username นี ้ครัง้ ต่อไป ต้ องใช้ public key นี ้
เหมือนหรื อต่างจากใช้ HTTPS หรื อไม่?
1.1 HTML (output)
1.2 CSS
1.2 CSS
1.2 CSS (selector)
1.2 CSS (grouping)
1.2 CSS (comment)
1.2 CSS (external / internal / inline)
1.2 CSS (CSS3)
1.2 CSS (responsive)
1.2 CSS (viewport)
1.2 CSS (grid-view)
บราวเซอร์ รับได้ max. 12 คอลัมน์ ?
1.2 CSS (grid-view)
โปรแกรมเมอร์ ต้อง sum ให้ ได้ 12
1.2 CSS (image)
1.2 CSS (image)
A large image can be perfect on a
big computer screen, but useless
on a small device. Why load a
large image when you have to
scale it down anyway? To reduce
the load, or for any other reasons,
you can use media queries to
display
different
images
on
different devices.
2.1 JavaScript
2.1 JavaScript (change content)
2.1 JavaScript (change attribute)
2.1 JavaScript (change style)
2.1 JavaScript (hide/show)
2.1 JavaScript (where to)
2.3 jQuery
2.3 jQuery
Local file
2.4 jQuery (CDN)
CDN = Content Delivery Network
2.3 jQuery (syntax)
2.3 jQuery (syntax)
ควรจะ load ให้ เสร็จก่อน (ready)
ถึงค่อยรัน script
เขียนแบบย่อๆ
2.3 jQuery (selector)
2.3 jQuery (event)
Mobile devices ไม่มี mouse แล้ ว
2.5 jQueryMobile (page)
2.5 jQueryMobile (page)
2.5 jQueryMobile (dialog)
2.5 jQueryMobile (transition)
2.5 AppML
2.5 AppML
2.5 AppML (how to)
Optional?
2.5 AppML (how to)
2.5 AppML (customers.js)
ใช้ Server-side Script เช่น PHP หรื อ ASP สร้ าง JSON (.js) ก็น่าจะได้ ? อ่านข้ อมูลจาก database
2.5 AngularJS
2.5 AngularJS
ng-*
2.5 AngularJS (example)
2.5 AngularJS (directive)
ค่ าเริ่มต้ น
2.5 AngularJS (expression)
2.5 AngularJS (application)
2.5 JSON
2.5 JSON
2.5 JSON
2.5 AJAX
2.5 AJAX
2.5 AJAX
กดแล้ วน่าจะซ่อนปุ่ มให้ อตั โนมัติ
เพื่อไม่ให้ กดซ ้า แล้ วไปทาฟั งก์ชนั ใน
background
จะสร้ างด้ วย PHP/ASP ก็ได้ ?
2.5 AJAX (XML)
JSON กับ XML ต่างกันอย่างไร ?
งานแบบไหนใช้ JSON งานแบบไหนใช้ XML ?