Cách học thiết kế web hiệu quả là một trong những keyword được search nhiều nhất trên Google về chủ đề cách học thiết kế web hiệu quả. Trong bài viết này, cachthietkeweb.vn sẽ viết bài viết Tổng hợp cách học thiết kế web hiệu quả mới nhất 2020.
Tổng hợp cách học thiết kế web hiệu quả mới nhất 2020
Sau khoảng thời gian viết bài về share văn hóa thì hôm nay mình xin chia sẻ cho các bạn bí kíp tự học design web kết quả dành cho người mới. Bài này sẽ rất là dài nhưng nó rất quan trọng cho các bạn. Đặc biệt là các bạn mới học, chưa có định dạng rạch ròi hay mindset, mất phương hướng…
Mình sẽ chia sẻ hết tất cả hướng dẫn học, các khóa học, các chủ đề khi học, các câu hỏi, các gốc tài nguyên free và có phí để giúp cho chúng ta học kết quả mà lại cắt giảm thời gian nữa.
Để tự học thiết kế web hiệu quả thì các bạn cần phải học trước HTML CSS JS và một chút Photoshop(để cắt pic, lấy mã màu….). Nó là cốt lõi nền móng nên chúng ta phải học chắc và vững vàng để sau này khi chúng học nâng cao lên như SASS PUG JS Framework, JS Library thì chúng ta mới đủ nội lực hiểu không khó khăn hơn….
# Học HTML CSS
Để học HTML CSS thì các bạn nên học tại MDN hoặc W3schools, nhưng mình khuyến khích học tại MDN hơn vì nó chia sẻ kiến thức rất chi tiết kèm ví dụ cụ thể easy hiểu. Nếu có nhiều thời gian thì nên học ở 2 trang luôn cũng được vì học nhiều biết nhiều mà, mỗi trang có một cái hay riêng.
Để nâng cao kiến thức hơn thì các bạn nên xem qua thêm ở trang CSS-Tricks, freeCodeCamp, Tympanus…. Ở những trang này có nhiều văn hóa rất hay và bổ ích chuyên sâu cho các bạn. Có tut chi tiết kèm theo code đủ nội lực download hoặc sử dụng và kiểm tra online luôn.
Nếu các bạn lười đọc thì các bạn đủ nội lực tự học design website trên Youtube bằng mẹo gõ “học html css cho người mới” hoặc trong tiếng anh là “learn html css for beginners” ra một đống thích học cái nào thì chọn cái đó và học thôi nà.
Về văn hóa HTML thì mình khuyên rằng các bạn học phương pháp sử dụng thẻ đúng đắn cũng như chú ý đến SEO để k những code có cấu trúc tốt mà còn tốt cho SEO. Nếu các bạn muốn biết SEO là gì và mong muốn học nó thì các bạn đủ nội lực đọc qua tại link này.
tuy nhiên các bạn cần học phương pháp đặt tên class ngắn gọn, easy hiểu và dễ tái dùng nữa. Nó chính là BEM mình có nói chi tiết ở các bài trước trong blog mình. Các bạn có thể click vào đây để nhìn thấy nha.
Về văn hóa CSS thì các bạn nên học chắc và kỹ, tốt nhất là nên thực hành nhiều thì mới nhanh giỏi và thành thạo được. Đặc biệt là về layout thì nên học CSS Flexbox hoặc CSS Grid, các tính chất vị trí position, các tổ chức trong khi làm, các pseudo class giống như before after, các tính chất transition…. Rất nhiều
Đừng quên thực hành nhé. Cho dù bạn đọc nhiều học nhiều mà không vận dụng thì thành đạt cốc mà thôi. Học tới đâu thì ứng dụng ngay tới đó liền để hiểu bản chất nó ra sao, khi thay đổi giá trị thì ntn, nếu làm thế này thì ra sao blah blah…
Nếu không hiểu cái nào thì Goolge, Stackoverflow hoặc tải lên các group lập trình hỏi. Sẽ có rất nhiều người sẵn lòng giúp đỡ bạn tuy nhiên không nên quá lệ thuộc, cái nào khó quá mò mãi sử dụng mãi chưa hiểu chưa ra được giống như mong muốn thì hãy hỏi nhé ^^.
# Học JS
Javascripts rất là sida nên việc học để hiểu nó rất là hại não luôn. bên cạnh đó mình cũng sưu tập được vài trang để tự học JS khi mới bắt đầu và một trong số đó chính là MDN cũng giống như học HTML và CSS thì MDN dạy JS cũng rất là kỹ càng và chi tiết. Nhiều người nước ngoài họ cũng hay học và nghiên cứu ở trang này.
kế tiếp đó chính là freeCodeCamp, Codecademy, Rithm School ở trên các trang này các bạn sẽ được học và làm online luôn, có từng phần cụ thể, chỉ dẫn và thực hành đi kèm với nhau giúp các bạn nhanh hiểu và tiến bộ hơn. không những thế các bạn nên vào Medium để đọc thêm văn hóa, ở đây các tác giả share rất là hay và bổ ích.
Các bạn nên nghiên cứu kỹ các concept như Scope, Object, Closure, Callback, Promise, Pure function… các hàm và các phương pháp xử lý Array, Object, String và nữa là Javascript design Pattern cũng phải biết vài mẫu như module pattern, prototype, observer…
Nếu các bạn muốn học các văn hóa nâng cao của JS nhưng Tiếng Anh khó hiểu quá, mong muốn học Tiếng Việt thì các bạn đủ sức xem qua trang của anh Huy Hoàng chủ blog toidicodedao nhé. Anh ấy viết rất vui và hay dễ hiểu nữa.
Nhưng mình luôn luôn đề nghi các bạn học Tiếng Anh hơn. Vì sau này đi làm cho các công ty thì ebook hầu hết là Tiếng Anh đấy. Nên chịu khó học Tiếng Anh từ hiện giờ là vừa. Mình sẽ share hướng dẫn học Tiếng Anh của mình ở một bài cụ thể không giống nhé.
# vấn đề khi tự học design website
bên cạnh đó vì tự học nên mọi thứ các bạn phải tự mày mò, nghiên cứu không hiểu thì Google mà ra toàn Tiếng Anh rồi lại phải dùng Google dịch nếu k rành Tiếng Anh nữa. như vậy thì sẽ rất nhanh nản và tất nhiên hiệu quả là k kết quả.
Mình thấy nhiều bạn đăng lên nhiều nhóm hỏi các văn hóa rất là cơ bản mà k chịu khó nghiên cứu trước đây. Đó là một trong những tại sao khi tự học mà hầu hết các bạn mới gặp phải. vì vậy mình đề nghi các bạn nên tìm một mentor cho riêng mình hoặc tìm học các khóa học Trực tuyến hoặc offline ở các trung tâm nếu như các bạn có tiền.
Nhiều người sẽ nói các văn hóa này ở trên mạng chia sẻ free đầy, bỏ tiền đi học chi cho phí tiền. Đúng! Nhưng miễn phí có cái giá của miễn phí và có phí có cái giá của có phí. tuy nhiên free chưa chắc vừa mới dở và trái lại có phí chưa chắc đã ngon. quan trọng là cách chúng ta tiếp thụ chúng như thế nào mà thôi.
Và sẽ có nhiều người họ k thể tự mày mò tự học được nên việc bỏ tiền, bỏ thời gian đi học cũng đúng vì mỗi người có một nhu cầu nơi khác nhau mà. Đúng không nào ?
Trước giờ học có phí hay miễn phí mình đều đã học nhưng thực sự mà nói học mất phí mình cảm thấy có động lực học hơn và mau tiến bộ hơn là vì mất tiền rồi mà k chịu học, không cố gắng là phí tiền lắm(tiền đi sử dụng, tiền để dành, tiền ba mẹ cho….)
Thì ở đây mình sẽ share cho các bạn theo 2 hướng đó là học miễn phí và có phí. Học miễn phí thì mình có nói ở trên rồi đó. không những thế đó vẫn chưa phải là phương pháp học thiết kế website kết quả nhất.
phương pháp hiệu quả nhất là tìm doanh nghiệp xin thực tập vì ở đó là sử dụng thực tế luôn, thỉnh thoảng lại có mentor tut tận tình, làm việc với đội nhóm người này người nọ, gặp chủ đề này chủ đề nọ….
Và đó là bước đi đúng đắn đang giúp mình từ một con gà sau khi đi thực tập và trở thành con trâu kaka. Nói vui thôi. Các bạn nhìn thấy phần dưới về con đường học design website của mình để có động lực nhé.
# Con đường của bản thân mình
Hồi lúc mình mới ra trường mình lúc đấy HTML CSS cực kỳ gà(2 years ago) và mình vừa mới xin đi thực tập tại công ty Sutrix Solutions ở bên Tân Bình gần sân bay ý. Được hỗ trợ 1triệu/tháng. Đi chiếc xe Super Cub từ Nhà Bè sang tới đó gần cả tiếng.
Ở đây mình được một chị Manager tut cho mình cách cắt PSD bằng việc cho học lại văn hóa HTML CSS trên W3schools rồi hỏi đáp văn hóa hôm nay vừa mới học những gì những gì và cho bài tập về PSD để cắt và bị ăn chửi sml luôn(vì code sai tè le) ^^
Học làm và ăn chửi mỗi ngày kaka sau 4 tháng thực tập mình cảm thấy tự tin hẳn ra vì văn hóa thấy lên 1 bậc. Thế là họ cho bài rà soát và mình cảm thấy rất tự tin nói “lần này làm tốt bài này là được nhận sử dụng nhân sự chính thức chắc rồi hoho”.
Sau khi sử dụng xong(sau 1 tuần) họ quét bài của mình để chấm và đánh giá cho toàn bộ member trong team xem luôn rồi chỉ cho mình biết lỗi này lỗi nọ thì lúc đấy mình mới khởi đầu khôn ra và nhận ra nhiều điểm sai sót.
Sau 4 tháng thực tập ở đó và học hỏi rất nhiều thứ sau khi được chấm và review bài kiểm tra thì văn hóa mình lên thêm 1 bậc nữa. không những thế vì đi làm rất là xa nên mình đang xin nghỉ ở đó.
Nhờ vậy mà lúc nghỉ thực tập đi phỏng vấn nhiều công ty khác trả lời về văn hóa và làm bài rà soát ổn hơn cũng như học hỏi được từ chị manager vài skill chém gió nữa. Sau đó mình được nhận làm tại một doanh nghiệp Sing ở Việt Nam. Tự sử dụng một mình Frontend từ A-Z từ doanh nghiệp đó cho đến công ty hiện nay luôn ^^
# Quay lại chủ đề khi tự học design website
Về vấn đề học free thì mình vừa mới chia sẻ đầy đủ ở trên rồi nhé. Giờ thì bay vào vấn đề trả phí. lựa chọn kênh nào học uy tín, chất lượng mau lên trình. Thì đây mình xin chia ra 2 trường hợp một là học Tiếng Việt hai là học Tiếng Anh.
Trường hợp các bạn mong muốn học Tiếng Việt thì cũng có 2 loại đó vẫn là online hoặc offline. Nếu các bạn học Trực tuyến thì các bạn đủ sức học tại Unica hoặc Kyna ở đây là 2 trang web dạy học online mạnh mẽ tại VN với rất nhiều kiềm hãm học hay và chất lượng.
Ở đây mình ví dụ vài khóa học chất lượng mà mình vừa mới từng học qua và rất được nhiều người phân tích tốt. Với nội dung dạy chi tiết và rõ ràng dễ hiểu kèm theo nhiều dự án và được discount rất là nhiều tới tận 40% 50%. Các bạn đủ nội lực click vào đây để nhìn thấy nha
Còn offline thì nó yêu cầu tiền nhiều hơn vì học offline là nên có người dạy và chỉ bảo tận tình cũng giống như bài tập về nhà, deadline… nhưng hiển nhiên sẽ nhanh lên trình hơn vì bạn mất nhiều tiền mà không chịu học thì coi giống như bạn lỗ là cái chắc. Ai chả sợ tiếc tiền nên mất tiền thì phải ráng học thôi nà.
Về việc học đầy đủ mọi thứ từ A-Z giống như HTML CSS JS JQUERY AJAX đồ luôn thì các bạn đủ nội lực tham khảo trung tâm myclass.vn nhé. Mình thấy trung tâm này dạy rất tốt, có nhiều phân tích chất lượng và có rất nhiều modules cụ thể rạch ròi.
Mình thấy có nhiều người học ở đây xong có cơ hội việc làm luôn đó. Nếu có tiền thì mình nghĩ các bạn nên đầu tư cho bản thân chút nhé.
Còn nếu bạn đã có kiến thức HTML CSS cơ bản rồi và chỉ mong muốn học phương pháp cắt PSD sang HTML CSS thôi thì mình có nhận dạy ở hcm nè với giá siêu sv. bây giờ mình có dạy được 4 5 người rồi. Mọi thắc sang chảnh các bạn đủ sức liên hệ mình tại đây nha.
Trường hợp các bạn mong muốn học Tiếng Anh ở Viet Nam thì chắc chỉ có Trực tuyến thôi. Và các kiềm hãm học online Tiếng Anh thì mình khuyên rằng các bạn học ở trang Udemy với một khóa học có giá chỉ 10$/khóa(Khi vừa mới dùng coupon giảm giá)
Mình đã học nhiều kiềm hãm học Trực tuyến tại Udemy và tìm được vài kiềm hãm học rất chất lượng mà các bạn có thể mua tại đây. khóa học này của một người tên là Jonas, vì ổng dạy rất hay và chi tiết nên kiềm hãm học của ổng rất được nhiều người mua và học(gần 142000 học viên học Trực tuyến con số quá khủng)
Thì để mua những kiềm hãm học này thì các bạn cần phải có thẻ Debit hoặc thẻ Credit từ bất cứ bank nào và phải có tiền trong đó nhé ^^. Sau đó các bạn vào Udemy.com tạo account hoặc đủ nội lực đăng nhập thẳng bằng Facebook luôn rồi chọn khóa học cần mua sau đó nhập số thẻ của bạn vào rồi thanh toán thôi.
Những khóa học ở Udemy thường rất cao vài trăm $ lận. tuy nhiên Udemy luôn có chính sách khuyến mãi liên miên mà các bạn có thể Google “Coupon 90%, mã giảm giá 10$ Udemy” nó ra một đống.
Tìm và lựa chọn cái nào mà khi nhấn vào hoặc dùng mã mã giảm giá số tài nguyên kiềm hãm học từ Udemy nó hạ về 10$ hoặc 11.99$ là ngon lành cành đào. Sau khi mua xong rồi thì truy cập vào tài khoản sau khi đăng nhập và tiến hành học thôi.
# Lời chưa kết
Bài này khá là dài, mình nghĩ bạn đọc được tới đây chắc hẳn bạn là một người đã hoặc khởi đầu mong muốn tự học design web với một tinh thần rất là hào hứng và nghiêm túc đấy. Hi vọng với những lời chia sẻ ngắn ngủi trên đây quá đủ để tiếp lửa cho các bạn có động lực và tinh thần để khởi đầu vào việc học design web một mẹo kết quả nhất.
Nếu có thời gian mình sẽ viết bài chia sẻ tiếp cho các bạn cũng như việc học Tiếng Anh hiệu quả. Nếu các bạn ủng hộ thì đừng quên cmt bên dưới góp ý giúp mình cho mình vui cũng giống như refresh thêm mỗi ngày nhé. Thanks for all!!!
>>>> Blog chia sẻ kiến thức và tài liệu cho học code và lập trình
nguồn: evondev.com
