This document provides an overview and examples of Bootstrap, an open-source front-end framework for building responsive mobile-first websites and web apps. It discusses what Bootstrap is, the pre-built HTML and CSS components it contains, how to use its grid system including different screen sizes, and provides examples of websites built with Bootstrap. The speaker is Woratana Ngarmtrakulchol, a front-end developer and founder of Designil.com who is interested in topics like WordPress, front-end development, and web design.
This document provides guidance on questions to consider before building a website, including researching your target audience and goals, planning content and navigation, designing page layouts and colors, and ensuring accessibility. It recommends starting with an idea, researching your audience, planning user flows and menus, designing page templates, and considering content, multimedia, and load times before building your site. The document includes examples of website designs and checklists for best practices.
This document provides an overview and examples of Bootstrap, an open-source front-end framework for building responsive mobile-first websites and web apps. It discusses what Bootstrap is, the pre-built HTML and CSS components it contains, how to use its grid system including different screen sizes, and provides examples of websites built with Bootstrap. The speaker is Woratana Ngarmtrakulchol, a front-end developer and founder of Designil.com who is interested in topics like WordPress, front-end development, and web design.
This document provides guidance on questions to consider before building a website, including researching your target audience and goals, planning content and navigation, designing page layouts and colors, and ensuring accessibility. It recommends starting with an idea, researching your audience, planning user flows and menus, designing page templates, and considering content, multimedia, and load times before building your site. The document includes examples of website designs and checklists for best practices.
The document discusses e-commerce extensions for Joomla 3.x. It lists several free and paid shopping cart options for Joomla, including Virtuemart, Citruscart, HikaShop, J2Store, AceShop, and JoomShopping for free options and EShop, JooCommerce, MyMuse, and Quick2Cart for paid options. It provides more details on Virtuemart and Citruscart, outlining their features and positioning Virtuemart as a popular, full-featured option with Thai translations.
The document compares sIFR and Cufon, two methods for embedding fonts on webpages. sIFR requires Flash and has medium ease of use and speed, while Cufon does not require Flash and has high ease of use and speed. Both are open source under free licenses and have documentation available on their official wiki pages.
The document discusses securing Joomla websites. It recommends:
1. Using the latest version of Joomla and keeping software updated.
2. Implementing strong security measures like changing default passwords, enabling two-factor authentication, and using security extensions.
3. Preparing for potential security breaches by performing regular backups and monitoring the site for suspicious activity.
The document summarizes information presented at the 11th Thailand Open Source Software Festival about HTML5 and building templates for Joomla!. It provides an overview of HTML5, describing it as the new standard for HTML, how it has evolved since HTML 4.01 in 1999, and how major browsers now support many of its new elements and APIs. It also discusses building Joomla! templates, including template structure, using HTML5 elements and enabling scripts, CSS3 features like @font-face, vendor prefixes, and frameworks that support HTML5. Finally, it covers key HTML5 features for mobile devices and showcasing Joomla! templates on mobile.
20. Switch statement
(game5-25.html)
<html>
<body>
<script type="text/javascript">
varx;
vard=new Date().getDay();
switch (d)
{
case 0:
x="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
case 3:
x="Today it's Wednesday";
break;
case 4:
x="Today it's Thursday";
break;
case 5:
x="Today it's Friday";
break;
case 6:
x="Today it's Saturday";
break;
default:
x="Looking forward to the Weekend";
}
alert(x);
</script>
</body>
</html>
21. การวนซ้าการทางาน (Loop)
การวนซ้าการทางานหรือลูป (Loop) เป็นเครื่องมือที่สามารถวนการทางานของโปรแกรมด้วยโค้ด ชุดเดิมตามรอบ หรือเงื่อนไขที่เรากาหนด ซึ่งในการทาเกมในหนังสือเล่มนี้นั้น เราจะใช้เพียงคาสั่ง for และ while เท่านั้น
1.การวนซ้าการทางานด้วยคาสั่ง For คาสั่ง For เป็นการวนลูปการทางานตามเงื่อนไขที่ยังเป็น จริง โดยเริ่มต้นจาค่าแรก (Initial-Value) โดยจะตรวจสอบว่าเงื่อนไขยังเป็นจริงอยู่หรือไม่ โดย เปรียบเทียบกับเงื่อนไข (Condition) ถ้าเป็นจริงจะทางานภายในลูป หลังจากนั้นจะทาการเปลี่ยนแปลงา ตัวแปรตาขั้น (Step)
For (varIntitial-value;Condition;Step){ statement1; … }
22. การวนซ้าการทางานด้วยคาสั่ง For
(game5-26.html)
<!DOCTYPE html>
<html><meta charset="utf-8">
<body>
<p>Click the button to loop through a block of code five times.</p>
<button onclick="myFunction()">Click</button>
<p id="myParagraph"></p>
<script type="text/javascript">
function myFunction(){
varx="";
for (vari=0;i<5;i++){
x=x + "<p>The number is " + i+ "</p>";
}
document.getElementById("myParagraph").innerHTML=x;
}
</script>
</body>
</html>
23. การวนซ้าการทางานด้วยคาสั่ง while
2. การวนซ้าการทางานด้วยคาสั่ง while เป็นคาสั่งวนการทางาน ซึ่งจะทางาน ต่อเนื่องกันไปจนกว่าเงื่อนไขจะเป็นเท็จ โยเราจะต้องทาการปรับเปลี่ยนค่าของตัวแปรที่ใช้ ตรวจสอบเงื่อนไข (Condition) มิฉะนั้นโปรแกรมจะทางานแบบอนันต์ (อินฟินิตี้)
While(Condition){
statement1;
}
24. การวนซ้าการทางานด้วยคาสั่ง while
(game5-27.html)
<!DOCTYPE html>
<html><meta charset="utf-8">
<body>
<button onclick="myFunction()">Click</button>
<p id="myParagraph"></p>
<script type="text/javascript">
function myFunction()
{varx="",i=0;
while (i<5){
x=x + "<p>The number is " + i+ "</p>";
i++;
}
document.getElementById("myParagraph").innerHTML=x;
}
</script>
</body>
</html>