Kinh nghiệm tự học thiết kế website và 26 nguồn học Online

Tự học thiết kế website không phải là một việc đơn giản, bạn sẽ phải biết rất nhiều thứ để phục vụ cho công việc của mình. Trước tiên, bạn cần học HTML CSS JS, một chút photoshop để chỉnh sửa, cắt hình ảnh và lấy màu,… Sau khi đã có nền tảng vững chắc, bạn sẽ phải học nâng cao lên SASS PUG JS Framework, JS Library thì mới bắt đầu có được các kĩ năng cần thiết. Vì vậy, để tự học thiết kế website một cách cơ bản nhất, hãy tham khảo các thông tin dưới đây của chúng tôi:

Quá trình tự học thiết kế web của bản thân

Sau đây chúng tôi xin được chia sẻ kinh nghiệm quá trình tự học thiết kế website của một sinh viên cho đến lúc làm được từ A-Z tại công ty:

• Mới ra trường: Thực tập tại các công ty công nghệ, thiết kế web, bắt đầu học tập về HTML CSS.
• Học cắt PSD từ những nguồn online và người có kinh nghiệm. Tham khảo thêm các kiến thức HTML CSS trên W3schools.
• Sau thời gian thực tập, nắm chắc kiến thức cơ bản, bắt đầu học sang các kĩ năng nâng cao.
• Có thể tự làm Frontend từ A-Z tại công ty mà không cần sự trợ giúp của ai khác.

Có thể thấy, việc tự học không phải là quá dễ dàng, tuy nhiên cũng không quá khó khăn nếu bạn biết cố gắng và đi dần từ cơ bản lên nâng cao, từ đó bạn sẽ nắm chắc từng bước phát triển của mình hơn. Hãy tham khảo quá trình tự học trên, nhưng vẫn tự tìm cho mình con đường tự học phù hợp nhất với bản thân nhé.

Một số yếu tố cần thiết để học thiết kế website

Để có thể tự học thiết kế website, các yếu tố cần thiết đó chính là:

• Biết được thuật toán lập trình, có tư duy lập trình và đã biết sử dụng website.
• Tìm hiểu về HTML, sau đó là PHP (Nếu đã biết về C), JSP (nếu đã biết về Java), ASP.NET (Nếu đã biết về VB.NET hoặc C#). Có thể tìm hiểu thêm về CSS và Javascript để website thêm bắt mắt, hiệu ứng sinh động.
• Biết tìm hiểu tài liệu nước ngoài, vốn tiếng Anh chuyên ngành là một lợi thế lớn.

Các mã nguồn mà bạn có thể tìm hiểu

Các mã nguồn mà người tự học thiết kế website có thể tim hiểu bao gồm:

• Các forum nổi tiếng: phpBB, IPB (Invision Power Board), vBB (vBulletin Board),…
• Về CMS và Framework: Drupal, phpNuke, Spring, LifeRay, DotNetNuke, Zend framework và nhiều loại cms/framework khác.

Các công cụ sử dụng

Có rất nhiều công cụ để có thể tự học thiết kế website, tuy nhiên bạn nên lựa chọn công cụ phù hợp nhất tùy thuộc vào mã nguồn hoặc ngôn ngữ lập trình mà bạn sử dụng:

• Adobe DreamWeaver: Hỗ trợ nhiều dạng ngôn ngữ, tuy nhiên nên sử dụng chủ yếu cho HTML, CSS và Javascript.
• Notepad++, Edit plus: Trình soạn thảo hỗ trợ đa dạng ngôn ngữ, thường dùng trực tiếp trên host hay server vì sự tiện dụng nhanh chóng.
• Zend Studio/ Zend Eclipse: Hỗ trợ cho lập trình PHP.
• Eclipse: Hỗ trợ cho lập trình Java.
• Visual Studio: Hỗ trợ cho lập trình ASP.NET.
• SQL Server: Dùng cơ sở dữ liệu MS SQL.
• phpMyAdmin: Dành cho quản lý database MySQL bằng giao diện web.
• SQL Yog: Chương trình hỗ trợ quản lý database MySQL.

Những trang web học thiết kế website hiệu quả

Để có thể tự học thiết kế website, bạn cần có những nguồn học hiệu quả, và các website dưới đây sẽ giúp đỡ bạn được điều đó:

1/ Don’t Fear The Internet

Với những người đã có các kiến thức về hình ảnh như nhà thiết kế hoặc nhiếp ảnh gia, đây là một website thích hợp với họ. 7 video của website sẽ giúp bạn biết các kỹ năng thiết kế web để cải thiện website của mình. Nếu trang web của bạn có đầy đủ các dịch vụ nhưng thiết kế chưa được vừa ý, hãy tham khảo ngay nguồn này nhé.

2/ Learn Layout

Nếu bạn đã biết các kiến thức cơ bản về thiết kế web và muốn nâng cao hơn kĩ năng của mình, hãy đến với website Learn Layout. Trang web này chủ yếu giảng dạy về CSS nên những người chưa có hiểu biết về lập trình front-end sẽ rất khó khăn do chưa nắm bắt được nền tảng.

3/  Code School

Đúng như ý nghĩa của tên website, trường học code là một nguồn mở dành cho những người mới bắt đầu. Mọi thứ được hướng dẫn một cách đơn giản nhất và theo dạng trò chơi để bạn có thể tiếp thu nhanh nhất những kiến thức lập trình cho mình. Tuy nhiên, trang web chỉ có 8 khóa học khiến lượng thông tin không quá nhiều, nên chỉ hữu ích cho người mới bắt đầu.

4/ Dash General Assembly

Với các câu chuyện tương tác hấp dẫn người xem về thiết kế web, Dash General Assembly dạy người xem các kiến thức nói chung cho đến các bài học chi tiết về JavaScript, HTML và CSS. Mục đích chính của website là hướng người xem đến việc tạo ra một trang web đẹp, bởi vậy khóa học không đi quá sâu và lập trình mà chỉ đưa ra những từ khóa làm đẹp quan trọng.

5/ Channel 9 Web Development

Với những người mới bắt đầu và chứa hề có kinh nghiệm gì, thì Channel 9 Web Development là dành cho bạn. Các video hướng dẫn dễ hiểu sẽ chỉ cho bạn cách thiết kế một website tốt với đầy đủ nội dung đa phương tiện. Và khóa học này chỉ mất 12 tiếng để bạn có thể xem hết cũng như bắt đầu thực hành.

6/ Aquent Gymnasium

Aquent Gymnasium là một trang web học thiết kế trực tuyến nâng cao về thiết kế front-end, CSS, trải nghiệm người dùng và HTML. Bạn có thể đăng ký vào các khóa học của những nhà thiết kế web nhiều kinh nghiệm khác để nâng cao kiến thức cho mình. Website này là một kho tàng nếu bạn muốn xây dựng một trang web chuyên nghiệp.

7/ Alison’s Web Development

Trên trang web của Alison, có 9 phần kiến thức từ cơ bản để người xem có được kĩ năng tạo ra một website hoàn chỉnh và có thể sử dụng được. Khóa học bao gồm các kiến thức về HTML, Adobe Dreamweaver, và CSS.

8/ Code Avengers

Với hơn 100 bài học từ cơ bản cho đến thiết kế JavaScript và tạo ra các ứng dụng trực tuyến, đây là một thư viện khổng lồ giúp bạn nâng cao kiến thức và kĩ năng của mình.

9/ The New Boston

Đây là web giúp thiết kế, phát triển ứng dụng và website với 53 video về các tiêu chuẩn CSS, HTML5. Video trên trang web này đặc tả một cách sinh động và bao gồm các mô hình giúp bạn dễ hiểu nhất.

Các kênh youtube hữu ích giúp bạn tự học thiết kế website

Ngoài các trang web giúp học thiết kế website thì các kênh youtube cũng là một nguồn hữu hiệu bởi sự trực quan trong hình ảnh như được chỉ dạy một cách trực tiếp:

• thenewboston – Như trên website, kênh Youtube này cũng là nơi thú vị để học về thiết kế website.
• CSS Tricks– Kênh Youtube dạy bạn những kĩ năng, thủ thuật rất thú vị.
• Google Web Designer– Hướng dẫn thiết kế website bằng các công cụ của Google.
• Code-Course– Giúp bạn học cách triển khai PHP trên các website.
• Coder’s Guide– Dạy HTML, Java và lập trình cho người mới bắt đầu.
• Dev Tips– Các video ngắn hướng dẫn về từng chủ đề trong thiết kế website.
• Code Geek– Kênh chuyên chia sẻ về các sự kiện, các bài hướng dẫn, khóa học, talk show, webinar,… về lập trình AngularJS, NodeJS, Javascript, NodeJS Frameworks, PHP, Python, MongoDb, NoSQL, Couchbase, SQL Server,…
• TUTS+ Web Design– Cách thiết kế website một cách đơn giản nhất.
• Google Chrome Developers– Giải thích các khái niệm cơ bản và cách sử dụng các loại web app.
• Level up TUTS– Giúp bạn học phát triển website qua các bài hướng dẫn dễ thực hiện.
• Adam KHOURY– Học code và thiết kế web chuyên nghiệp miễn phí với các công nghệ như JavaScript, PHP, SQL, HTML, CSS, ActionScript,…
• Brad Hussy– Học nâng cao về Boostrap, jQuery, PHP,….
• Derek BANAS– Các video về nhiều ngôn ngữ lập trình.
• fm – Một trong những kênh tốt nhất để bắt đầu học phát triển website.
• Mackenzie Child – Nói về mọi chủ đề từ code đến thiết kế ứng dụng web.
• J-REAM – Xem các bài hướng dẫn về PHP, MySQL, JavaScript, jQuery, Python, Linux, Photoshop, Illustrator…
• Learn Code-Academy– Học phát triển web, xem các tip hướng dẫn thiết kế web,…

Với những kinh nghiệm tự học thiết kế website và các nguồn thư viện trực tuyến ở trên, bạn đã sẵn sàng để tạo ra những trang web của riêng mình chưa? Hãy bắt đầu ngay hôm nay và phát triển ra những trang mạng đẹp mắt và tiện dụng nhé!

Trên đây là những công cụ và website mà Seo Viêt đã lọc ra. Các bạn thấy có những công cụ nào hay có xin chia sẻ dưới bài viết để Seo Việt sẽ tổng hợp lại để mọi người cùng tham khảo nhé. Xin cảm ơn các bạn đã bớt chút thơi gian đọc bài viết này.

Tác giả : Đức Khánh