Học gì và bắt đầu học từ đâu để trở thành Webdesigner

Sau một thời gian sử dụng mã nguồn mở và web 2.0 tôi tự hỏi bản thân rằng mình phải tự tạo cho mình 1 giao diện web mà nó thuộc về riêng mình không đụng chạm tới ai. không chỉ là là thiết kế giao diện cho wp mà tất cả các mã nguồn khác. Dưới đây là những gì tôi cần làm và phải làm để trở thành 1 webdesigner.

1. Học tiếng Anh

Tôi có thể cam kết với bạn là mình là 1 đứa rất ngu tiếng anh. Nhưng với sự phát triển của CNTT và công việc của 1 người IT thì tôi bắt buộc phải học Tiếng Anh. Vì tấc cả tài liệu về cntt nói chung và thiết kế web nói riêng đều là tiếng anh đương nhiên là có tiếng việt (của người việt dịch lại), Tôi khuyên bạn nên tìm hiểu tiếng anh vì khi biết tiếng anh bạn sẽ tìm tài liệu dễ hơn, trao đổi trên các diễn đàn quốc tế tốt hơn....

2. HTML – XHTML

Đây là một thứ bắt buộc mà bạn phải nắm thật vững trước khi học thêm bất cứ ngôn ngữ thiết kế website nào. HTML giống như là bộ xương, là những gì cốt lõi nhất trên cơ thể người vậy. Mình nghĩ những ai ở đây cũng đã đều biết qua HTML và nắm thật vững nó, nhưng nếu những ai chưa vững HTML thì nên ôn và luyện tập lại cái này đến khi nào bạn có thể tự lên một layout website đơn giản nhất.

Theo kinh nghiệm của mình là khi học HTML, có một số phần chúng ta có thể ít sử dụng mà cũng có phần chúng ta sử dụng rất thường xuyên. Theo như mình quan sát thì những phần mà bạn sẽ sử dụng nhiều nhất đó là div, ul, li, span, p, a, img và thuộc tính class. Đặc biệt nhất là div, bạn sẽ phải sử dụng nó nhiều có thể còn nhiều hơn ăn cơm nữa đó.

3. CSS

Đã học HTML thì bạn sẽ không thể nào thiếu CSS, nếu HTML là bộ xương hay cơ thể người thì CSS chính là quần áo khoác lên cơ thể chúng ta mỗi ngày, hiển nhiên chẳng ai trần như nhộng đi ra đường bao giờ đúng không (trừ khi…). Thường thì mình học CSS cùng lúc với HTML luôn để có thể lên style, màu sắc và định dạng cho nó.

Học CSS cũng giống như ăn cơm, học thì rất nhanh nhưng chúng ta cần luyện tập và trau dồi kỹ năng thường xuyên vì với CSS3 bạn có thể thỏa sức sáng tạo, đó là lý do mà có một số blog chuyên về CSS như CSS-Trick hay izWeb đều thường xuyên ra các tutorial CSS.

4. Javascript

Cái này không quan trọng như CSS hay HTML nhưng cũng là một ngôn ngữ lập trình mà bạn nên nắm qua nếu bạn muốn làm Web Designer, còn Web Developer thì gần như là bắt buộc rồi để có thể xử lý các tình huống phức tạp trên website. Nhưng tin mình đi, nếu có điều kiện thì hãy cố gắng trau dồi và tập luyện Javascript lên đến mức “đủ dùng” vì nhiều trường hợp bạn sẽ phải cần đến nó rất nhiều. Ví dụ cụ thể nhất là nếu bạn muốn sử dụng tốt AJAX, jQuery, Slick Grid,….thì bạn phải thông thạo Javascript.

5. jQuery & AJAX

2 cái này khá là quan trọng trong thời buổi hiện nay vì jQuery đã thật sự rất phổ biến rồi, AJAX cũng từng có một thời phổ biến nhưng hiện nay thì hơi ít thấy nhưng nó không có nghĩa là không quan trọng. Thường thì dù bạn làm việc với các project lớn hay đi xin việc thì họ cũng yêu cầu bạn phải nắm vững jQuery và AJAX.

6. PHP và MySQL

Mình cho nó vào chung ở đây nghĩa là bạn phải học qua 2 ngôn ngữ này luôn chứ không phải chỉ học PHP ứng dụng với MySQL để làm website động. Tầm quan trọng của PHP thì có lẽ mình đã không cần nói rồi, ở thời đại web 2.0 như hiện nay thì không có kiến thức PHP thì cũng giống như bạn đang đi lùi thời đại vậy.

Đừng nghĩ rằng WordPress đã có sẵn hết thì không cần học PHP, hãy xem lại bài custom post type của Thạch phạm và bạn sẽ thấy nó thật khó hiểu như thế nào nếu không có kiến thức về PHP, hoặc bạn không thể làm WordPress khác hơn ngoài một trang blog thông thường nếu không biết PHP để ứng dụng các hàm có trong WordPress. Nói tóm lại, bạn cần nên học PHP và MySQL thật vững chắc, học tới thành siêu nhân thì thôi.

7. WordPress Documentation/WordPress Codex ( nếu bạn muốn get theme wp)

Để làm gì nhỉ? Là để bạn có thể làm việc tốt với WordPress như hiểu và sử dụng các hàm – loop có sẵn trong WordPress. WordPress Documentation là một thư viện rất đồ sộ mà bạn có thể tìm thấy tất tần tật những kiến thức từ cơ bản đến nâng cao mà bạn cần nắm rõ về WordPress. Thực ra mình biết đó là nhiều người hiện nay không quan tâm đến cái documentation này vì cứ dùng tới đâu là hiểu tới đó, nhưng nếu bạn có ý định muốn nắm vững WordPress trên một trình độ cao hơn để design hoặc develop thì bạn cần nên đọc qua nó, hoặc tốt nhất là xem nó như là một sổ tay và bạn nên mở ra khi cần.

Xem WordPress Codex ⇨

8. Photoshop – Illustrator – Flash

Nếu bạn đã từng biết qua về Web Design thì có thể biết rằng cả 3 thứ này là một trong những kiến thức mà với bất cứ một web designer nào cũng cần trang bị. Bạn không thể lên một layout bằng giấy và sau đó là lên màu tùy hứng được, hoặc bạn không thể làm mất đi sự chuyên nghiệp khi thiết kế logo, icon mà không thông qua Illustrator.

Theo kinh nghiệm của mình là bạn nên học Photoshop càng sớm càng tốt, học trước HTML cũng được.

Flash thì có vẻ ít quan trọng hơn nhưng muốn ăn được tiền thiên hạ bằng nghề Web Design thì cũng phải “master” cái này.

9. Kiến thức thiết kế cơ bản

Cách lên bố cục, cách phối màu, cách thiết kế theo chuẩn UXD, Typography,…đó đều là những kiến thức bắt buộc nếu bạn muốn theme bạn làm ra có thể thu hút người dùng hoặc ít nhất là coi sao cho được. Thực ra cái này một thời mình đã lầm tưởng và bỏ qua nó, đến bây giờ thì rất hối hận và mình đang cố gắng cày cuốc mỗi ngày để nâng cao các kiến thức chung về thiết kế. Vì nếu có nó, đầu óc bạn mới trở nên nhạy bén với thiết kế và từ đó có thể nảy ra các ý tưởng theme WordPress điên rồ hoặc tuyệt vời.

10. SEO

Thường thì các designer chỉ cần kiến thức SEO Onpage là đủ vì từ đó bạn mới có thể ra hướng thiết kế làm sao cho giao diện của mình có thể đạt chuẩn SEO hoặc ít nhất cũng sắp xếp như thế nào để bot dễ dàng crawl các nội dung bên trong.

Vậy học như thế nào? Học ở đâu

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

Trước tiên thì bàn về học code trước cái đã, như anh Demon Warlock ở izweb đã nói rằng học thông qua video luôn dễ tiếp thu hơn đọc sách, phân chia màn hình ra 2 khu vực, 1 bên là phần mềm Editor, 1 bên là video và xem tới đâu gõ tới đó. Mình hoàn toàn đồng ý với cách học này mà chứng minh cụ thể nhất là mình đây, từ lúc trước tới giờ mình luôn học bằng video chứ ít khi nào đọc ebook lắm vì đọc ebook có thể bạn không có nhiều cảm hứng như xem video, mà lại dễ gây mệt mỏi và nhàm chán nữa.

Học code cũng là cả một quá trình luyện tập thường xuyên chứ không phải một sớm một chiều, học code thì cũng đồng nghĩa với việc bạn luyện tập tư duy lập trình. Vì vậy để cải thiện được 2 cái này tốt thì tuyệt đối không bao giờ copy/paste các code khi học mà nên tự gõ bằng tay. Nó sẽ giúp bạn nhớ được các câu lệnh, cú pháp một cách nhanh nhất mà quan trọng nhất là khi có lỗi thì còn biết mình lỗi ở đâu để mà sửa.

Ngoài việc học trên các giáo trình thì bạn cũng đừng quên các cộng đồng hay các blog/website chuyên về mảng này để đọc các tutorial lẻ và làm theo. Hoặc hơn thế nữa là giao lưu, hỏi đáp cũng những người có cùng chuyên môn, đừng bao giờ tự học rồi tự thẩm du nhé, không tốt đâu. 

Học design như thế nào?

Thực ra thì design ngoài các kiến thức cơ bản thì quan trọng nhất là bạn phải siêng và có đầu óc sáng tạo tí. Sáng tạo cũng có thể là do bẩm sinh mà có nhưng bạn có thể hoàn toàn luyện tập, thề đấy. Hãy thu thập những website chuyên về đồ họa và nhìn ngắm các tác phẩm của người ta mỗi ngày, sau đó là tự phân tích màu sắc/bố cục mà họ sử dụng để có thể nâng cao khả năng cảm thụ thiết kế. Từ lúc đó bạn mới có thể tự nảy ra các ý tưởng thiết kế cho riêng mình.

Học ở đâu?

À há, đây là vấn đề quan trọng nhất nè. Chọn nơi học đúng là một việc vô cùng quan trọng khi học bất cứ cái gì, ít nhất là đối với kinh nghiệm của mình.

Trước khi đi vào vấn đề học thì mình xin chia sẻ với bạn một tips, đó là nên bỏ tiền để học mặc dù có rất nhiều tài liệu miễn phí rất tốt có thể tham khảo. Nhưng đây là yếu tố tâm lý, nếu bạn bỏ tiền ra với con số vài trăm hay vài triệu thì thái độ học nó sẽ khác nếu như học miễn phí, bạn sẽ học với tinh thần có trách nhiệm hơn và học từng chút cho đáng với đồng tiền mình bỏ ra. Mặc dù mình cũng nghèo nhưng mình cam kết với bạn rằng trả tiền để học chưa bao giờ là phí phạm cả, kiến thức là vô giá. Dưới đây là một số nguồn học của mình

W3School

Là một nơi để bạn bắt đầu khá tốt, dù là HTML, CSS, Javascript hay PHP thì mình khuyên bạn là nên đọc các tài liệu cơ bản ở đây trước vì tính dễ hiểu kèm ví dụ minh họa cụ thể.

Opera Web Standards Curriculum

Là một kho tài liệu về HTML và Javascript từ cơ bản đến “đủ xài” rất tốt và dễ hiệu, nhiều khi mình quên kiến thức cũng đã phải mò lại vào đây để xem lại.

Lynda.com

Kho tài liệu video nổi tiếng này thì không cần phải nói quá nhiều nữa rồi, hãy nhắm một chủ đề muốn học trước và sau đó là nạp tiền vào. Rồi bạn sẽ thấy đồng tiền của mình có giá trị như thế nào. Có một chuyện khá buồn cười của mình ở đây đó là mình chỉ dám subscribe mỗi tháng chứ không có nhiều tiền mua mỗi năm, thế là khi nào cần học là lại gạt hết công việc trong 1 tháng và bắt đầu học ngay khi subscribe để không phải phí tiền, vì giá không phải là rẻ.  :sosad:

Udemy.com

Đây là một nguồn học mà mình vừa mới biết tới đây thôi và hiện nay cũng đang bám càng vào 3 course ở trên đó. Ưu điểm ở đây là các bài học sẽ được gom vào từng phần cụ thể, nhưng nhược điểm là bạn phải trả tiền cho mỗi khóa học chứ không phải đóng tiền là muốn học cái gì cũng được.

TeamTreeHouse

Cũng là một trang học thông qua các video như Lynda nhưng nó tập trung vào sâu hơn Web Development và Web Design. Ngoài các bài học chi tiết, dễ hiểu thì bạn sẽ còn nhận được các bài tập rất thú vị nữa.

Bộ DVD PSD2HTML & WordPress của IzWebz

Bộ DVD PHP MySQL & IzCMS của IzWebz

Đây là một bộ DVD tiếng Việt khá hay và mình khuyến khích bạn nên sở hữu nó ngay nếu muốn thiết kế theme WordPress. Trong DVD này bạn sẽ học được cách cắt layout từ file Photoshop ra định dạng HTML chuẩn W3C và cuối cùng là tích hợp vào WordPress.

Như mình đã nói ở trên, bạn phải nắm rõ PHP nếu muốn dùng tốt WordPress. Và nếu bạn là người mới bắt đầu, ngại tiếng Anh thì có thể xem bộ DVD này, rất dễ hiểu và bạn có thể nắm rõ các kiến thức PHP cần thiết để có thể tự tạo một trang web động, tất nhiên là các kiến thức đó bạn có thể áp dụng vào trong WordPress. Đây là một bộ DVD không bao giờ thừa nếu bạn muốn trở thành Web Designer hoặc Web Developer.

QHOnline.Info

Đây là một website tiếng Việt chứa các bài giảng PHP từ cơ bản đến nâng cao mà mình cảm thấy đầy đủ nhất hiện nay. Sẽ thật phí nếu bạn bỏ qua website này nếu như bạn muốn học PHP hay trở thành chuyên viên PHP.

Bạn học theo cách nào?

Tất cả những gì mình chia sẻ ở trên đều là kinh nghiệm và những cách học riêng của mình và đối với mình nó rất phù hợp, dễ tiếp thu mà không còn phải quanh quẩn trong vòng xoáy câu hỏi “nên bắt đầu từ đâu?” nữa. Nhưng mình không chắc chắn đó có phải là những tài liệu tốt hay cách học tốt nhất hay không, vì vậy nếu bạn có cách học thiết kế theme hay hơn, có hiệu quả hơn thì hãy chia sẻ cùng mình và mọi người nhé.

Nguồn tham khảo : http://thachpham.com/