IT VO VAN TIEN

Cách thiết lập biến môi trường để chạy Java ở Lập Trình Android

<br />
<header class="entry-header" style="color: #666666; font-family: 'Lucida Grande', Arial, 'Lucida Sans Unicode', sans-serif; font-size: 13px; line-height: 19px;"><h1 class="entry-title" style="border: 0px; clear: none; color: #333333; font-size: 2.2rem; line-height: 1.2; margin: 0px 56px 5px 0px; outline: 0px; padding: 5px 36px 0px 0px; text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px; vertical-align: baseline;">
<span style="background-color: white;"><br /></span></h1>
</header><div class="entry-content" style="border: 0px; color: #666666; font-family: 'Lucida Grande', Arial, 'Lucida Sans Unicode', sans-serif; font-size: 13px; line-height: 19px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><a href="http://duythanhcse.files.wordpress.com/2011/12/h1.png" style="border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-231" src="http://duythanhcse.files.wordpress.com/2011/12/h1.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h1" /></a><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; color: red; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">1.</span></strong> Bấm chuộc phải vào biểu tượng <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Computer/ chọn Properties</strong></span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><a href="http://duythanhcse.files.wordpress.com/2011/12/h2.png" style="border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-232" src="http://duythanhcse.files.wordpress.com/2011/12/h2.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h2" /></a><span style="border: 0px; color: red; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2.</strong></span> Một cửa sổ mới hiện lên, chúng ta chọn <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Advanced System Settings</strong></span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><a href="http://duythanhcse.files.wordpress.com/2011/12/h3.png" style="border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-233" src="http://duythanhcse.files.wordpress.com/2011/12/h3.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h3" /></a><span style="border: 0px; color: red; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">3.</strong></span> Cửa sổ <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">System Properties</strong> sẽ hiển thị ra, chúng ta vào tab <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Advanced</strong>, click chọn button<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Environment Variables</strong>…Cửa sổ <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Environment variables</strong> sẽ hiển thị như hình bên dưới:</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><a href="http://duythanhcse.files.wordpress.com/2011/12/h4.png" style="border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-234" src="http://duythanhcse.files.wordpress.com/2011/12/h4.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h4" /></a><span style="border: 0px; color: red; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">5.</strong></span> Trong mục System variables, click chọn button <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">New</strong>.</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><a href="http://duythanhcse.files.wordpress.com/2011/12/h5.png" style="border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-235" src="http://duythanhcse.files.wordpress.com/2011/12/h5.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h5" /></a>Mục <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Variable name</strong>, chúng ta nhập vào biến JAVA_HOME</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">Mục <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Variable value</strong>, chúng ta copy đường dẫn cài đặt JDK vào đây, trong ví dụ này thì JDK được cài đặt như hình minh họa. Tức là nếu máy của bạn cài JDK ở đâu thì copy paste đường dẫn đó vào mục này:</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><a href="http://duythanhcse.files.wordpress.com/2011/12/h6.png" style="border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter  wp-image-236" height="305" src="http://duythanhcse.files.wordpress.com/2011/12/h6.png?w=543&h=305" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important;" title="h6" width="543" /></a>Sau khi chọn OK, bạn quan sát trong vùng <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">System Variables</strong>, biến JAVA_HOME và giá trị của nó sẽ xuất hiện như hình minh họa bên dưới:</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><a href="http://duythanhcse.files.wordpress.com/2011/12/h7.png" style="border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-237" src="http://duythanhcse.files.wordpress.com/2011/12/h7.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h7" /></a><strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">5.</strong> Bước tiếp theo, các bạn tìm tới biến <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Path</strong> trong mục <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">System variables</strong>, click chọn Edit:</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="http://duythanhcse.files.wordpress.com/2011/12/h8.png" style="background-color: white; border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-238" src="http://duythanhcse.files.wordpress.com/2011/12/h8.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h8" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">Trong mục <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Variable value</strong>, các bạn di chuyển tới cuối, nhập vào các giá trị như hình minh họa :<strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">%JAVA_HOME%\bin;.;</strong></span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><a href="http://duythanhcse.files.wordpress.com/2011/12/h9.png" style="border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-239" src="http://duythanhcse.files.wordpress.com/2011/12/h9.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h9" /></a>6. Kiểm tra lại cấu hình có chính xác hay không:</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="http://duythanhcse.files.wordpress.com/2011/12/h10.png" style="background-color: white; border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-240" src="http://duythanhcse.files.wordpress.com/2011/12/h10.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h10" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">Để kiểm tra xem máy tính của bạn đang cài JDK version bao nhiêu, vào <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Start</strong>/ <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Run</strong>. Hoặc gõ tổ hợp phím <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Windows+R</strong> để hiển thị cửa sổ <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Run</strong>, trong cửa sổ này các bạn gõ vào lệnh <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">cmd</strong> rồi nhấn phím Enter:</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<a href="http://duythanhcse.files.wordpress.com/2011/12/h11.png" style="background-color: white; border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-241" src="http://duythanhcse.files.wordpress.com/2011/12/h11.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h11" /></a></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">Gõ <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">java  –version</strong> để kiểm tra JDK version.</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">Gõ <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">javac –version</strong> để kiểm tra javac version.</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;"><a href="http://duythanhcse.files.wordpress.com/2011/12/h12.png" style="border: 0px; color: #026acb; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: initial; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-242" src="http://duythanhcse.files.wordpress.com/2011/12/h12.png?w=593" style="-webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; clear: both; display: block; height: auto; margin: 5px auto 1.5em; max-width: 100%; padding: 4px !important; width: auto;" title="h12" /></a>Nếu như khi gõ lệnh <strong style="border: 0px; font-family: inherit; font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">javac -version</strong> mà bạn thấy command line hiển thị thông báo như sau:</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">‘javac’ is not recognized as an internal or external command, operable program or batch file.</span></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; margin-bottom: 1.5em; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: white;">điều đó có nghĩa là bạn đã thiết lập cấu hình bị sai, bạn xem kỹ lại và cấu hình lại các bước ở trên.</span></div>
</div>

Cách thiết lập biến môi trường để chạy Java ở Lập Trình Android

1. Bấm chuộc phải vào biểu tượng Computer/ chọn Properties 2. Một cửa sổ mới hiện lên, chúng ta chọn Advanced System Settings 3...

Các lệnh thường gặp trong css

<br />
<div class="article-content" style="background-color: white; color: #41423d; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;">
<div style="margin-left: 10px; margin-right: 10px; padding: 0px; text-align: justify;">
<br /></div>
<div style="margin-left: 10px; margin-right: 10px; padding: 0px; text-align: justify;">
Đối với một Web Designer không biết về CSS thì quả thực sẽ là một thiệt thòi rất lớn, nếu không muốn nói là kém. Vậy bài viết này sẽ trang bị cho các bạn những kiến thức cơ bản cần và đủ là thiết kế một temp cho website hoàn chỉnh.<br style="font-size: 1px; height: 1px;" />- Việc đầu tiên các bạn cần phải quan tâm đối với CSS đó chính là sự tương thích với các trình duyệt web. Trên thế giới hiện nay có rất nhiều  trình duyệt khác nhau, nhưng có lẽ được tin dùng nhất chính là Mozila Firefox và Internet Explorer (trình duyệt của window). Vì vậy mà viết các đoạn mã CSS sao cho tất cả các trình duyệt đều hiểu được không phải là dễ, nhưng cũng không phải là quá khó như các bạn tưởng tượng.</div>
<div style="margin-left: 10px; margin-right: 10px; padding: 0px; text-align: justify;">
<br /></div>
<div style="margin-left: 10px; margin-right: 10px; padding: 0px; text-align: center;">
<img border="0" src="http://www.vocw.edu.vn/images/stories/kienthuc_web/cssogo.jpg" style="border: 1px solid rgb(226, 231, 158); margin: 3px 5px 0px; padding: 3px;" /></div>
<div style="margin-left: 10px; margin-right: 10px; padding: 0px; text-align: justify;">
<strong><br /></strong></div>
<div style="margin-left: 10px; margin-right: 10px; padding: 0px; text-align: justify;">
<strong>1.Lệnh margin</strong><br style="font-size: 1px; height: 1px;" />Ta bắt đầu với canh lề<br style="font-size: 1px; height: 1px;" />a.Căn lề 2 bên<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {   <br style="font-size: 1px; height: 1px;" />margin:20px;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />b. Căn lề dùng lệnh auto:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {   <br style="font-size: 1px; height: 1px;" />margin:20px auto;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- với lệnh trên, lề trái và phải sẽ tự động được căn giữa, còn lề trên và dưới sẽ được căn lề là 20px.<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />c. lệnh Margins với 3 giá trị:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />margin:20px auto 50px;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- với lệnh này lề trên căn lề 20px, lề trái & phải sẽ được tự động căn giữa, lề dưới căn lề 50px.<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>2.Lệnh Padding:</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- Các lệnh căn lề với padding:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />padding-top:10px; // căn lề trên<br style="font-size: 1px; height: 1px;" />padding-right:20px; // căn lề phải  <br style="font-size: 1px; height: 1px;" />padding-bottom:30px; // căn lề dưới<br style="font-size: 1px; height: 1px;" />padding-left:40px; // căn lề trái  <br style="font-size: 1px; height: 1px;" />}<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- Để dễ dàng hơn ta có thể viết:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />padding:10px 20px 30px 40px;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" />- Như vậy cấu trúc lênh sẽ là : padding : top right bottom left;<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />Ta thấy 2 lệnh trên đều là căn lề, vậy chúng có gì khác nhau, chúng ta sẽ nói thêm về điều này:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />+ margin : khi dùng lệnh này để căn lề thì kích thước của khung nội dung của bạn sẽ được giữ nguyên.<br style="font-size: 1px; height: 1px;" />+ padding: với việc căn lề bằng lệnh padding thì kích thước của khung nội dung sẽ bị thay đổi. Lấy ví dụ: khung nội dung của bạn có độ rộng 100px, khi dùng lệnh căn lề trái padding-left:30px; thì khung sẽ bị dịch sang phải 30px, và khi đó độ rộng của khung sẽ được cộng thêm vào là 30px, tức là 130px. Đó chính là mấu chốt khiến các bạn mới làm quen thường bị xảy ra hiện tượng xô lệch do khi dùng padding vì chúng ta padding bao nhiêu thì sẽ + thêm vào chiều rông cũ bấy nhiêu để tạo thành một chiều rộng mới.<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>3.Background:</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- các thuộc tính cơ bản của lệnh như bên dưới:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />background-color: transparent; // làm trong nền trong suốt<br style="font-size: 1px; height: 1px;" />background-image: url('/image.jpg'); // ảnh nền  <br style="font-size: 1px; height: 1px;" />background-repeat: no-repeat; // thuộc tính lặp lại<br style="font-size: 1px; height: 1px;" />background-position: top right; // vị trí nền  <br style="font-size: 1px; height: 1px;" />background-attachment: scroll; // nền trượt<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- ví dụ như bạn muốn tạo ảnh nền trong suốt, nằm trên cùng bên phải, không lặp lại, và di chuyển theo chuột, ta sẽ có lệnh như bên dưới:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />background: transparent url('image.jpg') no-repeat top right scroll;<br style="font-size: 1px; height: 1px;" />}</div>
<div style="margin-left: 10px; margin-right: 10px; padding: 0px; text-align: justify;">
<br style="font-size: 1px; height: 1px;" /><strong>4.Lệnh font:</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />font-variant:small-caps;<br style="font-size: 1px; height: 1px;" />font-weight:bold;  <br style="font-size: 1px; height: 1px;" />font-size:1em;<br style="font-size: 1px; height: 1px;" />line-height:1.4em;  <br style="font-size: 1px; height: 1px;" />font-family:Georgia, serif;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><strong><br style="font-size: 1px; height: 1px;" />5.Lệnh cho list (ul):</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />ul {  <br style="font-size: 1px; height: 1px;" />list-style-type:decimal-leading-zero;<br style="font-size: 1px; height: 1px;" />list-style-position:inside;  <br style="font-size: 1px; height: 1px;" />list-style-image: none; // sử dụng ảnh, nếu muốn sử dụng ảnh cho list, bạn chỉ việc thay none bằng url('link ảnh')<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- để đơn giản ta gộp các thuộc tính chung lại, như bên dưới:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />ul {  <br style="font-size: 1px; height: 1px;" />list-style:decimal-leading-zero inside url('image.jpg');<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>6.lệnh Border (tạo đừơng viền - đường bao)</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />border-width:2px; // độ rộng đường bao<br style="font-size: 1px; height: 1px;" />border-style: solid; // kiểu  <br style="font-size: 1px; height: 1px;" />border-color: #4096EE; // màu<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- đơn giản có thể viết<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />border: 2px solid #4096EE; // trị màu : #4069EE có thể thay bằng rgb(64, 150, 238)<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>7.Outline (tương tự lệnh border)</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- ví dụ bên dưới là tạo đương viền cho ảnh<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />img {  <br style="font-size: 1px; height: 1px;" />outline-width: 5px;<br style="font-size: 1px; height: 1px;" />outline-style:solid;  <br style="font-size: 1px; height: 1px;" />outline-color: #000000;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" />- đơn giản có thể viết<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />img {  <br style="font-size: 1px; height: 1px;" />border: outline: 5px solid #000000;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>8.Lệnh màu :</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- có thể sử dụng 1 trong các cách dưới đều được<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />color: #FFFFFF;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" />.ClassName {<br style="font-size: 1px; height: 1px;" />color: #FFF;  <br style="font-size: 1px; height: 1px;" />}<br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />color: #fff;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" />.ClassName {<br style="font-size: 1px; height: 1px;" />color: rgb(255, 255, 255);  <br style="font-size: 1px; height: 1px;" />}<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>9. Cross browser transparency:</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- thiết lập cho từng trình duyệt<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />filter:alpha(opacity=50); // trình duyệt IE<br style="font-size: 1px; height: 1px;" />-moz-opacity:0.5; // trình duyệt mozilla  <br style="font-size: 1px; height: 1px;" />-khtml-opacity: 0.5; // trình duyệt Safari<br style="font-size: 1px; height: 1px;" />opacity: 0.5; // hầu hết các trình duyệt, nhưng IE thì không.  <br style="font-size: 1px; height: 1px;" />}<br style="font-size: 1px; height: 1px;" /><strong>10. First-child selectors</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- ví dụ bên dưới tạo màu chữ riêng cho lớp đầu tiên của footer (nằm trong thẻ <em>)<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.footer em:first-child {  <br style="font-size: 1px; height: 1px;" />color:#ccc;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>12. First-letter (kí tự đầu tiên)</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />p:first-letter{<br style="font-size: 1px; height: 1px;" />color:#ff0000;<br style="font-size: 1px; height: 1px;" />font-size:15px;<br style="font-size: 1px; height: 1px;" />}[/CODE]<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- ví dụ ta có code sau :<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><p>This is an example usage of the first-letter property</p><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- kết quả :<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />This is an example usage of the first-letter property<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>13. First-line</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- thiết lập thuộn tính cho dòng đầu tiên<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />#p:first-line {  <br style="font-size: 1px; height: 1px;" />color:#ff0000;<br style="font-size: 1px; height: 1px;" />font-weight:bold;  <br style="font-size: 1px; height: 1px;" />}<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- ví dụ: ta có code<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><p>This is an example usage of the first-line property. This is an example usage of the first-line property.</p><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- kết quả :<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />This is an example usage of the first-line property. This is an example usage of the first-line property.<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>14. Độ cao tối thiểu</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName {  <br style="font-size: 1px; height: 1px;" />min-height:200px;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- code trên không hỗ trợ cho IE, để hiển thị trên IE, bạn tham khảo code bên dưới:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.ClassName{  <br style="font-size: 1px; height: 1px;" />min-height:200px;<br style="font-size: 1px; height: 1px;" />height:auto !important;  <br style="font-size: 1px; height: 1px;" />height:200px;<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>15. Thuộc tính clip (hiển thị một phần)</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />- ví dụ ta có code bên dưới:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />img {  <br style="font-size: 1px; height: 1px;" />clip:rect(50px 218px 155px 82px);<br style="font-size: 1px; height: 1px;" />}  <br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />với code này, ảnh sẽ được clip phía trên 50px, bottom là 218px (tính từ trên xuống), right là 155px (tính từ trái qua), left là 82px (cũng tính từ trái qua). xem ví dụ bên dưới để rõ:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><img border="0" src="http://www.vocw.edu.vn/images/stories/kienthuc_web/hinh1.jpg" style="border: 1px solid rgb(226, 231, 158); margin: 3px 5px 0px; padding: 3px;" /><br style="font-size: 1px; height: 1px;" />Hình gốc<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><img border="0" src="http://www.vocw.edu.vn/images/stories/kienthuc_web/h2.gif" style="border: 1px solid rgb(226, 231, 158); margin: 3px 5px 0px; padding: 3px;" /><br style="font-size: 1px; height: 1px;" />Hình Đã Sửa với Clip<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />Bên dưới là 3 lệnh code CSS3 (lưu ý. CSS3 chỉ hỗ trợ trên Firefox, safariand, và Chrome)<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>16. Bo góc:</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.rounded_corner {  <br style="font-size: 1px; height: 1px;" />-moz-border-radius:10px;<br style="font-size: 1px; height: 1px;" />-webkit-border-radius:10px;  <br style="font-size: 1px; height: 1px;" />width:400px;<br style="font-size: 1px; height: 1px;" />height:100px;  <br style="font-size: 1px; height: 1px;" />background-color:#000;<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />}<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>17. Drop shadow (tạo bóng đổ)</strong><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.your_shadow {  <br style="font-size: 1px; height: 1px;" />width:400px;<br style="font-size: 1px; height: 1px;" />height:200px;  <br style="font-size: 1px; height: 1px;" />background-color:#000;<br style="font-size: 1px; height: 1px;" />-webkit-box-shadow: 5px 5px 2px #ccc;  <br style="font-size: 1px; height: 1px;" />}<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" /><strong>18. Resize</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />.resize{  <br style="font-size: 1px; height: 1px;" />min-width:200px;<br style="font-size: 1px; height: 1px;" />min-height:200px;  <br style="font-size: 1px; height: 1px;" />max-width:500px;<br style="font-size: 1px; height: 1px;" />max-height:400px;  <br style="font-size: 1px; height: 1px;" />resize:both;<br style="font-size: 1px; height: 1px;" />background-color:#ccc;  <br style="font-size: 1px; height: 1px;" />border:2px solid #666;<br style="font-size: 1px; height: 1px;" />overflow:auto;  <br style="font-size: 1px; height: 1px;" />}</div>
<div style="margin-left: 10px; margin-right: 10px; padding: 0px; text-align: justify;">
<br style="font-size: 1px; height: 1px;" /><strong>19.dùng dấu "," để gộp chung các class khi có cùng thuộc tính:</strong><br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />ví dụ như bên dưới:<br style="font-size: 1px; height: 1px;" /><br style="font-size: 1px; height: 1px;" />CODE<br style="font-size: 1px; height: 1px;" />h1, h2, h3, h4, h5, h6 {  <br style="font-size: 1px; height: 1px;" />font-family:Helvetica, Verdana, sans-serif;<br style="font-size: 1px; height: 1px;" />}</div>
</div>

Các lệnh thường gặp trong css

Đối với một Web Designer không biết về CSS thì quả thực sẽ là một thiệt thòi rất lớn, nếu không muốn nói là kém. Vậy bài viết này sẽ tr...

Hướng dẫn lập trình jquery cho người mới bắt đầu

<br />
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">Bất kì trang web nào cho dù sử dụng công nghệ gì (.NET, PHP, JSP…) đều phải sử dụng Javascript à Javascript rất phổ biến. Ngôn ngữ <strong><a href="http://lanhtv.webchuyennghiep.net/lap-trinh-jquery.html" style="text-decoration: initial;">lập trình JQuery</a></strong> chính là một thư viện kiểu mới của Javascript giúp đơn giản hóa cách viết Javascript và tăng tốc độ xử lý các sự kiện trên trang web. JQuery thêm tương tác Ajax vào trong trang web của bạn.<br /><br /><strong>JQuery</strong> được thiết kế để thay đổi cách viết Javascript của bạn. Chỉ với 10 dòng <strong>lệnh JQuery</strong>bạn có thể thay thế cả 20 chục dòng lệnh DOM JavaScript chán ngắt cũ kỹ mà xưa nay bạn vẫn từng viết.<br /><br /><strong>JQuery</strong> là 1 bộ thư viện khổng lồ hỗ trợ cho mọi ngôn ngữ lập trình à học viên lớp .NET, PHP, Web doanh nghiệp hoặc chỉ cần có kiến thức về HTML đều có thể học được. <strong>Một lập trình viên</strong> sử dụng jquery để lập trình sẽ tiết kiệm được nhiều thời gian của người lập trình web.</span></div>
<span style="background-color: white; color: blue;"><br style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;" /></span><div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">Bài viết này mình sẽ thống kế(có tham khảo từ nhiều nguồn hướng dẫn) các hàm, chức năng cơ bản hay dùng nhất trong <strong>lập trình jquery</strong>, mình sẽ không vào chi tiết vào từng năng của jquery để biết thêm chi tiết và các ví dụ các bạn có thể tham khảo tại website www.jquery.com</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;"><br /></span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;"><img alt="lap trinh jquery" height="240" src="http://lanhtv.webchuyennghiep.net/img/lap-trinh-jquery.jpg" style="border: 0px; vertical-align: middle;" width="400" /></span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;"><br /></span></div>
<h2 class="h3-item" style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 16px; line-height: 20.399999618530273px; margin: 5px 25px 10px -7px;">
<span style="background-color: white; color: blue;">Tại sao dùng jQuery ?</span></h2>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;"><strong>jQuery</strong> đơn giản hóa cách viết Javascript và tăng tốc độ xử lý các sự kiện trên trang web, giúp tiết kiệm thời gian và công sức rất nhiều so với việc ngồi viết javascript theo cách thông thường. Đúng như khẩu hiệu của jquery "Viết ít hơn, làm nhiều hơn", nếu không dùng <em>jQuery</em>thì một chuyên gia cũng phải viết mất vài trang giấy mới làm được một nút Back to Top với hiệu ứng trượt, trong khi đó dân nghiệp dư chỉ cần vài dòng code ngắn ngủi + <strong>jQuery</strong> là đã có thể "múa rìu qua mắt thợ". Bên cạnh đó, việc sử dụng jQuery giúp giải quyết tốt vấn đề xung đột giữa các trình duyệt web.</span></div>
<h2 class="h3-item" style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 16px; line-height: 20.399999618530273px; margin: 5px 25px 10px -7px;">
<span style="background-color: white; color: blue;">jQuery lập trình được những gì?</span></h2>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">1. Truy cập (access) các phần tử (elements) trong nội dung trang web (document)</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">2. Thay đổi hình thức/giao diện (appearance) của trang web: Thay đổi class hoặc style riêng lẽ...</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">3. Thay đổi nội dung (content) trang web.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">4. Tương tác với người dùng.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">5. Hiệu ứng động jquery: fades, wipes, ...</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">6. Lấy thông tin từ Server mà không cần load lại trang web (Ajax)</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">7. Đơn giản hoá tác vụ của JavaScript</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">Sau đây là các chức năng chính trong lập trình jquery mà các newbie nên biết:</span></div>
<h2 class="h3-item" style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 16px; line-height: 20.399999618530273px; margin: 5px 25px 10px -7px;">
<span style="background-color: white; color: blue;">1. Selector trong lập trình Jquery.</span></h2>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">Điều đầu tiên mà người lập trình muốn làm việc với jquery là phải sử dụng tốt được các selector của jquery.</span></div>
<span style="background-color: white; color: blue;"><br style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;" /></span><div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn theo tên Tag, ví dụ: $('p')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn theo ID, ví dụ: $('#author')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn theo class, ví dụ: $('.content')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn các phần tử con ta dùng thêm > , ví dụ: $('#select-id > li')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn và loại trừ một số phần tử, ví dụ: $('#select-id > li:not(.current)')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn theo thuộc tính của Tag, ví dụ: $('img[alt]') hoặc $('a[href^=mailto:]')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn kết hợp, ví dụ: $('a[href^=http][href*=zend]')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn phần tử theo Index trong tập hợp chọn được, ví dụ: $('#select-id > li:eq(2)')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn tất cả các div là con đầu tiên của div chứ jquery, ví dụ: $('div:nth-child(1)')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn các phần tử có index là số lẽ, ví dụ: $('#select-id > li:odd')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Chọn theo nội dung bên trong, ví dụ: $('.content:contains('Example')')</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">* Đặc biệt jquery hỗ trợ việc chọn các thành phần trong Form</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px; padding-left: 20px;">
<div>
<span style="background-color: white; color: blue;">o :text, :checkbox, :radio, :image, :submit, :reset, :password, :file.</span></div>
<div>
<span style="background-color: white; color: blue;">o :input (Chọn input, textarea, select, và button)</span></div>
<div>
<span style="background-color: white; color: blue;">o :button (Button và input nào có thuộc tính type="button")</span></div>
<div>
<span style="background-color: white; color: blue;">o :enabled, :disabled (phần tử đã enabled, disabled)</span></div>
<div>
<span style="background-color: white; color: blue;">o :checked (Radio buttons hoặc checkboxes đã được chọn (checked))</span></div>
<div>
<span style="background-color: white; color: blue;">o :selected (Option đã được chọn (selected))</span></div>
</div>
<span style="background-color: white; color: blue;"><br style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;" /></span><div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">Trong phần này mình sẽ trình bày với các bạn một số phương thức để chọn các phần tử trong<strong>jquery</strong> có liên quan họ hàng với nhau:</span></div>
<span style="background-color: white; color: blue;"><br style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;" /></span><div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.next() : chọn phần tử cùng cấp và nằm kế sau nó (chọn thằng em sinh kề sau nó)</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.nextAll() : chọn tất cả phần tử cùng cấp và nằm sau nó (chọn lũ em của nó)</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.prev() : chọn phần tử cùng cấp và nằm kế trước nó (chọn thằng anh sinh kế trước nó)</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.prevAll() : chọn tất cả phần tử cùng cấp và nằm trước nó (chọn lũ anh của nó)</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.andSelf() : và chọn chính nó</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.parent() : chọn phần tử cha của nó (chứa nó)</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.children() : chọn các phần tử con của nó (nó chứa)</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.find('selector') : tìm phần tử theo 'selector'</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.end() : đây là phương thức mình muốn bạn tự tìm hiểu.</span></div>
<h2 class="h3-item" style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 16px; line-height: 20.399999618530273px; margin: 5px 25px 10px -7px;">
<span style="background-color: white; color: blue;">2. Sự kiện trong lap trinh jquery.</span></h2>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">Những <strong>phương pháp jquery</strong> này được sử dụng để đăng ký hành vi có hiệu ứng khi người dùng tương tác với trình duyệt, và tiếp tục thao tác những hành vi đó.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.bind() : bắt các sự kiện của các thẻ html.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.click() : bắt sự kiện click tương tự như sự kiện onClick() trong Dom.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.hover() : xử lý 2 sự kiện đưa chuột vào và kéo chuột ra khỏi các phần tử html.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.live() : dùng để xử lý tất cả các sự kiện hiện hành.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.load() : dùng để load một sự kiện javascript.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.ready() : chỉ định thực hiện khi Dom được nạp đầy đủ trong page.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.submit() : dùng để submit các sự kiện javascript.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.scroll() : thực thi khi ta kéo trượt thanh trượt.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.unbind() : ngược lại với .bind().</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.change() : thực thi khi ta thay đổi cái gì đó của phần tử html.</span></div>
<h2 class="h3-item" style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 16px; line-height: 20.399999618530273px; margin: 5px 25px 10px -7px;">
<span style="background-color: white; color: blue;">3. Các hiệu ứng trong lập trình jquery.</span></h2>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;"><strong>Thư viện jQuery</strong> cung cấp một số kỹ thuật để tạo nên các hiệu ứng chuyển động cho một trang web. Chúng bao gồm các chuyển động đơn giản, sử dụng thường xuyên, và cả các khả năng để xây dựng các hiệu ứng phức tạp. Trong phần này, mình sẽ giới thiệu một số hiệu ứng mà mình hay dùng để lập trình web với thư viện của jquery.</span></div>
<span style="background-color: white; color: blue;"><br style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;" /></span><div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px; padding-left: 20px;">
<div>
<span style="background-color: white; color: blue;">.animate(): thực hiện một tùy biến chuyển động của tập hợp các thuộc tính CSS.</span></div>
<div>
<span style="background-color: white; color: blue;">.delay() : thiết lập thời gian trì hoãn thực hiện các function sau nó.</span></div>
<div>
<span style="background-color: white; color: blue;">.fadeIn() : cho phép các phần tử trong tag hiện một cách từ từ biến thiên theo thời gian đã được thiết lập.</span></div>
<div>
<span style="background-color: white; color: blue;">.fadeOut() : cho phép các phần tử trong tag ẩn một cách từ từ biến thiên theo thời gian đã được thiết lập.</span></div>
<div>
<span style="background-color: white; color: blue;">.fadeTo() : điều chỉnh độ mờ của các phần tử trong html.</span></div>
<div>
<span style="background-color: white; color: blue;">jQuery.fx.interval : thiết lập thời gian cho chuyển động.</span></div>
<div>
<span style="background-color: white; color: blue;">.hide(): ẩn các phần tử html theo thời gian.</span></div>
<div>
<span style="background-color: white; color: blue;">.Show() : hiện các phẩn tử html theo thời gian.</span></div>
<div>
<span style="background-color: white; color: blue;">.stop() : kết thúc các hiệu ứng chuyện động.</span></div>
<div>
<span style="background-color: white; color: blue;">jQuery.fx.off : vô hiệu hóa tất cả các chuyển động.</span></div>
</div>
<h2 class="h3-item" style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 16px; line-height: 20.399999618530273px; margin: 5px 25px 10px -7px;">
<span style="background-color: white; color: blue;">4. Các thuộc tính trong lap trinh jquery</span></h2>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">Những phương pháp <em>jquery</em> nhận và thiết lập các thuộc tính của các yếu tố DOM. Mình xin liệt kê các thuộc tính <strong>người lập trình</strong> hay dùng.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.addClass() : thêm vào thuộc tính class cho tag html.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.removeClass() : loại trừ thuộc tính class cho tag html.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.attr() : nhận giá trị phẩn tử đầu tiên trong tập hợp các thuộc tính của tag html.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.removeAttr() : loại trừ giá trị phẩn tử đầu tiên trong tập hợp các thuộc tính của tag html.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.html() : trả về nội dung dạng html.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.text() : trả về nội dung dạng text.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.val() : nhận lấy giá trị hiện tại của tag html.</span></div>
<h2 class="h3-item" style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 16px; line-height: 20.399999618530273px; margin: 5px 25px 10px -7px;">
<span style="background-color: white; color: blue;">5. Sử dụng Ajax trong lap trinh jquery</span></h2>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;"><strong>Jquery</strong> hỗ trợ các function sử dụng ajax trong <strong>lập trình web</strong> một cách đơn giản và ngắn gọn với mức độ tùy biến khá cao.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.ajax() : thực hiện một yêu cầu ajax.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.ajaxComplete() : thực hiện một yêu cầu ajax complete.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.get() : load dữ liệu từ server sử dụng phương thức GET.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.getJSON() : load dữ liệu từ server dưới dạng Json sử dụng phương thức GET.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">.post() : load dữ liệu từ server sử dụng phương thức POST.</span></div>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">Đây chỉ là một số function mà người lập trình jquery hay dùng. Ngoài ra còn rất nhiều function khác nữa.</span></div>
<h2 class="h3-item" style="font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 16px; line-height: 20.399999618530273px; margin: 5px 25px 10px -7px;">
<span style="background-color: white; color: blue;">6. Lập trình mở rộng với Jquery UI.</span></h2>
<div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;">phần Jquery UI các bạn tự tìm hiểu thêm nha.</span></div>
<span style="background-color: white; color: blue;"><br style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;" /></span><div style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 14px; line-height: 20.399999618530273px;">
<span style="background-color: white; color: blue;"><em>Tóm lại,</em> bài này chỉ mang tính chất thống kê các phương thức mà người lập trình thường hay dùng. Để hiểu rõ hơn thì các bạn phải tự tìm ví dụ vào nghiên cứu từ internet. Tất cả các tài liệu, ví dụ hướng dẫn chi tiết về jquery được soạn đầy đủ tại trang chủ của jquery tại  <a href="http://docs.jquery.com/Main_Page" target="_blank">http://docs.jquery.com/Main_Page</a></span></div>

Hướng dẫn lập trình jquery cho người mới bắt đầu

Bất kì trang web nào cho dù sử dụng công nghệ gì (.NET, PHP, JSP…) đều phải sử dụng Javascript à Javascript rất phổ biến. Ngôn ngữ lập tr...

Ví dụ đơn giản về giỏ hàng (cart) trong code shop PHP

<span style="background-color: white; color: blue; font-family: Arial, tahoma, verdana, arial; font-size: 15px; line-height: 20px; text-align: justify;"><b>Chỉ đơn giản là thêm sp vào giỏ hàng và thanh toán mà thôi, chứ các bạn phải thêm mắm muốn để xào nấu chung với code của mình</b></span><br />
<span style="color: blue; font-family: Arial, tahoma, verdana, arial; font-size: 15px; line-height: 20px; text-align: justify;"><b>Mục đích của code này cũng chỉ để hiểu cách làm về việc này mà thôi nên nếu nói lỗi thì chắc có đấy </b></span><img alt="" border="0" class="inlineimg" src="http://sinhvienit.net/@forum/images/smilies/LaiPro_NewYahoo/4.gif" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 0px; color: #141414; font-family: Arial, tahoma, verdana, arial; font-size: 15px; line-height: 20px; text-align: justify;" title="big green" /><br />
<b><span style="color: red; font-size: large;"><br /></span></b>
<div style="text-align: justify;">
<span style="color: magenta; font-family: Arial, tahoma, verdana, arial; font-size: large; line-height: 20px;"><b>1. </b></span><span style="color: red; font-size: large; font-weight: bold;">index.php</span></div>
<blockquote class="tr_bq">
<b><span style="color: blue;"><?</span></b><b><span style="color: blue;">session_start();</span></b><b><span style="color: blue;">include_once('includes/cauhinh.php');</span></b><b><span style="color: blue;">?></span></b><b><span style="color: blue;"><html></span></b><b><span style="color: blue;"><head></span></b><b><span style="color: blue;"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></span></b><b><span style="color: blue;"><meta http-equiv="Content-Language" content="vi"></span></b><b><span style="color: blue;"><title>SinhVienIT.Net - VD Ve Cart trong PHP [Code by: Vu Thanh Lai]</title></span></b><b><span style="color: blue;"><script src='js/ajax.js'></script></span></b><b><span style="color: blue;"><style fprolloverstyle>A:hover {color: #FF0000; font-family: Tahoma; font-size: 10pt}</span></b><b><span style="color: blue;"></style></span></b><b><span style="color: blue;"></head></span></b><b><span style="color: blue;"><body></span></b><b><span style="color: blue;"><p><b><a href="./">Danh sách Sản phẩm</a> | <b><a href="?act=xemcart">Sản phẩm đã chọn mua</a> | <a href="?act=thanhtoan">Thanh Toán</a></b> | <a href="?act=reset">Thoát ra để mua lượt khác</a></b></p></span></b><b><span style="color: blue;"><?</span></b><b><span style="color: blue;">if ($_GET['act']=='themvaogio')</span></b><b><span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span></b><b><span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>include "includes/themvaogio.php";</span></b><b><span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>include "includes/load_cart.php";}</span></b><b><span style="color: blue;">else if ($_GET['act']=='xemcart')</span></b><b><span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>include "includes/xemcart.php";</span></b><b><span style="color: blue;">else if ($_GET['act']=='thanhtoan')</span></b><b><span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>include "includes/thanhtoan.php";</span></b><b><span style="color: blue;">else if ($_GET['act']=='reset')</span></b><b><span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>{</span></b><b><span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>unset($_SESSION['giohang']);</span></b><b><span style="color: blue;"><span class="Apple-tab-span" style="white-space: pre;"> </span>include "includes/load_cart.php";</span></b><b><span style="color: blue;">        }</span></b><b><span style="color: blue;">else include "includes/load_cart.php";<span class="Apple-tab-span" style="white-space: pre;">   </span></span></b><b><span style="color: blue;">mysql_close($link);</span></b><b><span style="color: blue;">?></span></b><b><span style="color: blue;"></body></span></b><b><span style="color: blue;"></html></span></b></blockquote>
<br />
<span style="color: magenta; font-size: large;"><b>2. </b></span><span style="color: red; font-size: large;"><b>cauhinh.php</b></span><br />
<blockquote class="tr_bq">
 <b>  <span style="background-color: white; color: blue;"><?php</span></b></blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>$db_host<span class="Apple-tab-span" style="white-space: pre;"> </span>= 'localhost';</b></span></blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>$db_name<span class="Apple-tab-span" style="white-space: pre;"> </span>= 'vdcart';</b></span></blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>$db_user<span class="Apple-tab-span" style="white-space: pre;"> </span>= 'root';</b></span></blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>$db_pass<span class="Apple-tab-span" style="white-space: pre;"> </span>= '';</b></span></blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span>$link = mysql_connect ($db_host, $db_user, $db_pass)</b></span></blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: blue;"><b>    or die ("Không thể kết nối với CSDL của Website, Bạn Hãy liên hệ với Admin nhé, Cám ơn bạn !");</b></span></blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: blue;"><b>    mysql_select_db($db_name, $link);</b></span></blockquote>
<blockquote class="tr_bq">
<span style="background-color: white; color: blue;"><b><span class="Apple-tab-span" style="white-space: pre;"> </span> ?></b></span></blockquote>
<br />
<span style="color: blue; font-size: large;"><b>Link tải về: <a href="http://sinhvienit.net/@forum/attachment/859/1288627255/SinhVienIT.Net---vidu_cart.zip" target="_blank">download</a></b></span><br />
<span style="color: blue; font-size: large;"><b>Link demo: <a href="http://demo.sinhvienit.net/php/vidu_cart" target="_blank">demo</a></b></span>

Ví dụ đơn giản về giỏ hàng (cart) trong code shop PHP

Chỉ đơn giản là thêm sp vào giỏ hàng và thanh toán mà thôi, chứ các bạn phải thêm mắm muốn để xào nấu chung với code của mình Mục đích của ...

17 Cách viết “Hello World” với C#

<br />
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<b>Chúng ta thường bắt đầu một ngôn ngữ lập trình bằng cách viết lại chương trình Hello World! (chương trình in ra dòng chữ “Hello World!”). Đây được coi là chương trình đầu tiên của các ngôn ngữ lập trình. Có rất nhiều cách viết chương trình “Hello World!” trong từng ngôn ngữ lập trình. Bài viết này sẽ giới thiệu 17 cách viết chương trình “Hello World!” với ngôn ngữ C#. Hãy cùng khám phá nào</b> <img alt="Winking smile" src="http://thanhcuong.files.wordpress.com/2011/04/wlemoticon-winkingsmile1.png?w=640" style="border: 0px; line-height: inherit; margin: 0px; max-width: 600px; padding: 0px;" /></div>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">1. “Hello World” cho người mới bắt đầu (A beginners Hello World)</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    class Program
    {
        static void Main(string[] args)
        {
            System.Console.WriteLine("Hello World!");
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">2. Phiên bản cải tiến hơn chút (Slightly improved version)</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    class Program
    {
        static void Main(string[] args)
        {
            Console.WriteLine("Hello World!");
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">3. Command line Arguments</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    class Program
    {
        static void Main(string[] args)
        {
            Console.WriteLine(args[0]);
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">4. Sử dụng hàm khởi tạo (Constructor)</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    class HelloWorld
    {
        public HelloWorld()
        {
            Console.WriteLine("Hello World!");
        }
        static void Main(string[] args)
        {
            HelloWorld hw = new HelloWorld();
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">5. Sử dụng hàm</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    class HelloWorld
    {
        public void helloWorld()
        {
            Console.WriteLine("Hello World!");
        }
        static void Main(string[] args)
        {
            HelloWorld hw = new HelloWorld();
            hw.helloWorld();
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">6. Sử dụng một class khác</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{

class HelloWorld
    {
        static void Main(string[] args)
        {
            PrintHelloWorld phw = new PrintHelloWorld();
            phw.WriteHelloWorld();
        }
    }

public class PrintHelloWorld
    {
        public void WriteHelloWorld()
        {
            Console.WriteLine("Hello World!");
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">7. Kế thừa (Inheritance)</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    abstract class helloWorldBase
    {
        public abstract void writeHelloWorld();
    }

class HelloWorld : helloWorldBase
    {
        public override void writeHelloWorld()
        {
            Console.WriteLine("Hello World!");
        }
    }

class Program
    {
        static void Main(string[] args)
        {
            HelloWorld hw = new HelloWorld();
            hw.writeHelloWorld();
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">8. Hàm tạo tĩnh (Static Constructor)</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    class HelloWorld
    {
        private static string strHelloWorld;

static HelloWorld()
        {
            strHelloWorld = "Hello World!";
        }

void writeHelloWorld()
        {
            Console.WriteLine(strHelloWorld);
        }

static void Main(string[] args)
        {
            HelloWorld hw = new HelloWorld();
            hw.writeHelloWorld();
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">9. Xử lý ngoại lệ (Exception Handing)</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    class HelloWorld
    {
        static void Main(string[] args)
        {
            try
            {
                Console.WriteLine(args[0]);
            }
            catch (IndexOutOfRangeException e)
            {
                Console.WriteLine(e.ToString());
            }
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">10.  Tạo một file .dll và sử dụng nó trong một ứng dụng khác.</u></strong></div>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
-  Tạo project class library</div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace HelloLibrary
{
    class HelloMessage
    {
        public string message
        {
            get
            {
                return "Hello World!";
            }
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
-  Sử dụng File .dll vừa được tạo ra để sử dụng cho chương trình mới.</div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;
using HelloLibrary;

namespace Hello_World
{
    class HelloWorld
    {
        static void Main(string[] args)
        {
            HelloMessage m = new HelloMessage();
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">11. Sử dụng Property</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    class HelloWorld
    {
        public string strHelloWorld
        {
            get
            {
                return "Hello World!";
            }
        }

static void Main(string[] args)
        {
            HelloWorld hw = new HelloWorld();
            Console.WriteLine(hw.strHelloWorld);
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">12. Sử dụng Deligates</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    class HelloWorld
    {
        public static void writeHelloWorld()
        {
            Console.WriteLine("Hello World!");
        }

public delegate void SimpleDeligate();
        static void Main(string[] args)
        {
            SimpleDeligate d = new SimpleDeligate(writeHelloWorld);
            d();
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">13. Sử dụng Attributes</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">#define DEBUGGING

using System;
using System.Diagnostics;

namespace Hello_World
{
    class HelloWorld : Attribute
    {
        [Conditional("DEBUGGING")]
        public void writeHelloWorld()
        {
            Console.WriteLine("Hello World!");
        }

static void Main(string[] args)
        {
            HelloWorld hw = new HelloWorld();
            hw.writeHelloWorld();
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">14. Sử dụng Interfaces</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;

namespace Hello_World
{
    interface IHelloWorld
    {
        void writeHelloWorld();
    }

class HelloWorld:IHelloWorld
    {
        public void writeHelloWorld()
        {
            Console.WriteLine("Hello World!");
        }

static void Main(string[] args)
        {
            HelloWorld hw = new HelloWorld();
            hw.writeHelloWorld();
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">15. Dynamic Hello World</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;
using System.Reflection;

namespace Hello_World
{

public class HelloWorld
    {
        public string writeHelloWorld()
        {
            return "HelloWorld";
        }

public static void Main(string[] args)
        {
            Type hw = Type.GetType(args[0]);

// Instantiating a class dynamically

object[] nctorParams = new object[] { };
            object nobj = Activator.CreateInstance(hw,
                     nctorParams);

// Invoking a method

object[] nmthdParams = new object[] { };
            string strHelloWorld = (string)hw.InvokeMember(
                    "writeHelloWorld", BindingFlags.Default |
                    BindingFlags.InvokeMethod, null,
                    nobj, nmthdParams);

Console.WriteLine(strHelloWorld);
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">16. Unsafe Hello World</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;
using System.Reflection;

namespace Hello_World
{
    public class HelloWorld
    {
        unsafe public void writeHelloWorld(char[] chrArray)
        {
            fixed (char* parr = chrArray)
            {
                char* pch = parr;
                for (int i = 0; i < chrArray.Length; i++)
                    Console.Write(*(pch + i));
            }
        }

public static void Main()
        {
            HelloWorld hw = new HelloWorld();
            char[] chrHelloWorld = new char[] { 'H', 'e', 'l', 'l', 'o', ' ', 'W', 'o', 'r', 'l', 'd' };
            hw.writeHelloWorld(chrHelloWorld);
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">17.  Sử dụng InteropServices</u></strong></div>
<pre style="background-color: #f4f5f7; background-image: url(https://s2.wp.com/wp-content/themes/pub/inove/img/blockquote.gif); background-position: 3px 3px; background-repeat: no-repeat no-repeat; border: 1px dashed rgb(204, 204, 204); color: #555555; font-size: 12px; line-height: 17px; margin-bottom: 5px; margin-top: 5px; padding: 8px 12px 8px 36px;">using System;
using System.Runtime.InteropServices;

namespace Hello_World
{
    public class HelloWorld
    {
        [DllImport("kernel32")]
        private static extern int Beep(int dwFreq, int dwDuration);

static void Main(string[] args)
        {
            Console.WriteLine("Hello World");
            Beep(1000, 2000);
        }
    }
}</pre>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
<strong style="line-height: inherit; margin: 0px; padding: 0px;"><u style="line-height: inherit; margin: 0px; padding: 0px;">18. Kết luận:</u></strong></div>
<div style="background-color: white; color: #555555; font-family: Verdana, 'BitStream vera Sans', Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 10px; padding: 0px;">
Có rất nhiều cách để viết một chương trình máy tính. Tùy vào khả năng sáng tạo của một người mà ta sẽ viết một chương trình với những cách khác nhau. Nhưng trong thực tế, cách viết nào nhanh và đem lại hiệu quả cao sẽ được sử dụng.</div>

17 Cách viết “Hello World” với C#

Chúng ta thường bắt đầu một ngôn ngữ lập trình bằng cách viết lại chương trình Hello World! (chương trình in ra dòng chữ “Hello World!”). ...

Bộ sưu tập USB Độc - Đẹp

Bộ sưu tập USB Độc - Đẹp