Trở thành nhà phát triển giao diện người dùng

Trước khi tôi tiếp tục và liệt kê các tài nguyên, hãy biết rằng lộ trình và danh sách bên dưới là đầy đủ và bạn không cần phải biết tất cả từ đầu. Để phát triển giao diện người dùng, tất cả những gì bạn cần để bắt đầu là học một số HTML, CSS và JavaScript cơ bản và bắt đầu làm việc với các dự án; mọi thứ khác bạn sẽ học trên đường đi.

Internet và cách thức hoạt động?

Hiểu biết cơ bản về internet, trình duyệt, mạng và các kiến thức liên quan khác.

• Read What is Internet?
• Watch How the internet works in 5 minutes
• Read What is HTTP and how it evolved?
• Read HTTP/3: the past, the present, and the future
• Read What Is HTTP/3 – Lowdown on the Fast New UDP-Based Protocol
• Read How Browsers Work: Behind the scenes of modern web browsers
• Watch DNS as Fast As Possible
• Read How DNS works?
• Read DNS in One Picture

Học HTML

HTML cung cấp khung của một trang web. Tìm hiểu kiến thức cơ bản về HTML; tìm hiểu các thẻ cơ bản, học cách viết HTML ngữ nghĩa, hiểu SEO cơ bản, tìm hiểu cách chia các trang của bạn thành các phần sẽ giúp bạn tạo kiểu cho chúng.

Hãy biết rằng tôi đã đặt nhiều liên kết cho mỗi tài nguyên. Mặc dù bạn có thể chọn một cái gì đó mới trong khi xem qua từng thứ, nhưng bạn không cần phải xem qua tất cả chúng - nếu bạn cảm thấy như bạn đã hiểu các khái niệm và chỉ đang lặp lại những gì bạn đã học, bạn có thể bỏ qua tài nguyên và chuyển sang phần bài tập.

• Watch HTML Crash Course For Absolute Beginners
• Read W3Schools – HTML Tutorial
• Watch HTML Full Course - Build a Website Tutorial
• Read A few HTML tips
• Read Six tips to set up a better HTML document
• Read HTML Semantic Elements
• Read HTML elements reference

Style cho các trang của bạn bằng CSS

Với sự trợ giúp của HTML, bạn tạo cấu trúc cho các trang của mình. CSS cho phép bạn tạo kiểu cho các trang của mình và làm cho chúng đẹp. Nếu bạn ví von cơ thể con người, khung xương sẽ là HTML, da sẽ là CSS và các cơ giúp chúng ta di chuyển sẽ là JavaScript - chúng ta sẽ tìm hiểu thêm về JavaScript trong các phần tiếp theo.

• Read W3Schools – CSS Tutorial
• Watch CSS Crash Course For Absolute Beginners
• Watch Build An HTML5 Website With A Responsive Layout
• Watch Flexbox CSS In 20 Minutes

Kiến thức cơ bản về JavaScript

JavaScript cho phép bạn thêm tính tương tác vào các trang của mình. Các ví dụ phổ biến mà bạn có thể đã thấy trên các trang web là thanh trượt, tương tác nhấp chuột, cửa sổ bật lên, v.v. Trong phần này, bạn sẽ học những kiến thức cơ bản về JavaScript.

• Read W3Schools – JavaScript Tutorial
• Watch JavaScript Crash Course for Beginners
• Watch Build a Netflix Landing Page Clone with HTML, CSS & JS

Hệ thống kiểm soát phiên bản và Git

Hệ thống kiểm soát phiên bản cho phép bạn theo dõi các thay đổi đối với cơ sở mã / tệp của mình theo thời gian. Chúng cho phép bạn quay lại một số phiên bản trước của cơ sở mã mà không gặp bất kỳ sự cố nào. Ngoài ra, chúng giúp cộng tác với những người làm việc trên cùng một mã - nếu bạn đã từng cộng tác với những người khác trong một dự án, bạn có thể đã biết sự thất vọng khi sao chép và hợp nhất các thay đổi từ người khác vào cơ sở mã của mình; hệ thống kiểm soát phiên bản cho phép bạn thoát khỏi vấn đề này.

Trong phần này, bạn sẽ tìm hiểu hệ thống kiểm soát phiên bản là gì và hiểu cách sử dụng Git, là VCS trên thực tế.

• Watch Version Control System Introduction
• Watch Git & GitHub Crash Course For Beginners
• Watch Learn Git in 20 Minutes

Bây giờ bạn đã biết git là gì, hãy tạo một tài khoản trên GitHub và đẩy mọi thứ bạn làm từ bây giờ lên GitHub để bạn có thể thực hành và nhận xét nó từ những người khác trong cộng đồng.

JavaScript hiện đại

Trong phần này, bạn sẽ học cách sử dụng trình quản lý gói và bắt đầu với “JavaScript hiện đại”.

• Read Modern JavaScript for Dinosaurs (Don’t worry if you don’t understand some parts of it)
• Watch What is NPM and how to use it
• Watch NPM Crash Course

---

Tham khảo:

• Roadmap to Frontend Developer in 2021
• Roadmap to becoming a web developer in 2021

---

• ← Previous Post
• Next Post →