JSON, đơn giản là JSON

JSON hay còn gọi là JavaScript Object Notation, là một chuẩn dùng để truyền tải dữ liệu. Vậy hóa ra JSON chả làm được gì rồi, đúng vậy, thực tế thì anh JSON này chả có chút "võ công" gì cả, thế mà "giang hồ" lại đồn đại là anh này "mạnh lắm", làm được "nhiều thứ" lắm thì không chính xác "lắm". JSON là một dạng văn bản thuần, mô tả về một loại thông tin nào đó mà "con người" có thể đọc được(human-readability, còn con khác thì không đọc được nhá).

Danh sách những đồng chí đã đăng ký lớp học Javascript (Cập nhật thường xuyên)

Trước hết mình xin cảm ơn sự quan tâm đến lớp học này của mình, đây cũng là lần đầu tiên mình viết blog và gõ đầu trẻ bất đắc dĩ, nên có thể thiếu sót trong quá trình chuẩn bị cũng như phổ biến thông tin, mong các anh em, bà con, đồng chí "chém" nhẹ tay để mình được nhờ.

Sau đây là danh sách những học sinh bị "lừa"(trúng thầy dỏm) đăng ký, danh sách sẽ được cập nhật từng ngày.
Một số nick có tên không dấu, mình xin phép không biên tập lại, lỡ hiểu nhầm thì nguy.

1. Tuy
2. Nam
3. Do Van Manh
4. Minh Sơn
5. Ý Nhi
6. thinhit
7. tuyencode
8. 7chulinhchi 
9. dungnguyen
10. siêu
11. Ali333
12. htd
13. vienleuy
14. potatokudo
15. Secuirty
16. pbn
17. cuibap
18. pino_o1
19. kbt09
20. Biết Chết Liền
21. gatesun

Nếu bạn nào đã đăng ký mà chưa có tên vui lòng liên hệ linqtojs@gmail.com hoặc góp ý ngay dưới bài viết này

Nếu bạn chưa đăng ký thì vui lòng đăng ký tại http://linq2js.blogspot.com/2010/10/lop-day-javascript-truc-tuyen.html

Tìm trẻ lạc
Hiện tại e-mail của bạn namprojs...... không gửi được, vui lòng phản hồi e-mail của bạn tại linqtojs@gmail.com

Là một web designer tôi cần biết những gì ?

Ngày đó, khi còn đi học ngành CNTT, mình và một số bạn chỉ biết đến 2 chuyên ngành chính là Công nghệ Phầm Mềm và Công nghệ Mạng (chứ không phải Phần Cứng đâu nha). Khi đó những bạn học Phần Mềm do tiếp xúc với nhiều phần mềm (hì hì, tất nhiên rồi), nên có kinh nghiệm hơn bên mạng, khi ra trường đi làm thì sẽ theo những hướng sau: làm lập trình ứng dụng, làm lập trình web (số tiết học hơi bị "thiếu thốn"), làm thiết kế web (có biết chi đâu mà, nhưng cũng làm đại) và đôi khi "lấn sân" sang quản trị mạng ... Thế đó, nhắc lại mới thấy, có những nghề mà ngày đó chúng mình không có những nơi đào tạo, không bài bản, khi đi làm chỉ biết nhắm mắt mà "lụi" thôi. Ngày nay, các cơ sở, các trường chuyên về thiết kế mọc lên khá nhiều, âu cũng là một sự thuận lợi cho các bạn trẻ. Thôi không dông dài nữa, mình đi thẳng vào vấn đề chính đây.

Tạo plugin cho jQuery dùng để kiểm tra sự hợp lệ của form (Phần 3)

Trở lại nhiệm vụ lần trước, chúng ta đã tìm hiểu qua những khái niệm: gọi liên hoàn / không liên hoàn, cấu hình dành cho plugin... Hôm nay công việc sẽ khó "nhai" hơn, nào bắt đầu thôi.

Giới thiệu những thẻ tương tác dữ liệu
Trước khi bắt tay vào việc "code kiếc" chúng ta cần biết những phần tử (element) nào cần / được kiểm tra. Hiện tại HTML có những phần tử sau chứa giá trị khả dĩ có thể chuyển dữ liệu về máy chủ hoặc có thể tương tác với người sử dụng:

• Hộp nhập (textbox) cấu trúc thẻ <input type="text"/>
• Hộp mật khẩu (password) cấu trúc thẻ <input type="password"/>
• Hộp kiểm nhiều (checkbox) cấu trúc thẻ <input type="checkbox"/>
• Hộp kiểm đơn (radio) cấu trúc thẻ <input type="radio"/>
• Hộp tải tập tin (file) cấu trúc thẻ <input type="file"/>
• Nút nhấn (submit) cấu trúc thẻ <input type="submit"/>
• Hình ảnh (image) cấu trúc thẻ <input type="image"/>
• Hộp ẩn (hidden) cấu trúc thẻ <input type="hidden"/>
• Hộp chọn nhiều (listbox) cấu trúc thẻ <select size="5" multiple="multiple"></select>
• Hộp chọn đơn (dropdown, comboBox) cấu trúc thẻ <select></select>
• Hộp nhập văn bản nhiều (textarea) cấu trúc thẻ <textarea></textarea>

Trong những thẻ trên, thẻ input có thuộc tính value dùng để nhận / gán giá trị, riêng thẻ hình ảnh input type="image" thì sử dụng thuộc tính src.

Tạo plugin cho jQuery dùng để kiểm tra sự hợp lệ của form (Phần 2)

Ở phần 1, chúng ta đã biết cấu trúc để viết một plugin cho jQuery, phần 2 này mình sẽ trình bày về cách xử lý dựa trên đối tượng jQuery.

Những cách sử dụng liên hoàn và không liên hoàn trong jQuery

Có thể gọi đây là một chuỗi những lệnh gọi phương thức xử lý của jQuery:

jQuery('#myheader').addClass('.hilite');
jQuery('#myheader').text('Hello world !!!');

Ở trên là từng câu lệnh riêng lẽ, ta có thể rút gọn:

jQuery('#myheader').addClass('.hilite').text('Hello world !!!');

2 khai báo trên đều có kết quả như nhau, nhưng lợi điểm thì khác nhau. Khai báo đầu tách riêng từng câu lệnh, điều này khiến cho jQuery phải truy vấn tìm ra tập thẻ thỏa điều kiện 2 lần ứng với mỗi lần gọi. Nhưng ở khai báo sau thì jQuery chỉ cần một lần truy vấn để tìm thẻ và thông tin những thẻ đó được bảo lưu cho những lần gọi tiếp theo sau. Để có thể gọi một chuỗi liên hoàn như khai báo hai, điều cần thiết là ta phải nắm rõ kết quả trả về của một phương thức jQuery, nếu phương thức trả về đối tượng jQuery thì có nghĩa ta có thể gọi liên hoàn, ngược lại thì không:

jQuery('#myheader').attr('href');
jQuery('#myheader').attr('href', 'http://google.com');

Với lệnh dòng 2, phương thức attr với tham số 'href' sẽ trả về giá trị thuộc tính href của thẻ #myheader, như vây ta không thể tiếp tục gọi liên hoàn theo sau câu lệnh này được. Đến dòng 3, phương thức attr có tham số 'href' và 'http://google.com' sẽ thực hiện việc gán giá trị của thuộc tính href của thẻ #myheader, phương thức này trả về đối tượng jQuery, ta có thể gọi liên hoàn. Như bạn thấy đó, cùng một phương thức attr, ở mỗi cách gọi (ngữ cảnh) khác nhau, thì kết quả trả về sẽ khác nhau, chúng ta cần tham khảo tài liệu về jQuery để có thể vận dụng chính xác.

Tạo plugin cho jQuery dùng để kiểm tra sự hợp lệ của form (Phần 1)

Lời mở đầu
jQuery là một thư viện Javascript khá nổi tiếng, thư viện này "bảo kê"  tất cả những thao tác xử lý về thẻ một cách linh hoạt và đơn giản. Ai chưa biết về thư viện này thì mất nửa "cuộc đời", mà biết rồi thì cũng mất thêm nửa "cuộc đời" để tìm hiểu nó, nói cho vui vậy thôi chứ jQuery theo mình là rất tuyệt nhưng không hẳn là "vô đối", ngoài jQuery còn có những "đại gia" như mootool, extJS, prototype... khi có thời gian mình sẽ giới thiệu nhiều hơn về chúng.

Làm sao để viết plugin cho jQuery ?
Viết một "cắm vào" (plugin) cho jQuery khó không ? Theo mình thì đơn giản vô cùng, quan trọng là viết xử lý có phức tạp hay không, chứ viết một cái được gọi là plugin của jQuery thì còn dễ hơn ăn bánh mì.

Tối ưu hóa website (Phần cuối)

Với phần cuối này, mình xin trình bày về cách tối ưu hóa hình ảnh trong website. Hình ảnh là thành phần quan trọng, được sử dụng khá nhiều trong trang, chính vì vậy bạn cần phải cân nhắc khi sử dụng hình ảnh hợp lý. Tối ưu hình ảnh có những công đoạn sau:

Cách sử dụng hình ảnh
Hình ảnh hiển thị thường thông qua 2 cách, sử dụng thẻ img và sử dụng thuộc tính background. Ở đây mình xin khuyến khích các bạn nên sử dụng thuộc tính background khi có thể, vì những lợi điểm sau:

Dễ thay đổi bằng hình ảnh khác khi cần, chỉ cần thay đổi nội dung CSS là có thể chuyển đổi hình ảnh khác, thay vì phải vào mã HTML dò tìm thẻ IMG và thay đổi thuộc tính src

Có thể tạo hiệu ứng thay đổi khi di chuyển mouse vào thẻ, chỉ cần định thêm style dành cho :hover là ta có thể có 2 trang thái hiển thị khác nhau trên cùng một thẻ, điều này muốn thực hiện trên thẻ IMG phải sử dụng Javascript

Lớp dạy Javascript trực tuyến

Hình thức / thời gian
Mình sẽ đăng những bài viết lý thuyết Javascript liên tục, các bạn sẽ đọc và tham gia thảo luận, gửi bài tập qua mẫu form ở cuối bài. Sau khi nhận bài mình sẽ xem và phản hồi ý kiến, đồng thời đăng tải lên blog. Thời gian học sẽ bắt đầu từ ngày 01/11/2010

Nội dung
Khóa học sẽ dài hoặc ngắn tùy theo chuyên đề của khóa học, hiện tại mình sẽ gửi mẫu đăng ký và tùy theo kết quả đăng ký mình sẽ quyết định chuyên đề, thời gian của khóa học là gì.

Kết quả
Mình không tham vọng sẽ đem đến cho bạn được những kỹ năng như bạn mong muốn, nhưng trên hết, sẽ là sự cố gắng chia sẻ kiến thức của chính mình để giúp các bạn có một số vốn kiến thức nhất định qua mỗi khóa học. Trong quá trình thảo luận, nếu có những điểm bạn nhận thấy mình truyền đạt không chính xác, hãy góp ý xây dựng bằng cách trình bày nguyên nhân, nội dung sai lạc, có liên kết tham khảo càng tốt, nhằm mục đích hoàn thiện nội dung khóa học.

Chơi xếp kim cương 2 thật đã trên web của bạn

Game xếp kim cương 2 nguyên bản của Popcap

Đối với mỗi người chúng ta, dòng game xếp kim cương của hãng Popcap đã không còn xa lạ nữa. Nhớ lại cái thời người người chơi xếp kim cương, nhà nhà chơi xếp kim cương (hì hì, nói hơi quá nhưng thực ra thì các bạn nữ mê trò này lắm). Hôm nay mình xin trình bày cách cài đặt một game xếp kim cương lên website, blog, forum hoặc bất cứ đâu, miễn là nơi đó có hỗ trợ javascript, vì game này được viết bằng javascript mà.

Tối ưu hóa website (Phần 3)

Xem lại Phần 1, Phần 2

Ở 2 bài trước mình đã trình bày về tối ưu hóa CSS và Javascript, hôm nay mình xin trình bày về tối ưu hóa HTML. HTML là một phần mã không thể thiếu của một trang web, ở bất kỳ đâu cũng có HTML, vì vậy nếu ta tối ưu hóa được HTML là đã cải thiện tốc độ web khá nhiều. HTML như các bạn đã biết, là một ngôn ngữ đánh dấu có cấu trúc, nó có những cú pháp tùy tiện hơn Javascript và CSS, dù bạn có viết sai cú pháp thì nó vẫn có khả năng hiển thị, còn hiển thị "cái gì" thì không xác định được. Để tối ưu HTML gồm có những công việc sau:

Tối ưu cấu trúc sử dụng thẻ
Việc sử dụng thẻ một cách hợp lý, "tiết kiệm", nói chung là càng ít thẻ càng tốt. Ít thẻ thì được lợi gì ? Ít thẻ thì mã ít hơn, trong sáng hơn, dễ hiểu hơn, ít thẻ thì trình duyệt biên dịch nhẹ gánh biên dịch hơn, giảm thiểu trường hợp "cạn" bộ nhớ. Vậy tiêu hoang thẻ là như thế nào ? Xem đoạn mã dưới:

<table class="box">
    <tr>
        <td class="box-header"></td>
    </tr>
    <tr>
        <td class="box-body">Nội dung</td>
    </tr>
    <tr>
        <td class="box-footer"></td>
    </tr>
</table>

"Tình hình" là đoạn mã trên có 7 thẻ, nếu sử dụng một cách khác: