Please enable JavaScript.

Coggle requires JavaScript to display documents.

FULLSTACK DEVELOPER, Docker cơ bản, UI/UX cơ bản, Deploy Web với Vercel /…

- - - - Học bên ngoài
        
        Đăng kí học một số web về dạy học HTML,CSS để làm 1 số bài tập đơn giản
        
        link dăng kí "https://fullstack.edu.vn/courses/html-css"
      - Làm quen với các bạn trong lớp
        
        Học cách giao tiếp
        
        Tìm những bạn có chung sở thích
        
        Lập team
      - Tập luyên Toeic
        
        Ôn lại Tiếng Anh
        
        Học lại các kiến thức thpt
        
        Cuối KÌ I đạt được 350 đ
        
        Nâng cao kĩ năng Tiếng Anh sau khi học Tiếng Anh 2
        
        Đạt được 400 Đ
        
        1 more item...
- - - - Express.js
        
        Xây dựng backend API cho ứng dụng web hoặc mobile
        
        Quản lý các route, xử lý request và response, tạo RESTful API
        
        https://expressjs.com/en/starter/installing.html
        Hướng dẫn cài đặt, routing, middleware, error handling.
        
        Kết nối frontend (React, Vue…) với backend
        
        MDN Express Tutorial
        Học từ cơ bản đến nâng cao với ví dụ thực tế.
        
        Xử lý logic nghiệp vụ server, xác thực người dùng, quản lý dữ liệu
        
        Fullstack.edu.vn – Node.js & Express
        Video chi tiết, bài tập thực hành.
      - Sequelize / Mongoose
        
        Sequelize: tương tác với cơ sở dữ liệu SQL (MySQL, PostgreSQL…) dễ dàng, dùng ORM giúp viết code nhanh, an toàn.
        
        https://sequelize.org/master/
        Tài liệu chi tiết về model, associations, query.
        
        Mongoose: quản lý dữ liệu NoSQL MongoDB bằng schema, dễ thao tác dữ liệu, hỗ trợ validate và populate.
        
        Bezkoder – Node.js Sequelize MySQL CRUD
        Hướng dẫn từng bước tạo REST API với Sequelize.
        
        Giúp bạn thao tác database qua JS, tránh lỗi SQL injection, và làm app có cơ sở dữ liệu bền vững
        
        W3Schools MongoDB Node.js
        Ví dụ kết nối, CRUD với Mongoose.
      - Tuần 1,2,3 Giới thiệu Node.js, cài đặt Express.js, tạo server, routes cơ bản (GET, POST)
        
        Hiểu cách tạo server, xử lý request cơ bản
      - Tuần 820,21Hoàn thiện project nhỏ: API quản lý user, bài viết, có xác thực
        
        Có API backend hoàn chỉnh, có thể kết nối frontend
      - Tuần 18,19Xác thực người dùng (JWT, middleware auth)
        
        Bảo mật API, quản lý user login
      - Tuần 5,6,7 Middleware, routing nâng cao, xử lý lỗi, dùng Postman test API
        
        Biết tổ chức code, test API hiệu quả
      - Tuần 11,12,13 Học Sequelize hoặc Mongoose: định nghĩa model/schema, CRUD đơn giản
        
        Biết thao tác dữ liệu qua ORM/ODM
      - Tuần 16,17 Quan hệ dữ liệu (Sequelize: hasMany, belongsTo; Mongoose: populate)
        
        Hiểu và xử lý mối quan hệ giữa bảng/document
      - Tuần 14,15 CRUD nâng cao: filter, sort, pagination
        
        Viết API phức tạp, query dữ liệu đa dạng
      - Tuần 8,9,10 Cài đặt và làm quen với database: MySQL hoặc MongoDB
        
        Nắm được cách cài đặt DB, kết nối backend
      - Mongoose (ODM cho MongoDB)
        
        Khóa học tiếng Việt
        Học Mongoose – Viblo
        
        https://mongoosejs.com/docs/guide.html
        Hướng dẫn schema, model, query.
- - - - Database NoSQL
        
        Tháng 1 – Nền tảng Database & NoSQL
        
        Document (MongoDB, Firestore);Key-Value (Redis);Column-based (Cassandra);Graph (Neo4j)
        
        Tháng 2 – MongoDB cơ bản
        
        Tạo Database, Collection.CRUD (Insert, Find, Update, Delete).Query nâng cao: filter, sort, limit, projection.Index cơ bản.Kết nối MongoDB bằng Node.js (Mongoose).
        
        Tháng 3 – MongoDB nâng cao
        
        Aggregation pipeline (lookup, group, match).Transactions (ACID trong MongoDB).Index nâng cao (compound index, text search, geospatial).Schema design trong MongoDB (embed vs reference).
        
        Tháng 4 – NoSQL khác & Realtime DB
        
        Firebase Firestore cơ bản: CRUD, realtime listener.Firebase Auth (kết hợp DB).Redis: key-value store, caching cơ bản.Khi nào nên chọn Firestore vs MongoDB vs Redis.
        
        Tháng 5 – Triển khai & Dự án
        
        Kết hợp NoSQL với REST API / GraphQL.Triển khai MongoDB Atlas (cloud).Bảo mật DB (role, permission, JWT auth).Backup & Monitoring cơ bản.
        
        Hiểu CAP theorem (Consistency, Availability, Partition Tolerance).
        
        Todo App với MongoDB (Node.js backend).
        
        Blog API (User, Post, Comment), có search & phân trang.
        
        Zalo nhỏ (Realtime Firestore + React).
        
        Users, Products, Orders, Cart.Backend: Node.js + MongoDB Atlas.Auth: JWT hoặc Firebase.Deploy backend lên Render/Heroku, DB trên MongoDB Atlas
- - - - Tuần 1 – Ôn tập React cơ bản
        
        Củng cố kiến thức cơ bản: component, props, state, event, conditional rendering.
        Ôn lại React Router
      - Tuần 2 – Hooks nâng cao (phần 1)
        
        useEffect (cleanup, dependency array nâng cao).useRef (DOM, lưu giá trị không re-render).useState nâng cao (lazy initialization, updater function).
      - Tuần 3 – Hooks nâng cao (phần 2)
        
        useMemo (memoize value).useCallback (memoize function).So sánh useMemo vs useCallback.
      - Tuần 4 – Custom Hooks
        
        Cách viết custom hookVí dụ: useFetch, useLocalStorage;Tổ chức folder hooks.
      - Tuần 5 – Context API
        
        Tạo context với React.createContext.Dùng useContext để chia sẻ state.Khi nào nên dùng context thay vì props.
      - Tuần 6 – useReducer & kết hợp Context
        
        useReducer: state phức tạp hơn useState.Cách viết reducer, action.Kết hợp useReducer + useContext để tạo global state mini.
      - Tuần 7 – Redux Toolkit
        
        Redux cơ bản: store, action, reducer.Redux Toolkit: createSlice, configureStore.Dùng useSelector, useDispatch.Async state với createAsyncThunk.
      - Tuần 8 – Dự án cuối + Tối ưu
        
        CRUD (thêm, sửa, xóa bài viết).Global state bằng Redux Toolkit.Tối ưu render với useMemo, React.memo.Context API cho theme hoặc auth
      - Tạo Custom Hook gọi API và áp dụng trong User List App.
      - Theme Switcher (Dark/Light Mode) + Login Context giả lập.
      - Search App hiển thị danh sách sản phẩm, tối ưu re-render bằng useMemo & useCallback.
      - Shopping Cart App (quản lý sản phẩm, giỏ hàng, gọi API).
      - App đếm thời gian (timer), dùng useRef để quản lý interval.
      - Todo App nâng cao (thêm, xóa, sửa, filter) dùng useReducer.
      - Làm lại Todo List cơ bản (thêm, xóa, lọc).
      - Sao chép Zalo
- - - - Đồ án làm game 2D
        
        Dự án riêng biệt
        
        Tháng 1: Nền tảng & công cụ
        
        Unity;IDE: Visual Studio / Rider.
        
        Scene, GameObject, Prefab.
        
        Sprite, Animator, UI Canvas.
        
        Input cơ bản (bàn phím, chuột).
        
        Hiển thị máy bay trên màn hình.
        
        Di chuyển máy bay bằng phím mũi tên.
        
        Tháng 2: Cơ chế gameplay chính
        
        Bắn đạn: tạo bullet prefab, bắn khi nhấn phím.
        
        Kẻ địch cơ bản: di chuyển xuống từ trên màn hình.
        
        Collision: máy bay bắn trúng địch, địch nổ và biến mất.
        
        Máu & điểm: thanh máu, hệ thống điểm khi tiêu diệt kẻ địch.
        
        Làm 1 level nhỏ có máy bay player + enemy wave đơn giản.
        
        Tháng 3: Cải tiến & mở rộng
        
        Enemy nâng cao: nhiều loại kẻ địch (bay zig-zag, bắn ngược lại).
        
        Boss: xuất hiện cuối màn, có nhiều giai đoạn tấn công.
        
        Power-up: item rơi ra khi bắn địch (máy bay bắn nhanh hơn, đạn mạnh hơn).
        
        Âm thanh & hiệu ứng: nhạc nền, sound effect khi bắn/nổ.
        
        Làm 2 màn chơi (Level 1 và Level Boss).
        
        Tháng 4: UI & hệ thống game
        
        Menu chính: Start Game, Settings, Exit.
        
        Pause / Resume game.
        
        Bảng điểm (Leaderboard).
        
        Màn hình Game Over.
        
        Lưu dữ liệu (điểm cao nhất).
        
        Làm hoàn chỉnh flow: Menu → Game → Game Over → Restart.
        
        Tháng 5: Hoàn thiện & Xuất bản
        
        Polish gameplay: cân bằng độ khó, tốc độ, số lượng địch.
        
        Thêm assets đẹp: sprite máy bay, kẻ địch, background.
        
        Tối ưu hiệu năng (object pooling cho đạn).
- - - - HTML + CSS cơ bản (W3Schools, FreeCodeCamp)
- - - - Phải hiểu tổng quan về Git & GitHub
        
        Biết Git dùng để quản lý lịch sử code.
        GitHub là nơi lưu code và làm việc nhóm online.
        
        Dành 2 ngày đọc để hiểu khái niệm về Git
        
        Phát Triển được kĩ năng tự Hoc
      - Làm quen Git trong máy cá nhân (Local Git)
        
        Có thể khởi tạo repo Git trên máy.
        Hiểu cách dùng repo local.
        
        Tải về và sử dụng thử 1 số chức năng cơ bản của Git
      - Làm việc với nhánh (branch
        
        Biết cách add, commit, xem log.
        Hiểu Git lưu lại từng mốc thời gian thay đổi.
        
        2 tuần tiếp theo thêm và commit thay đổi, sửa readme.md, commit thêm lần nữa, Kiểm tra lịch sử
      - Kết nối với GitHub (Local ↔ Remote)
        
        Biết tạo, chuyển đổi và gộp nhánh.
        Biết cách làm việc song song trên nhánh.
        
        4 Tuần :Tạo một nhánh mới;Tạo file html.md, ghi chú vài dòng kiến thức;Quay lại nhánh chính và hợp nhất
      - Lên mạng kiểm tra thành quả mình đạt được
        
        https://youtu.be/beuKZ9PW_rI
        
        Git Căn Bản Nguyễn Văn Thông;Pro Git (miễn phí) Scott Chacon & Ben Straub
    - - Code đã được lưu online.
        Bắt đầu chia sẻ hoặc làm việc nhóm.
        
        Tạo repo mới ;Kết nối repo local với GitHub
        
        Kĩ Năng làm việc nhóm nhỏ
- - - - ReactJS cơ bản (components, props, state)
        
        Xây ứng dụng web hiện đại
        
        React giúp quản lý giao diện theo từng mảnh (component) và tự cập nhật UI khi dữ liệu thay đổi.
        
        Truyền dữ liệu linh hoạt (Props)
        
        Props cho phép component hiển thị nội dung khác nhau mà vẫn dùng chung cấu trúc.
        
        Tái sử dụng code (Components)
        
        Viết một lần, dùng ở nhiều nơi, tiết kiệm thời gian.
        
        Quản lý dữ liệu động (State)
        
        State lưu trữ dữ liệu bên trong component (số lượng hàng trong giỏ, trạng thái đăng nhập…).
        Khi state thay đổi, React tự render lại phần UI liên quan → trải nghiệm mượt mà.
        
        Tuần 2 – Functional Components
        
        Tuần 1 – Làm quen ReactJS
        
        Tuần 4 – Props nâng cao
        
        Tuần 3 – Props cơ bản
        
        Tuần 5 – State cơ bản
        
        Tuần 6 – State nâng cao
        
        Tuần 7 – Tổng hợp kiến thức
        
        Tuần 8 – Hoàn thiện mini project
      - Nâng cao kĩ năng làm project mini