• Công cụ slice trong photoshop
• HTML 5 structure
• CSS 3 selector

Hình minh họa cấu trúc của HTML 4 và HTML 5: Link

Trong video bài giảng mình sẽ nói rõ hơn về bảng cấu trúc này. Thôi, không dài dòng nữa, hãy xem video phía dưới để rõ hơn.

Thời lượng: 1 giờ 30 phút
Download định dạng .mp4 chất lượng cao MediaFire: Part 1 (190mb), Part 2 (118mb)
Screen size: HD 720p
Dung lượng: 358 MB
Example: Mediafire
Link youtube: http://www.youtube.com/watch?v=rUEoHYX2cUo
Link vimeo: http://vimeo.com/35047472
Email: izwebz.art@gmail.com (Minh Mẫn).
————————
Lưu ý ngoài lề: Mình là Minh Mẫn (MrV2m), một tác giả của izwebz và Minh Mẫn không phải là anh Demon Warlock, và cũng không có chuyện các bài viết của anh Demon Warlock bị chuyển sang tên Minh Mẫn (các bạn có thể bấm về các trang cũ hơn sẽ thấy “Page 4“, tên tác giả bài viết có cả DW, CS, Minh Mẫn, tanlevis, NickB).
Các bài viết gần đây có tên tác giả Minh Mẫn là do izwebz hiện chỉ còn mình viết bài, do các tác giả khác bận công việc cá nhân.
————————

- Chú ý mã màu: Đỏ:e74c4a; Xanh:30adbf; Background:f7f7ef;

- Tham khảo thêm các cách khác tạo texture: Webdesign.tutsplus.com

Trong bài thứ 2 của series này thì chúng ta sẽ bắt tay vào chuyển từ photoshop sang HTML & CSS. Tuy nhiên, chúng ra sẽ sử dụng HTML5 và CSS3. Cái này mình sẽ nói rõ trong bài tiếp theo.

Giờ thì hãy thưởng thức thôi nào.

Thời lượng: 42 phút
File Size: 220 MB (168 Mb .7z)
Screen size: HD 720p
Download Mp4: Mediafire
Email: izwebz.art@gmail.com (Minh Mẫn)

Đây là một mã nguồn mở PHP với chức năng là crop và scale hình ảnh với các định dạng phổ biến như (JPG, PNG, GIF). Timthumb rất dễ dàng để sử dụng cho blog, website và một vài ứng dụng khác. Timthumb được phát triển bới Tim và Darren Hoyts, và nó đã liên tục nâng cấp các phiên bản để chữa lỗi, và thêm các tính năng mới.

Cách hoạt động: timthumb cung cấp cho bạn một function có sẵn, bạn chỉ việc cung cấp các tham số và nó sẽ tự động thay đổi kích thức ảnh của bạn một cách tự động.
Timthumb đang được sử dụng rộng rãi đặc biệt là các nhà phát triển website trên nền CMS WordPress.

Điều đâu tiên mà bạn cần làm đó là phải download file timthumb.php về máy của mình để sử dụng. Bạn có thể download tại đây: http://timthumb.googlecode.com/svn/trunk/timthumb.php

Sau đó để có thể sử dụng nó bạn phải có 1 cái localhost để chạy php. Và bạn cần 1 tấm hình để có thao tác được với các chức năng đơn giản của timthumb. Và cuối cùng là một tạo folder cache nằm cùng cấp với file timthumb.php.

Cấu trúc của timthumb thì như thế này:

<img src="timthumb.php?src=link_hinh_anh.jpg&amp;w=300&amp;h=300&amp;q=50" />

Giải thích các kí hiệu:

• link_hinh_anh.jpg – đường dẫn hình ảnh theo định dạng http://domain.com/hinhanh.jpg
• w=300 – tức là width (chiều dài) của ảnh bằng 300px
• h=300 – tức là height (chiều cao) của ảnh bằng 300px
• q=50 – tức quality (chất lượng) của ảnh bằng 50% so với ảnh góc.

Tuy nhiên các bạn cũng có thể không cần phải dùng hết cả các tham số truyền ở trên.
- Nếu chỉ có width không thì nó sẽ tự động scale height hình cho hợp với chiều dài của hình và ngược lại.

<img src="timthumb.php?src=link_hinh_anh.jpg&amp;w=300" />

- Nếu bạn để cả height và width thì nó sẽ vừa scale và crop hình của bạn lại cho phù hợp với width và height mà bạn chọn.

<img src="timthumb.php?src=link_hinh_anh.jpg&amp;w=300&amp;h=300" />

- Nếu các bạn ko để cả width height và quality thì nó sẽ để mặc định là width:100px; height:100px; quality:90%. Các bạn cũng có thể tìm và tùy chỉnh trong file timthumb.php các chỉ số mặc định trên.

<img src="timthumb.php?src=link_hinh_anh.jpg" />

Trước tiên, bạn phải bật chức năng Featured Image bằng cách vào file functions.php của wordpress và thêm đoạn code sau:

 add_theme_support( 'post-thumbnails' );

Sau đó là chúng ta sẽ viết 1 hàm để lấy link của file Featured Image mà chúng ta add vào bài viết.

function get_featured_img($post_id){
$img_id = get_post_thumbnail_id($post_id); // lấy id của hình
$images=wp_get_attachment_image_src( $img_id, false, false ); // lấy link hình featured
return $images[0]; // 0: link hình ; 1: width ; 2: height
}

Tiếp theo, chúng ta sẽ viết thêm 1 hàm nữa để sử dụng timthumb với các tùy chỉnh width; height; quality; alt

function thumb_img($post_id,$h,$w,$q,$alt){
echo '<img align="middle" src="';
echo bloginfo('template_url');
echo '/timthumb.php?src='.get_featured_img($post_id).'&amp;h='.$h.'&amp;w='.$w.'&amp;q='.$q.'" alt="'.$alt.'" />';
}

Cuối cùng, để sử dụng thì chỉ việc gọi function thumb_img() ra thôi.
Ví dụ như trong vòng lập Loop ở file single.php hay index.php thì chúng ta có thể gọi nó ra như thế này:

<?php $my_query = new WP_Query('posts_per_page=10');
if ( have_posts() ) : while ($my_query->have_posts()) : $my_query->the_post(); ?> 

<?php thumb_img($post->ID,'670','150','70',get_the_title()); ?>
// $post->ID tương ứng với post id của bài viết.
// 670 tương ứng với chiều dài.
// 150 tương ứng với chiều cao.
// 70 tương ứng với chất lượng hình ảnh.
// get_the_title() lấy title của bài viết
<?php endwhile; else: ?>
<?php endif; ?>

Download TimThumb Example

Vậy là chúng ta đã hoàn thành việc sử dụng featured image và timthumb. Hi vọng các bạn sẽ làm được thành công. Ngoài ra còn các các cách khác để sử dụng featured image làm thumbnail, các bạn có thể tham khảo.

• Tạo Thumbnail không dùng Custom Field
• Thumbnail sử dụng Custom Field
• WordPress – Post Thumbnail
• Tạo WordPress theme – Sidebar và Thumbnail

Tuy nhiên, nó cũng có những thiếu sót, trong editor, như là không có thẻ p, hay thẻ h1, h2,…h6. Và trong tutorial hôm nay thì mình sẽ hướng dẫn các bạn cách edit để có thể dể dàng add những button với những dòng code hiển thị mà bạn mong muốn.

Thời lượng: 10 phút
File Size: 70 MB
Screen size: HD 720p
Download Mp4: Mediafire
Youtube:http://www.youtube.com/watch?v=QSvteX1kqo4
Vimeo:http://vimeo.com/34830243

EM RẤT THÍCH LÀM WEB

Học thiết kế hoặc lập trình web hay được gọi nôm na là học làm web. Quá trình học làm web thì phải nói là gian khổ, không phải 1 – 2 ngày là có thể làm dc 1 website đẹp “lung linh – lấp lánh – lập lòe” được đâu, mà nó đòi hỏi phải có thời gian, đó là một khoảng thời gian tương đối dài để bạn rèn luyện, học tập, trao dồi thêm các kĩ năng. Do đó, việc yêu thích làm web sẽ giúp cho bạn có thêm quyết tâm, và chính quyết tâm sẽ giúp cho bạn có thêm nhiều động lực trong quá trình học.

Tuy nhiên, bạn cũng không nên học một cách “cháy máy”, mà hãy bình tỉnh và thông thả. Khi nào bạn cảm thấy thật sự mệt mỏi, hãy quên nó đi một thời gian, điều đó sẽ tốt cho bạn hơn là cố gắng gượng ép nó vào đầu, sẽ gây tắc động tiêu cực đấy.

CHÚNG TA HỌC CÁI GÌ?

Trước tiên bạn hãy trả lời cho mình câu hỏi như sau: “Bạn muốn trở thành gì? Lập trình web hay thiết kế web, hay là cả hai?”. Tại sao lại có câu hỏi như vậy thì chúng ta sẽ phân tích công việc của các mãng trên nhé.

+ LẬP TRÌNH WEB

Lập trình web thì đòi hỏi bạn cần phải dành nhiều thời gian để học tập các ngôn ngữ căn bản dành cho thiết kế web tĩnh : HTML, CSS, Jquery, Javascript và các ngôn ngữ website động như PHP & MySQL, ASP & SQL, … Ngoài ra bạn còn phải tìm hiểu thêm về các CMS (mã nguồn mở) như WordPress, Joomla, Drupal…. Và tất nhiên, nâng cao hơn nữa thì bạn còn phải biết và làm việc được trên các Framework như: Codelgniter, Zend, Yii,…. Tất nhiên chúng ta ko học hết các CMS và Framework, mà chỉ chọn ra một cái để tìm hiểu chuyên sâu thôi, còn lại thì chỉ cần biết sơ qua là được.

Và tất nhiên, khi bạn đi phỏng vấn ở các công ty tuyển lập trình viên website thì họ sẽ không chỉ hỏi bạn ở các kiến thức chuyên môn không đâu, mà họ còn hỏi bạn có biết xài photoshop không? Vì bạn thường xuyên phải làm công việc chuyển từ PSD > HTML&CSS. Do đó, bạn phải biết photoshop là điều tất yếu.

Bạn cũng không phải chỉ dừng lại ở những kiến thức đã học không. Mà phải liên tục cập nhật kiến thức mới. Ví dụ: sắp tới thì HTML5 & CSS3 sẽ dần trở nên phổ biến hoặc Jquery, WordPress, Joomla luôn cập nhật các bản sửa lỗi mới. Và nhà cung cấp trình duyệt cũng thường xuyên nâng cấp trình duyệt của họ, điều đó cũng dẫn tới việc code đang chạy ở phiên bản cũ sẽ mắc lỗi và bạn phải cập nhật.

+ THIẾT KẾ WEB

Đây là một cái nghệ mà con đường đi khá chông gai, không phải chăm chỉ mà được, bạn còn đòi hỏi phải có được cái đầu thiên phú nữa (khác người xíu). Mình nói vậy không phải để làm nản lòng các bạn mà mình muốn các bạn hiểu một điều, chúng ta phải cố gắng hết mình, thì sẽ đạt được thành công.

Vì ngày nay, các công ty hầu như họ đều muốn mang một phong cách riêng để định vị thương hiệu của mình. Và ngay cả website của họ thì họ cũng mong muốn có điều đó, phải thật đặc biệt, không giống bất kì website nào khác, phải có phong cách riêng. Và bản thân là một webdesigner thì bạn phải làm được điều đó.
Vậy, mình làm việc đó như thế nào nhỉ? Điều đâu tiên đó là phải có ý tưởng đã, sau đó chúng ta phải biết dùng các công cụ đồ họa như Photoshop, illustrator, corel, ….. Không chỉ dừng lại ở biết không đâu, mà bạn phải hiểu thật chuyên sâu và tường tận nó, chỉ có như thế thì bạn mới họa được cái ý tưởng “lạ” ở trong đầu của mình ra.

Và điều tất nhiên là bạn cũng phải biết lập trình nữa chứ. Vì khi bạn thiết kế 1 website thì bạn cũng phải tính toán xem liệu thiết kế của mình có thể dể dàng chuyển thành HTML&CSS hay là phải làm khó anh lập trình web. Đôi khi, thì chính bạn cũng sẽ là người phải thực hiện việc chuyển từ PSD > HTML&CSS nữa ấy chứ. Khi đã là một webdesigner thì bạn luôn nghĩ ra những hiệu ứng độc đáo cho website của mình, và để làm được điều đó thì bạn phải biết đến Jquery, để bạn biết rằng, cái hiệu ứng gì Jquery có thể làm được và không thể làm được.

QUÁ TRÌNH TỰ HỌC NHƯ THẾ NÀO?

Điều này thì đơn giản thôi, nếu bạn đã xác định được mình sẽ đi theo lĩnh vực nào? Thì việc còn lại là tiến hành tìm tòi, học hỏi và nghiên cứu thôi.

Điều bắt buộc là bạn phải học từ căn bản đi lên nâng cao và chuyên sâu, vì kiến thức của con người cũng một cái cây và vì vậy nên cái cây phải có gốc chắc chắn thì ngọn mới đứng vững và chịu được gió to. Nếu bạn cứ nhầm nâng cao mà đâm đầu vào thì chắc chắn sẽ phải “chảy máu mũi” thôi. Và cái nghiêm trọng nhất chính là bị “lổ hổng kiến thức”. Lổ hổng kiến thức sẽ làm cho bạn mắc phải lỗi lớn nhất là chỉ có thể làm được những gì đã được hướng dẫn qua, không thể hoặc khó khăn trong việc tự phát triển được cái mới cho mình.

Học ở đâu nhỉ? À, câu hỏi gây cấn đây, nếu bạn quyết tâm thì hãy đến các trung tâm, các bạn sẽ được học theo trình tự hợp lý, và rất tốt cho não. Hiện tại thì ở Tp.HCM có các trung tâm đào tạo về lập trình và thiết kế web khá uy tính như TTTH của ĐH Khoa học Tự nhiên, hay nếu có điều kiện một xíu thì NIIT hay Aptech. Học ở trung tâm thì chúng ta sẽ có thêm bằng cấp, hổ trợ cho sau này.
Nếu muốn tìm tòi học hỏi thì càng đơn giản hơn, chỉ cần có một cái máy tính có nối mạng là ổn rồi, các bạn có thể vào izwebz và học thôi, ngoài ra các bạn có thể tham khảo thêm bài viết “Nguồn của tôi” nữa để biết thêm.

Các bài viết trên izwebz đều là các bài viết căn bản, các bạn có thể xem các bài viết theo các chuyên mục ở menu phía trên hay là các bạn có thể xem ở link Video series này. Tuy nhiên, quá trình tự học của chúng ta thì cụ thể như vậy nhé HTML+CSS + Photoshop > Jquery (nếu cần) > PHP > WordPress. Đó là đối với các bạn đang tự học tại gia, còn nếu đi trung tâm thì đã có giáo trình riêng và các bài giảng ở izwebz chỉ mang tính chất tham khảo và bổ trợ.

CÔNG CỤ NÀO TỐT NHẤT

Hiện tai trên thị trường có rất nhiều phầm mềm hổ trợ chúng ta trong việc thiết kế và lập trình web (tham khảo Top 10 trình soạn thảo code), miễn phí cũng có mà có phí thì cũng đầy? Vậy chọn cái nào để làm bây giờ ?
Bạn phải hiểu rằng, không có phần mềm nào gọi là tốt nhất cho tất cả, mà phần mềm tốt nhất chính là phần mềm mà chúng ta quen sử dụng, và nó dể dàng giúp đở chúng ta trong các thao tác và phím tắt. Khi bạn xem video tutorial của anh DW, CS hay của tớ hoặc bất kì thành viên nào của izwebz thì bạn sẽ thấy rằng, mỗi người thích một editor khác nhau, nguyên nhân là vì nó phù hợp với họ.
Và tất nhiên, nếu bạn là người mới thì hãy trải nghiệm đi, bạn sẽ tìm ra phần mềm nào phù hợp với mình nhất và hãy tìm hiểu về nó kĩ hơn.
Đối với dân webdesigner thì photoshop, illustrator hoặc corel là những phần mềm mà nhà tuyển dụng yêu cầu là bắt buộc phải có.

TỔNG KẾT

Chúng ta có thể thấy rằng, để làm được một website thì phải trải qua nhiều giai đoạn “Ý tưởng > phát thảo ý tưởng > thiết kế ý tưởng bằng PTS > chuyển từ PTS sang web tĩnh > Chuyển từ web tĩnh sang web động”. Mỗi giao đoạn nó điều đòi hỏi chúng ta phải có kiến thức nhất định về nó thì mới có thể làm tốt được. Do đó, nghề làm web không đơn giản như chúng ta tưởng, đây có thể coi là một môn nghệ thuật rèn luyện tính kiên nhẫn.

Chúc các bạn thành công và hi vọng bài này sẽ có thể định hướng được cho các bạn trong tương lai. Mọi chi tiết xin vui lòng liên hệ izwebz.art@gmail.com (Minh Mẫn).

Bài này sẽ hướng dẫn các bạn cơ bản các bước để tạo một chương trình quản lý thu chi trên giao diện web.

Để nâng cao chất lượng về hình ảnh và âm thanh cho các Video Clip thì tôi xuất định dạng cho File là SWF để giữ tốt các hình ảnh của code.

- Lưu ý : Hiện tại tôi chưa thể liên lạc được với Demon Walock nên chưa thể có tài khoản Up lên host của Izwebz.com. Hiện tại tôi sẽ để Video tại hosting cá nhân của tôi và cho các bạn link để xem.
+ Trong quá trình xem, các bạn đừng nên sử dụng IDM hoặc Flashget để Download file này, vì làm như thế có thể sẽ ảnh hưởng đến hosting cá nhân về Băng thông..v…v. Tôi sẽ up file Video này lên Mediafire sớm nhất có thể và cập nhật link tại đây cho các bạn.
Thông tin liên hệ hỏi đáp :
Email : hoccode.php@gmail.com
Lưu ý : Không trả lời trên Yahoo chat hoặc email : clackken.smith@gmail.com

Phần I :
- Video : Phần I
- Smarty Libs : Smarty Libs

Phần II :
- Video : Phần II

Chú ý : Riêng phần III này mọi người xem bằng trình duyệt IE sẽ không bị tình trạng trắng xoá từ phút 12:36 nhé, chẳng hiểu là vì sao, còn file gốc thì không bị, có thể độ cache Video của Firefox và Chrome yếu chăng ?. ^^
Phần III :
- Video : Phần III
- PSD File : PSD File

Phần IV (Độ phân giải 1024 x 768):
- Video : Phần IV (Độ phân giải 1024 x 768)
CÁC PHẦN TIẾP THEO SẼ ĐƯỢC CẬP NHẬT THƯỜNG XUYÊN TẠI BÀI VIẾT NÀY

Hiện tại thì phần mềm đang trong quá trình phát triển và sẽ được chia ra làm 2 phần là xem các bài viết dạng text và xem video hướng dẫn. Các phiên bản sẽ lần lược được ra mắt trong cuối năm nay (2011) và quý đầu năm sau (2012).

Phiên bản đầu tiên sẽ dành riêng cho iOS có các chức năng cơ bản như:

• Tự động cập nhật bài viết mới với dạng pop-up
• Xem các bài viết, comments
• Lưu lại bài vừa xem vào máy
• Tìm kiếm bài viết

Các thiết bị di động có hệ điều hành hổ trợ Java như Window mobile 6.x, Symbian của nokia, Bada… thì sẽ có phiên bản dành riêng cũng với các tính năng cơ bản như của iOS. Và điều tất nhiên là các thiết bị của bạn phải hổ trợ GPRS, 3G, Wifi. Trong năm tới (2012) thì các phiên bản dành riêng cho Windows Phone 7 và Android cũng sẽ được ra mắt.

Các tin tức mới về phần mềm sẽ được cập nhật tại Izwebz.com. Nếu các bạn muốn tự động nhận email bài viết mới thì hãy đang ký feedburner của izwebz tại đây. Và để phần mềm hoàn thiện hơn thì mình rất mong được sự góp ý của các bạn.

Mọi thư từ đóng góp xin vui lòng liên hệ: Võ Minh Mẫn (MrV2m) Email: izwebz.art@gmail.com

Yêu cầu: Các kiến thức của các bài trước như Chỉnh sữa ảnh và blend màu, Smart object.

Thời lượng: 16 phút
File Size: 49 MB
Download Mp4: Mediafire

Smashing Magazine

Được thành lập vào năng 2006, Smashing Magazine (SM) là một tạp chí trực tuyến, cung cấp thông tin hữu ích về lĩnh vực thiết kế, đồ họa Web. Họ luôn cung cấp những thông tin bổ ích trong lĩnh vực. Với lượng bài viết lên tới 1302 và có 476748 hình ảnh được SM đăng tải và công bố.
Ngoài ra, SM còn cung cấp mục Coding, nơi mà bạn có thể học những thủ thuật thú vị về Jquery/Wordpress/HTML/CSS/PHP. Shop của SM còn có những quyển sách thú vị và độc đáo mà bạn có thể mua (tất nhiên là tiếng Anh).
Bạn hãy một lần vào SM mà cảm nhận những tác phẩm đồ họa thật độc đáo của các tác giả hàng đầu trên thế giới nhá.

Power to the Poster

Nếu bạn là một Art Designer thì đây là website mà bạn không thể bỏ qua được. Có rất rất nhiều Poster đủ mọi thể loại khác nhau được đăng tải tại đây. Những poster đầy màu sắc và rất sáng tạo của các tác giả từ khắp nơi quy tụ về đây. Ngoài việc xem, tham khảo, bạn còn có thể download file PDF chất lượng cao về máy và in ra nữa. Rất thú vị !!!

Deviant Art

Được thành lập vào 8/2000. Website được tạo ra nhằm để giải trí, truyền cảm hứng cho các designer từ mọi nơi trên thế giới. Hiện Deviant Art có 13 triệu thành viên, 35 triệu lược truy cập mỗi tháng, khổng lồ phải không các bạn. Bạn hãy vào đây và xem những tác phẩm đầy thú vị, từ mọi thể loại như vẽ tay, chụp ảnh, web design, Catoon, Comic, Manga, v.v… Rất nhiều mục thú vị khác nữa, bạn hãy vào đó và tự trãi nghiệm nhé.

Action Scrpit Tutorials

Có một thời gian mình rất mê Flash, nhưng mà do không có thời gian tìm hiểu sâu nên mình bỏ. Tuy nhiên thì mình cũng xin giới thiệu các bạn một trang cung cấp các bài giảng rất hay về Flash. Trang này cung cấp các bài học về Flash căn bản, các bài viết về AS 2 và AS 3. Active+ cũng là một sản phẩm của Envato nữa đó.

Kết luận

Qua loạt bài viết “Nguồn của tôi” thì các bạn chắc hẳn đã biết thêm nhiều trang web hay và học hỏi được nhiều kinh nghiệm từ các trang web đó. Chúc các bạn thành công và đạt được nhiều thành công trên con đường thiết kế và lập trình web.

Bạn nào có nguồn hay, hãy viết 1 bài từ 5-10 dòng và email về cho mình để chia sẽ cùng bạn bè trên izwebz. Email: izwebz.art@gmail.com

Các bài viết cùng series Nguồn của tôi

• Nguồn thiết kế
• Nguồn ý tưởng
• Nguồn lập trình
• Quản lý nguồn

PHP Việt Nam Portal

Cổng thông tin PHP Việt Nam được thành lập với mục đích là giúp đỡ cho các bạn nào yêu thích và muốn tự mày mò học về PHP. Các bài học được chia làm 5 cấp bật khác nhau từ để tới khó.

• Level 1: Các kiến thức căn bản
• Level 2: Giới thiệu về HTML
• Level 3: Giới thiệu về CSS
• Level 4: PHP căn bản
• Level 5: Các vấn đề nâng cao

Những kiến thức về PHP mà mình có cũng đều xuất phát từ đây đó. Quả thật rất khó tìm được nguồn tài nguyên nào có đầy đủ bằng tiếng Việt như vậy. Ngoài ra, ban quản trị còn chiêu sinh mở các lớp học trực tuyến về HTML/CSS/PHP và CMS như Joomla với chi phí khá rẻ so với thị trường.

Free Code Việt Nam

FCVN là một trong những cộng đồng coder lớn nhất Việt Nam. Hiện nay thì FCVN có 149,663 thành viên và có khoảng 93.800 bài viết. Quả là một thư viện rất lớn phải không các bạn. Trong FCVN có nhiều chuyên mục rất hấp dẫn, đặc biệt là các chuyên mục về ExtreMedia, VBB, PHP, Web Design.

Mình đã tham gia FCVN từ lúc mới tập tành làm web, cho tới bây giờ cũng đã 4-5 năm rồi, hỏi cũng nhiều, trả lời cùng nhiều. Và các bạn có thắc mắc gì, cứ việc vào đây tìm kiếm và cùng nhau trao đổi. Với lượng thành viên và quản lý đông, giàu kình nghiệm, họ luôn giải quyết các thắc mắc của các bạn vừa vào nghệ. Ngoài ra thì FCVN có rất nhiều các mẫu template, intro, mà nguồn mở PHP (tin tức, âm nhạc, phim,…) của Việt Nam mình viết và thiết kế được chia sẽ một cách miễn phí.

Net tuts

Một sản phẩm của ông chùm Envato đây, trang này chuyên cung cấp các bài viết về phát triển web. Bao gồm các lĩnh vực như HTML, CSS, Javascript, CMS, PHP, ASP.NET và Ruby on Rails. Cũng với đội ngũ chuyện nghiệp, dày đặn kinh nghiệp, họ luôn cung cấp cho chúng ta những bài viết vô cùng sáng tạo và phong phú. Ngoài các bài viết căn bản trong mục Basix họ còn có nhiều Tips, các bài học nâng cao. Hãy thường xuyên theo dõi những bào viết, video của họ nhá.

W3C

Với tên tiếng Anh đầy đủ là “World Wide Web Consortium”, là một tổ chức với những nhân viên từ khắp nơi trên thế giới cùng nhau phát triển các bài học về web một cách chuẩn nhất. Họ đặt ra cho mình nhiệm vụ là đánh thức tiềm năng của các người ham học hỏi, từ đó tạo nên một cộng đồng cùng phát triển lâu dài. Ngoài việc hướng dẫn học, W3C còn tạo điều kiện công việc cho những người thật sự tài năng và còn có học bổng cho các bạn ham học hỏi nữa. Hãy cố gắng lên nhá, biết đâu bạn là người đạt được học bổng thì sao?

W3Schools

Được thành lập từ năm 1998, với câu slogan là “W3Schools Will Always Be Free”, có nghĩa là “W3schools luôn luôn miễn phí”. Với mình, website này giống như một cuốn từ điển về HTML vậy, bạn không hiểu về tag html nào, cứ vào đây tìm kiếm, sẽ có tất cả. Ngoài HTML 4.01 thì còn có cả HTML5, ngoài ra còn có CSS (level 2-3), Script (Java Script, VB Script, …), SQL, PHP, … Còn nhiều nữa, bạn hãy tự mình vào và khám phá đi nào.

HTMLDOG

Cái tên ngộ quá phải không các bạn. HTMLDOG được thành lập vào năm 2003, và hiện tại thì có hơn 1.5 triệu lược truy cập mỗi tháng. Với người chủ là Patrick Griffiths, có dầy dạng kinh nghiệm về HTML và CSS, anh từng là việc cho các dự án của chính phủ Anh, hãng điện thoại vodafone, v.v… Các bài học trên HTMLDOG được chia làm 2 loại là căn bản và nâng cao, nên các bạn sẽ dễ dàng tiếp thu.

Jquery

Dự án Jquery được thành lập vào tháng 9/2009. Đây là một thư viện Javascript miễn phí được cung cấp với tư cách của một mã nguồn mở. Với jquery thì bạn có thể tạo ra các hiệu ứng tuyệt vời cho website của mình. Bạn có thể xem một vài demo sau: QuickSand, Text with Moving Backgrounds, Zoomer Gallery.
Trong trang Docs của Jquery thì bạn có thể học từ căn bản tới nâng cao và đều được sắp xếp theo thư mục riêng như Selectors, Event, Effect .. v.v… và tất cả đều có ví dụ riêng nên bạn có thể dể dàng tiếp thu được. Mình chắc chắn rằng đây là một website mà bạn không thể bỏ qua được đấy.

PHP.NET

Các bạn biết không? Khi mà mình không biết ý nghĩa hay tính chất của một hàm nào đó trong PHP thì PHP.NET là nơi đâu tiên mà mình hướng tới. Mọi hàm của php đều được tìm thấy ở đây. Ngoài ra còn có ví dụ và kết quả nữa, rất dể hiểu.
Nếu bạn nào xài trình duyệt Chrome thì có thể cài extension PHP documentation do chính các kĩ thuật viên của PHP.net phát triển, rất tiện dụng. Bạn hãy thử xem sao nhé.

Kết luận

Hiện tại trên mạng thì có khá nhiều các trang khác cũng chia sẽ những bài học bổ ích về lập trình, tuy nhiên thì đây là những trang nằm trong danh sách bookmark của mình. Hi vọng rằng các website trên sẽ cung cấp được cho các bạn các kiến thức cần thiết trong quá trình học lập trình web.
Trong bài tiếp theo thì mình sẽ hướng dẫn cho các bạn quản lý các nguồn của bạn để dễ dàng có thể cập nhật. Và trong bài tiếp thì sẽ có vài nguồn khác mình muốn giới thiệu với các bạn.

Nếu như có nguồn nào mà bạn muốn chia sẽ cho izwebz biết, hãy viết ngắn gọn từ 5-10 dòng và email về cho mình. Email: izwebz.art@gmail.com

Các bài viết cùng series Nguồn của tôi

• Nguồn thiết kế
• Nguồn ý tưởng
• Nguồn lập trình
• Quản lý nguồn