Trang chủ >

Tìm kiếm trên diễn đàn

Cách học code hiệu quả

Tham gia : 07/09/2018
Website : cat258258hdolvn@gmail.com
cat258258hdolvn@gmail.com
Gửi vào lúc : 15/06/2013

Nói trước rằng học cái gì cũng có nhiều phương pháp và mỗi người có một cách riêng để học. Nhưng như đã nói ở trên đây chỉ là kinh nghiệm của người đi trước nói ra xem bạn có thấy được điểm nào hữu dụng mà thôi. Tôi không cố gắng giáo điều cũng như không có ý cách của tôi là hiệu quả nhất mà chỉ có ý gợi mở những điều tôi cho là có lý.

Đừng copy và Paste code

Đây có lẽ là lời khuyên được nhiều người nói nhất và tôi cũng thấy rất đúng. Ban đầu khi mới làm quen với một ngôn ngữ lập trình nhìn mớ code như mớ bòng bong chấm phẩy tè le hết. Ngồi gõ lại thì lâu biết bao nhiêu, copy và paste cho nhanh. Nhưng chỉ bằng cách gõ lại bạn mới nhớ code hơn, nếu có gõ sai thì có cơ hội quay lại và chỉnh sửa lỗi của mình. Tuy video nào tôi cũng có source code để bạn tham khảo, nhưng bạn chỉ lấy đó làm mẫu thôi còn bạn vẫn phải tự gõ lại những gì bạn thấy trong video.

Vừa xem vừa làm

Bạn đừng có mở video lên, pha ly cà phê rồi ngồi vuốt râu khen “phải! phải!”. Cách đó tôi thấy không hiểu quả cho lắm. Trước đây tôi cũng từng ngồi khoanh tay gật gù khen có lý. Nhưng khi tắt video đi thì mình lại mơ hồ không rõ lắm. Chính vì thế bạn mở video một bên và cửa sổ code một bên. Xem đến đâu gõ đến đó thì hiệu quả hơn rất nhiều.

Tự làm sau khi xem

Đây có lẽ là cách tôi thấy hiệu quả nhất. Sau khi bạn xem video rồi, làm theo rồi, hiểu cách rồi. Hãy tắt video đi và tự làm lại từ đầu theo cách hiểu của mình. Sau đó tự sửa lỗi, tìm lỗi sai, khắc phục .v.v. nếu bế tắc thì mới xem lại video. Nếu bạn đã đào sâu suy nghĩ mà vẫn chưa ra cách, đến khi xem lại bạn sẽ nhớ lâu hơn rất nhiều.

 

coding
Code, code nữa, code mãi

Tôi không thể nhấn mạnh điểm này nhiều hơn nữa. Cách học code nhanh nhất là cứ bỏ mấy cuốn sách dầy cộm xuống. Mở trình soạn code lên và code. Sai thì sửa, quên thì xem lại, có lỗi tìm cách khắc phục, đào sâu suy nghĩ, google, đọc lại lý thuyết … nói chung tôi thấy cách hay nhất vẫn là tự tìm cách giải quyết trước khi hỏi. Bởi vì học lập trình là môn học cần tư duy độc lập và tìm tòi sáng tạo. Rất nhiều người khi mới bắt đầu gặp vấn đề hơi khó là phải hỏi đầu tiên mà không tự khám phá. Nếu cứ mãi hỏi như vậy bạn sẽ bị ì sức sáng tạo và tư duy không độc lập nữa.

Tự thêm thử thách

Đây là cách tôi rất hay tự làm với mình. Ví dụ bạn xem một tutorial về cách gửi mail bằng PHP ở đâu đó. Trong video có hướng dẫn gửi mail nhưng không gửi file đính kèm. Bạn hãy cho đấy là bài tập về nhà của mình và tự tìm cách khắc phục. Ví dụ khi tôi đọc một bài về jQuery Slider chẳng hạn, nếu người ta chỉ có chuyển hình kiểu chạy qua, tôi sẽ tự tìm cách tạo cho nó fade qua, vòng lại .v.v.. bằng cách tự tạo ra thách thức cho mình bạn sẽ tiến bộ mau hơn.

Học từ nhiều nguồn, nhiều tài liệu

Học làm web không như học phổ thông, không như làm toán cứ ráp công thức vô là giải được bài. Làm web mỗi người một cách làm, mỗi sách có những điểm hay điểm dở khác nhau, mỗi thầy giáo có chỗ mạnh chỗ yếu và mỗi trang web cũng có những điểm ưu điểm khuyết. Do vậy bạn nên tập hợp nhiều nguồn sách, video, ebook, trang web, tutorials v.v.. rồi đúc kết, chắt lọc ra cách mà bạn cho là tối ưu nhất. Tôi đôi khi hay kết hợp nhiều nguồn với nhau và tìm ra cách nào mình thấy dung hòa được tất cả các mặt.

Kết Luận

Như đã nói trên đây chỉ là kinh nghiệm cá nhân, bạn chỉ nên tham khảo và quan trọng hơn cả là tự tìm ra cách học phù hợp với bạn nhất. Nhưng nói ngắn gọn lại thì nếu đã xác định học lập trình, bạn phải tạo ra cho mình một thói quen tư duy độc lập. Chỉ hỏi khi thực sự hết cách, chỉ hỏi sau khi đã thử rất nhiều cách, chỉ hỏi khi đã suy nghĩ về vấn đề đó rất nhiều lần trong ngày và chỉ hỏi khi bạn thực sự không thể giải quyết được vấn đề.

 Nguồn: iKenWeb

info@simsogsm.com
Gửi vào lúc : 05/07/2013

Bác onetalk

Giúp mình cái code slide của trang này với http://inspiration-srtemplate.blogspot.com/

Quan trọng là cái slide nằm trên cái khung trắng, cái slide thường trên vuishoping.com thì bác vuishoping share rùi

Sẵn có pro nào ghé thì vào trang sau tham khảo template về mode Web mình nhé http://www.soratemplates.com/

Thanks

rockman_vnx6@yahoo.com
Gửi vào lúc : 07/07/2013

Nằm trên khung trắng :

<div style="border-radius:10px;background:#fff;padding:10px;box-shadow:0 0 5px #000;width:500px;">Đặt Code</div>

Bạn chỉnh cái width sao cho nó hợp với độ rộng của banner .

http://jsbin.com/asakam/1/edit

Demo nó đây

nguyenduy1981@gmail.com
Gửi vào lúc : 31/07/2013

Xin chào bạn rockmanvnx6! Mình nhờ bạn chỉnh code Tạo hình ảnh cuộn ngang bằng JQuery ,theo link sau giúp mình với,làm chạy được trên hệ thống WMP,mong duoc bạn giúp đở!

http://thuthuatvang.blogspot.com/2012/06/tao-hinh-anh-cuon-ngang-bang-jquery-cho.html

Chân thành cảm bạn!

rockman_vnx6@yahoo.com
Gửi vào lúc : 01/08/2013

Bạn nguyenduy1981 .   Cái ứng dụng đó là ứng dụng jcarousel nhé . Trang web của bạn đưa ra , bạn làm theo không được là điều dễ hiểu . Bởi vì link script của nó hỏng hết cả rồi . Mình đã download ứng dụng này về máy và up lại script lên trên host của mình .

nhìn cái demo nhé : http://jsbin.com/ucekif/1

Khá giống nhỉ . 

Nếu khác chỉ là khác style ( kiểu cách ) mà thôi .

Ok , h mình sẽ hướng dẫn bạn chi tiết

Bạn vào trang quản lý của mình , trên thanh menu , di chuột vào chức năng khác , chọn Mã HTML Header , meta

chèn đoạn code trong này : http://pastebin.com/X7AxLyvp

Rồi ấn chấp nhận . 

Tiếp , bạn chèn code ở trong : http://pastebin.com/BXf3jpkC vào chỗ mà bạn muốn hiển thị cái  jcarousel ( chèn dạng html nhé ). Thế là xong !

nguyenduy1981@gmail.com
Gửi vào lúc : 01/08/2013

Cảm ơn bạn rockmanvnx6 rất nhiều! cho mình hỏi làm sao cho chiều cao và ngang rộng thêm.Mình chỉnh cho nó tự động cuộn ngang được ko ạ

 

Cảm ơn bạn rất nhiều!

rockman_vnx6@yahoo.com
Gửi vào lúc : 01/08/2013

Để auto

Bạn vào trang quản lý của mình , trên thanh menu , di chuột vào chức năng khác , chọn Mã HTML Header , meta

 Tìm :

jQuery('#mycarousel').jcarousel({

Thêm ngay vào dòng dưới nó :

auto: 2,

Số 2 ở đây nghĩa là 2s nhé , tức là nó delay 2s rồi tiếp tục auto

ở dưới dòng auto: 2,

bạn có thể thêm :

visible: 5,

Để hiển thị 5 sản phẩm cùng 1 lúc

tiếp , bạn vào Giao diện( trên thanh menu )=> Tự nhập Css 

chèn vào đầu :

.jcarousel-skin-tango .jcarousel-container-horizontal {
width:424px;
padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 425px;
height: 75px;
}


.jcarousel-skin-tango .jcarousel-item {
width: 75px;
height: 75px;
}

 Demo : http://jsbin.com/ucekif/3

 

rockman_vnx6@yahoo.com
Gửi vào lúc : 01/08/2013

Giai thích :

.jcarousel-skin-tango .jcarousel-container-horizontal {
width:424px;
padding: 20px 40px;
}

Để điều chỉnh cái

 

 

cả cái cục lớn màu xanh lá . ở đây width: width:424px; là chiều dài 424 px

padding: 20px 40px; là những cái bên trong cái xanh xanh lá cây cục này cách phần top và phần bottom của cái cục đó là 20px . Tương tự , cách phần left và phần right là 40px . Ở đây , phần nằm trong cái cục xanh xanh lá cây là phần màu xanh nước biển . 

Điều chỉnh = code :


.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 425px;
height: 75px;
}

 

width là độ dài của phần đó , height là độ cao .

còn


.jcarousel-skin-tango .jcarousel-item {
width: 75px;
height: 75px;
}

là để ám chỉ từng item ( ảnh ) trong phần xanh nước biển có width  và height là 75px

Để thêm chiều dài bạn cần phải chỉnh cái 

visible: 5,

 ở trên nữa , vì nó hiển thị số sản phẩm :D . Mà mình giải thích để hiểu thôi , có chỉnh thì chỉnh ra web nháp trước , ko lại hỏng :D

 

nguyenduy1981@gmail.com
Gửi vào lúc : 01/08/2013

rockmanvnx6 !

Mình nhập code dưới vào CSS rồi nhưng kích thước vẫn không thay đổi,không biết mình có làm sai phần nào ko nữa.

.jcarousel-skin-tango .jcarousel-container-horizontal {
width:424px;
padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 425px;
height: 75px;
}


.jcarousel-skin-tango .jcarousel-item {
width: 75px;
height: 75px;
}

 

Xin cảm ơn bạn rất nhiều!

rockman_vnx6@yahoo.com
Gửi vào lúc : 01/08/2013

cho mình xin link website mà bạn chèn

nguyenduy1981@gmail.com
Gửi vào lúc : 07/08/2013

Link mình chèn www.thietkewebsite.alowebtrongoi.com, Mong bạn kiểm tra giúp mình nhé

Chân thành cảm ơn!

rockman_vnx6@yahoo.com
Gửi vào lúc : 07/08/2013

bạn xóa cái

.jcarousel-skin-tango .jcarousel-container-horizontal {
width:424px;
padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 425px;
height: 75px;
}


.jcarousel-skin-tango .jcarousel-item {
width: 75px;
height: 75px;
}

và thay =

.jcarousel-skin-tango .jcarousel-container-horizontal {
width:424px!important;
padding: 20px 40px!important;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 425px!important;
height: 75px!important;
}


.jcarousel-skin-tango .jcarousel-item {
width: 75px!important;
height: 75px!important;
}

nguyenduy1981@gmail.com
Gửi vào lúc : 14/08/2013

Xin chân thành cảm ơn bạn rất nhiều!

Cho mình hỏi thêm là minh muốn thay màu của khung viền , màu nền xanh xanh và thay nút chuyển hướng được không ạ

Xin cảm ơn bạn rockmanvnx6!

rockman_vnx6@yahoo.com
Gửi vào lúc : 15/08/2013

cái này mình khuyên bạn nên tìm hiểu về ngôn ngữ CSS nhé . bạn lên google sẽ thấy rất nhiều tài liệu về ngôn ngữ này

sieuthinguyenhang@gmail.com
Gửi vào lúc : 03/09/2013

Bạn ơi, cho mình hỏi cái code Slide giống của wmp với.

Mình cần slide vài hình ảnh cho phía trên từng danh mục sản phẩm (khác nhau) mà không biết làm thế nào

dinhduypro93@yahoo.com.vn
Gửi vào lúc : 21/09/2013

Inspiration

 
 
  • How We Do It

    How We Do It

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sit amet nisl lectus, id sagittis metus.

  • Easy to Customize

    Easy to Customize

    Nunc sapien risus, molestie sit amet pretium a, rutrum a velit. Duis non mattis velit. In tempus suscipit sem, et consectetur.

  • Clean Design

    Clean Design

    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam consequat risus et lectus aliquet egestas.

  • Works Everywhere

    Works Everywhere

    Nullam a massa ac arcu accumsan posuere. Donec vel nibh sit amet metus blandit rhoncus et vitae ipsum.

  • Web Development

    Web Development

    Suspendisse eleifend nulla in est euismod scelerisque. Etiam lacinia fermentum nunc id imperdiet.

  • Color Picker

    Color Picker

    Nullam tortor tellus, iaculis eu hendrerit ut, tincidunt et lorem. Etiam eleifend blandit orci.

 

Mauris Sollicitudin Laoreet Magna Tempor

7 comments
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec malesuada. Udipiscing elit mauris sifermentum. Tellus dolor, dapibus eget, elementum. Unean auctor wisi et urna. Aliquam erat volutpat. Quisque vitae sem in massa viverra laoreet vitae at lectus. Phasellus sem est, posuere at sollicitudin a, eleifend vel mauris. Praesent quis erat eget ipsum vulputate volutpat. Nulla facilisi. Cras gravida elit nec libero accumsan mattis. Maecenas ut sem eu nulla euismod tincidunt in vitae diam. Sed lectus dui, varius nec laoreet ac, cursus vel quam. In tempus velit ut massa lobortis a facilisis neque dapibus.

Read more
 

Mauris Sollicitudin Laoreet Magna Tempor

0 comments
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec malesuada. Udipiscing elit mauris sifermentum. Tellus dolor, dapibus eget, elementum. Unean auctor wisi et urna. Aliquam erat volutpat. Quisque vitae sem in massa viverra laoreet vitae at lectus. Phasellus sem est, posuere at sollicitudin a, eleifend vel mauris. Praesent quis erat eget ipsum vulputate volutpat. Nulla facilisi.









Cras gravida elit nec libero accumsan mattis. Maecenas ut sem eu nulla euismod tincidunt in vitae diam. Sed lectus dui, varius nec laoreet ac, cursus vel quam. In tempus velit ut massa lobortis a facilisis neque dapibus.


Read more
 

Mauris Sollicitudin Laoreet Magna Tempor

0 comments
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec malesuada. Udipiscing elit mauris sifermentum. Tellus dolor, dapibus eget, elementum. Unean auctor wisi et urna. Aliquam erat volutpat. Quisque vitae sem in massa viverra laoreet vitae at lectus. Phasellus sem est, posuere at sollicitudin a, eleifend vel mauris. Praesent quis erat eget ipsum vulputate volutpat. Nulla facilisi. Cras gravida elit nec libero accumsan mattis. Maecenas ut sem eu nulla euismod tincidunt in vitae diam. Sed lectus dui, varius nec laoreet ac, cursus vel quam. In tempus velit ut massa lobortis a facilisis neque dapibus.

Read more
 

Mauris Sollicitudin Laoreet Magna Tempor

0 comments
Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec malesuada. Udipiscing elit mauris sifermentum. Tellus dolor, dapibus eget, elementum. Unean auctor wisi et urna. Aliquam erat volutpat. Quisque vitae sem in massa viverra laoreet vitae at lectus. Phasellus sem est, posuere at sollicitudin a, eleifend vel mauris. Praesent quis erat eget ipsum vulputate volutpat. Nulla facilisi. Cras gravida elit nec libero accumsan mattis. Maecenas ut sem eu nulla euismod tincidunt in vitae diam. Sed lectus dui, varius nec laoreet ac, cursus vel quam. In tempus velit ut massa lobortis a facilisis neque dapibus.

Read more
 
 
 
 

Chat hỗ trợ
Chat ngay
× Khuyến mãi tết