VietNetwork.Vn

Lập kế hoạch học phát triển web? Bảy trang web này sẽ nằm trong danh sách tài nguyên mà bạn nên truy cập.

Bắt tay vào phát triển web có vẻ như là một công việc to lớn vì có rất nhiều thứ để học nhưng đừng hoảng sợ. Bảy trang web này cung cấp thông tin toàn diện về những điều bạn cần biết.


1. Trường W3

Trường học W3 là nơi tôi bắt đầu học phát triển web lần đầu tiên và nó rất tuyệt vời trong việc giúp mọi người tiến bộ nhanh chóng từ giai đoạn đầu học tập đến các nhà phát triển trung cấp. Chức năng "Tự mình thử" là một trong những tính năng tốt nhất dành cho những người mới lập trình, cho phép bạn thử mã ngay giữa phần hướng dẫn. Vì đây là giao diện dựa trên web nên bạn có thể tương tác với nó từ mọi nơi, thậm chí thông qua điện thoại của mình. Trang web bao gồm HTML, CSS và JavaScript thông qua các hướng dẫn từng bước.


Nếu bạn là người mới bắt đầu phát triển front-end, đây có lẽ là trang web tốt nhất để bạn bắt đầu. Các hướng dẫn không quá nhiều và tập trung vào một điều hữu ích duy nhất mà bạn cần học.

2. Tài liệu web MDN


MDN Web Docs là một ví dụ tuyệt vời về nền tảng Nguồn mở và Miễn phí (FOSS). Bạn có thể truy cập tài liệu và ví dụ về HTML, CSS và JavaScript trên một trang web được tổ chức tốt. Trong số các công cụ mà trang web cung cấp có sân chơi mã tương tác và tài liệu API mở rộng. Một cộng đồng các nhà phát triển liên tục cập nhật nó.

Nếu bạn mới làm quen với việc viết mã và có xu hướng sử dụng tài liệu nhiều hơn vì nó có các ví dụ, MDN Web Docs có thể là một tiện ích tuyệt vời để bạn sử dụng. Tuy nhiên, nó không được thiết kế cho các nhà phát triển hoàn toàn mới, vì vậy đây có thể là một trong những tài nguyên mà bạn lưu giữ khi đã nắm vững các khái niệm cơ bản về giao diện người dùng.

3. FreeCodeCamp


Nếu bạn thích những thử thách trong thế giới thực, freeCodeCamp là nơi tốt nhất để bắt đầu. Chương trình giảng dạy toàn diện, miễn phí bao gồm HTML, CSS, JavaScript, Node.js và React, cùng nhiều thứ khác. Bản chất cộng đồng của trang web giúp bạn dễ dàng học hỏi từ những người khác và đặt câu hỏi trong môi trường chấp nhận và hiểu biết. Vì trang web rất linh hoạt nên bạn không bị giới hạn trong một lĩnh vực học tập. Vì vậy, ví dụ: bạn có thể bắt đầu làm việc với HTML, sau đó khi bạn đã thành thạo về điều đó, bạn có thể chuyển sang CSS hoặc JavaScript và bắt đầu học các ngôn ngữ đó. Cho đến nay, đây là một trong những nơi linh hoạt nhất để học phát triển front-end và cực kỳ thân thiện với người dùng.

4. Tràn ngăn xếp


Một trong những nơi phổ biến nhất trên Internet để xem các khối mã mẫu là Stack Overflow. Mặc dù không có bài học có cấu trúc nào ở đây nhưng bạn có thể tìm hiểu những người có vấn đề tương tự và nhận được câu trả lời có thể phù hợp với dự án cá nhân của họ. Cả người mới bắt đầu và nhà phát triển có kinh nghiệm đều sử dụng Stack Overflow để giúp họ giải quyết vấn đề. Rất nhiều mã mà tôi có trong một số dự án của mình được điều chỉnh từ mã hoạt động từ Stack Overflow.

Vì đây là một diễn đàn nên bạn thậm chí có thể đặt câu hỏi của riêng mình ở đó, nhưng bạn chỉ nên làm như vậy nếu bạn chắc chắn rằng câu hỏi đó chưa được hỏi và trả lời. Đó là một nguồn tài nguyên tuyệt vời dành cho các nhà phát triển đã nắm bắt được các khái niệm cơ bản về phát triển front-end và đang cố gắng tự mình giải quyết các vấn đề cụ thể.

5. Thủ thuật CSS


CSS-Tricks là một nguồn tài nguyên có giá trị nếu bạn đang có ý định viết mã CSS. Trang web có nhiều mẹo và thủ thuật về mọi thứ, từ bố cục CSS cơ bản đến hoạt ảnh và các kỹ thuật nâng cao hơn. Các bài viết chuyên sâu rất dễ tiếp cận, giúp ngay cả những người mới bắt đầu cũng dễ dàng hiểu được những gì đang được giải thích. Các bài viết chứa đầy các bản demo trực tiếp và đoạn mã mà bạn có thể sao chép trực tiếp. Nó cũng được cập nhật liên tục, vì vậy nó tuân theo tất cả các xu hướng phát triển CSS hiện nay.

Trang web có rất nhiều thứ, vì vậy nếu bạn là người mới bắt đầu phát triển web, bạn sẽ rất dễ bị choáng ngợp. Tuy nhiên, đừng hoảng sợ. Hầu hết những gì bạn muốn có thể nằm trong tab "Bài viết" thường được cập nhật hàng ngày. Có một trình sắp xếp thẻ tiện dụng ở trên cùng để thu hẹp những gì bạn đang tìm kiếm. Nếu bạn có một vấn đề CSS cụ thể mà bạn muốn giải quyết, điều này sẽ mang lại cho bạn một điểm khởi đầu tuyệt vời để giải quyết vấn đề của mình. Tuy nhiên, nó sẽ không hướng dẫn bạn học CSS từ người mới bắt đầu đến trình độ trung cấp!

6. Cố vấn giao diện người dùng


Frontend Mentor có thể là một giải pháp tuyệt vời nếu bạn là người học thích đương đầu với thử thách. Trang web cung cấp một loạt các thách thức trong thế giới thực bao gồm HTML, CSS và JavaScript. Hơn nữa, đó là một cách tuyệt vời để một lập trình viên mới xây dựng danh mục dự án. Người dùng cũng được hưởng lợi từ các hướng dẫn thiết kế chuyên nghiệp và các tệp kiểu, cho phép họ tập trung vào khía cạnh mã hóa. Cộng đồng năng động cũng là nơi tuyệt vời để phản hồi và phát hiện những điều bạn có thể cải thiện.

Trang web này có một số "đường dẫn phát triển" có thể hướng dẫn bạn những điều cơ bản về phát triển. Bạn sẽ học mọi thứ từ Nguyên tắc cơ bản về JavaScript đến thử nghiệm giao diện người dùng, mang lại cho bạn nền tảng vững chắc để xây dựng. Khi bạn đã hoàn thành những điều đó, bạn có thể chuyển sang các thử thách. Bạn có thể tìm thấy các giải pháp cụ thể cho các vấn đề về giao diện người dùng trong phần bài viết của trang web.

7. Dự án Odin


Dự án Odin là một trong những nơi tốt nhất để người mới bắt đầu có được nền giáo dục phát triển web toàn diện. Nó bao gồm phát triển front-end và có một chương trình giảng dạy back-end mạnh mẽ. Bạn có thể bắt đầu với phần Nền tảng và sau đó chuyển sang phát triển toàn bộ JavaScript hoặc Ruby. Dự án Odin là một trong những cách tốt nhất để người mới bắt đầu làm quen với JavaScript hoặc Ruby.

Bản thân Ruby là một ngôn ngữ front-end có nhu cầu nhưng lại ít được sử dụng. Dự án Odin là một trong số ít nơi bạn có thể tham gia khóa học cơ bản dạy cho bạn tất cả những gì bạn cần biết về nó. Cả hai khóa học này cũng cung cấp cho bạn cái nhìn sâu sắc về những điều cơ bản về HTML và CSS, mặc dù chúng chỉ giới hạn thông tin đó ở những nội dung liên quan đến việc học một trong hai ngôn ngữ này. Những điều cơ bản cung cấp cho bạn đủ nền tảng để tự mình khám phá bằng cách truy cập các trang web khác, như Trường W3 đã đề cập ở trên.

8. Luôn luôn tốt nhất để có nhiều tài nguyên

Khi học viết code, không có nơi nào là tốt nhất. Các lập trình viên biết rằng bạn có thể không tìm thấy mọi thứ mình cần trên một trang web duy nhất, vì vậy họ tham khảo một vài trang trong số đó để có được thông tin và hiểu biết sâu sắc. Bảy trang này chỉ là một số trang web mà các lập trình viên có thể lấy cảm hứng từ đó. Bạn có thể sẽ gặp được nhiều điều hơn nữa trong hành trình trở thành một lập trình viên của mình.