🥬
FreshForFresh
  • ✌️Xin chào!
  • Overview
    • 💡Data structures and Algorithms
    • 👀Programming
    • 🧠Database
    • 🦴Back-End
    • ✨Front-End
    • 💐Spring Framework
    • 🛠️Tool
  • Data structures and Algorithms
    • 🎰Data Type
    • 🗑️Garbage collection
    • 🧩Data structures
    • 🎲Algorithms
  • Programming
    • 🧮Compiler
      • 🤖Tại sao phải cần compiler?
      • 📠Java Virtual Machine
  • 📈Thread
  • 🔐Lock & Deadlock
  • 🏇Race condition & Data Race
  • 🧯Synchronized
  • 🗜️Blocking IO và Non Blocking IO Client Server Socket
  • 🌐Languages
    • 🎛️Programming Language
    • 📑Client-Side & Server-Side
    • ⁉️Why java? Why javascript?
  • 🗼Design pattern
    • 🎨Front-End Design Pattern
    • 🏗️Back End Design Pattern
      • 🐴with Java
      • 🦄with Spring Boot
      • 🐖with Modern Backend Development
      • 🐁with Microservice
  • 🍀Clean Code
    • 🌊Chương 1: Code sạch
    • 📐Chương 2: Quy tắc đặt tên rõ nghĩa
    • 🚧Chương 3: Cách viết hàm
    • 👻Chương 4: Comments thế nào cho chuẩn?
    • 🥳Chương 5: Định dạng code.
    • 😈Chương 6: Đối tượng và cấu trúc dữ liệu
    • 🐛Chương 7: Xử lí lỗi
    • ☦️Chương 8: Ranh giới code
    • 🧪Chương 9: Unit test
    • 🥂Chương 10: Lớp đối tượng
    • 🥡Chương 11: Code sạch cấp hệ thống
  • Database
    • 🐔Giới thiệu
    • 📰Các loại cơ sở dữ liệu
    • 🐘Các loại DBMS phổ biến
    • 🕵️‍♀️SQL và cách sử dụng với relational database
      • 👺Lệnh SQL
      • 🛢️JOIN trong SQL
      • 🛕GROUP BY trong SQL
      • 🐼ORDER BY trong SQL
      • 🐣Truy vấn con SUBQUERY trong SQL Server
      • 🏦Transaction Trong SQL
      • 🇲🇰ACID
    • ☢️Thiết kế cơ sở dữ liệu
    • 🕍Consistency and concurrency handling
      • 🔒Database locking
      • 🎮Concurrency Control
      • 🙀Isolation Level
    • 🎨Performance & Scability
      • ☝️Indexing
      • 👯‍♂️Partitioning
      • 💅Các tips tăng hiệu suất SQL
      • 🇲🇬Kiểm tra và Xác thực việc Sao lưu và Phục hồi CSDL
      • 🌠Database sharding
      • 🧘‍♂️REPLICATION
      • 😁Các vấn đề ảnh hưởng đến performance.
  • Back-End
    • 🔫API?
    • 🐕‍🦺Web Services
    • 💾Phân biệt API và web service
    • 🙆‍♂️Tìm hiểu về RestAPI
    • 🧦SOAP
    • ✈️GraphQL API
    • 📊Compared GraphQL & REST
    • 📄Phân biệt HTTP & HTTPS
    • 🚵Client & Server
    • 🇩🇲DOM
  • Front-End
    • 🦑User Interface (UI)
    • 🛰️State Management
  • Spring Framework
    • 🔐Spring Security
      • 🌅Đơn giản hoá Spring Security
      • 🌸Spring Security: Authentication and Authorization In-Depth
      • 🚻OAuth2 Basic
      • 🀄JWT + Spring Security Oauth
      • 📤Logout trong ứng dụng sử dụng bảo mật Oauth
      • 🔂Reset Password
      • 🎗️OAuth2 Remember Me với Refresh Token
      • ⛓️OAuth2 cho một Spring REST API
  • Network
    • 💸Mạng máy tính căn bản
  • Tool
    • 🦏Các câu lệnh Docker cơ bản
    • 🦧Github
      • 🐰Các lệnh Git cơ bản
      • 🐇Một số trường hợp khi sử dụng Git
    • 🏚️WebServer
      • 🪂Tổng quan về kiến trúc hệ thống
      • 🔃Cơ bản về WebServer Nginx
  • Tài nguyên
    • 👨‍🏫Course
    • 📖Docs
Powered by GitBook
On this page
  1. Overview

Front-End

PreviousBack-EndNextSpring Framework

Last updated 1 year ago

Front-end là cần thiết vì:

  1. Tương tác với người dùng: Front-end là phần giao diện mà người dùng trực tiếp tương tác và nhìn thấy. Nó đảm nhận vai trò trực tiếp trong việc cung cấp trải nghiệm người dùng tốt, hấp dẫn và dễ sử dụng. Front-end tạo ra các giao diện đẹp, tương tác và trực quan để người dùng có thể tương tác với ứng dụng một cách dễ dàng.

  2. Hiển thị dữ liệu: Front-end giúp hiển thị dữ liệu từ phía server một cách hợp lý và dễ hiểu cho người dùng. Nó đảm bảo rằng thông tin được trình bày một cách rõ ràng, có cấu trúc và dễ hiểu thông qua bố cục, định dạng, và các thành phần giao diện khác.

  3. Tối ưu hoá tốc độ và hiệu suất: Front-end đóng vai trò quan trọng trong việc tối ưu hoá tốc độ và hiệu suất của ứng dụng. Bằng cách sử dụng các kỹ thuật và công nghệ như tải trang xử lý phía client (client-side rendering), bộ nhớ cache, và tối ưu hóa hình ảnh, front-end giúp cải thiện tốc độ tải trang và trải nghiệm người dùng.

  4. Tương thích đa thiết bị: Front-end cho phép ứng dụng hoạt động trên nhiều thiết bị và nền tảng khác nhau. Bằng cách sử dụng kỹ thuật responsive design và mobile-friendly, front-end giúp đảm bảo rằng giao diện người dùng có thể điều chỉnh và hoạt động tốt trên các thiết bị di động, máy tính bảng và máy tính cá nhân.

Summarize thì front-end chịu trách nhiệm xây dựng giao diện người dùng hấp dẫn, tương tác và hiệu quả, tạo ra trải nghiệm người dùng tốt và đáp ứng nhu cầu của người dùng. Nó là mắt xích quan trọng trong quá trình phát triển ứng dụng để tạo ra sản phẩm cuối cùng mà người dùng có thể tương tác và sử dụng.

Chúng ta có gì ở đây?

🦑User Interface (UI)
🛰️State Management
✨
Page cover image