Please enable JavaScript.

Coggle requires JavaScript to display documents.

Roadmap - Front-end - Coggle Diagram

- - - - JavaScript (Ngôn ngữ lập trình cho phép tạo các tính năng động và tương tác trên trang web.)
        
        Version Control Systems (Công cụ quản lý mã nguồn)
        
        Git (Công cụ quản lý mã nguồn mở)
        
        VCS Hosting (Nền tảng lưu trữ mã nguồn mở)
        
        Packet Managers (Công cụ giúp quản lý và cài đặt thư viện, framework, hoặc các phụ thuộc trong dự án, ví dụ như npm (Node.js) hoặc yarn.) -> Bắt buộc học
        
        npm ( Trình quản lý gói cho JavaScript, giúp cài đặt, quản lý và chia sẻ các thư viện hoặc công cụ trong dự án Node.js.)
        
        pnpm (Trình quản lý gói JavaScript nhanh và tiết kiệm dung lượng, cài đặt các gói và phụ thuộc bằng cách chia sẻ chúng giữa các dự án, thay vì sao chép lại.)
        
        yarn (Trình quản lý gói JavaScript, cung cấp tốc độ cài đặt nhanh hơn và tính năng quản lý phụ thuộc ổn định, thay thế npm trong một số trường hợp.)
        
        Chọn 1 hoặc nhiều Framework để học
        
        React
        
        1 more item...
        
        Vue.js
        
        1 more item...
        
        Angular
        
        1 more item...
        
        Svelte
        
        Solid JS
        
        Qwik
        
        Writing CSS
        
        2 more items...
        
        Github(Nền tảng lưu trữ và quản lý mã nguồn sử dụng Git, cho phép cộng tác, chia sẻ và kiểm soát phiên bản mã trong các dự án phần mềm.)
        
        BitBucket
        
        GitLab
        
        JavaScript Basics
        
        Cơ bản về JavaScript, bao gồm khai báo biến, kiểu dữ liệu, điều kiện, vòng lặp, hàm, và cách xử lý sự kiện để tạo tính năng động cho trang web.
        
        DOM Manipulation (thay đổi cấu trúc, nội dung hoặc kiểu dáng của trang web thông qua JavaScript)
        
        Fetch API (Giao diện để gửi yêu cầu HTTP và nhận dữ liệu từ máy chủ, thường dùng cho truy xuất dữ liệu không đồng bộ.)
      - CSS Basics
        
        Cơ bản về CSS, bao gồm cách sử dụng các thuộc tính như màu sắc, phông chữ, kích thước, và bố cục để định dạng và tạo kiểu cho trang web.
      - Making Layouts(Tạo bố cục, xây dựng bố cục cho trang web, sắp xếp các thành phần để tạo cấu trúc rõ ràng và trải nghiệm người dùng)
      - Responsive Web Design(Thiết kế web đáp ứng)
    - - Accessibility(Khả năng tiếp cận)
        
        Forms and Validations(Biểu mẫu và xác thực)
        
        Writing Semantic HTML(HTML ngữ nghĩa)
        
        HTML Basics
        
        Cấu trúc cơ bản của một trang web, sử dụng các thẻ như <html>, <head>, <body>, <h1>, <p>, để tạo ra nội dung và bố cục cho trang.
        
        Sử dụng các thẻ HTML có ý nghĩa rõ ràng (như <header>, <article>, <footer>) để cải thiện khả năng hiểu và SEO của trang web.
        
        Tạo và xử lý biểu mẫu người dùng nhập dữ liệu, cùng với việc kiểm tra tính hợp lệ của dữ liệu trước khi gửi lên máy chủ.
        
        Thiết kế và phát triển web để mọi người, bao gồm người khuyết tật, có thể dễ dàng truy cập và sử dụng.
      - Quá trình tối ưu hóa trang web để nâng cao thứ hạng trên các công cụ tìm kiếm, giúp tăng lượng truy cập tự nhiên