Update readme.md

Signed-off-by: aero <[email protected]>
aerovfx · Feb 2, 2025 · edce674 · edce674
1 parent 28a34ba
commit edce674
Showing 1 changed file with 74 additions and 81 deletions.
diff --git a/1. FRONT_END/readme.md b/1. FRONT_END/readme.md
@@ -1,100 +1,93 @@
+Here is the provided text formatted in markdown:
+
+```markdown
 Front-end Development là lĩnh vực phát triển giao diện người dùng của ứng dụng web, tập trung vào trải nghiệm người dùng (UI/UX). Dưới đây là các lĩnh vực chính:
 
 1. Ngôn ngữ và Công nghệ Cơ bản
-🔹 HTML (HyperText Markup Language)
-
-Cấu trúc nội dung trang web.
-🔹 CSS (Cascading Style Sheets)
-
-Định dạng và bố cục giao diện.
-CSS Grid, Flexbox, Responsive Design (Thiết kế đáp ứng).
-🔹 JavaScript (JS)
+   - HTML (HyperText Markup Language)
+     - Cấu trúc nội dung trang web.
+   - CSS (Cascading Style Sheets)
+     - Định dạng và bố cục giao diện.
+     - CSS Grid, Flexbox, Responsive Design (Thiết kế đáp ứng).
+   - JavaScript (JS)
+     - Tương tác, hiệu ứng động.
+     - ES6+ (ECMAScript 2015 trở đi), Async/Await, Modules.
 
-Tương tác, hiệu ứng động.
-ES6+ (ECMAScript 2015 trở đi), Async/Await, Modules.
 2. Thư viện & Framework
-🔹 React.js
-
-Phổ biến, do Facebook phát triển.
-Virtual DOM, React Hooks, Context API.
-🔹 Vue.js
-
-Dễ học, linh hoạt.
-Vuex (quản lý trạng thái), Vue Router.
-🔹 Angular
+   - React.js
+     - Phổ biến, do Facebook phát triển.
+     - Virtual DOM, React Hooks, Context API.
+   - Vue.js
+     - Dễ học, linh hoạt.
+     - Vuex (quản lý trạng thái), Vue Router.
+   - Angular
+     - Đầy đủ tính năng, mạnh mẽ cho ứng dụng lớn.
+     - Dependency Injection, TypeScript.
+   - Svelte
+     - Siêu nhanh, không cần Virtual DOM.
 
-Đầy đủ tính năng, mạnh mẽ cho ứng dụng lớn.
-Dependency Injection, TypeScript.
-🔹 Svelte
-
-Siêu nhanh, không cần Virtual DOM.
 3. UI/UX Design
-🔹 Wireframing & Prototyping
-
-Công cụ: Figma, Adobe XD, Sketch.
-🔹 Responsive & Adaptive Design
-
-Thiết kế phù hợp với mọi kích thước màn hình.
-🔹 Accessibility (A11y)
+   - Wireframing & Prototyping
+     - Công cụ: Figma, Adobe XD, Sketch.
+   - Responsive & Adaptive Design
+     - Thiết kế phù hợp với mọi kích thước màn hình.
+   - Accessibility (A11y)
+     - Tối ưu cho người khuyết tật (ARIA, keyboard navigation).
 
-Tối ưu cho người khuyết tật (ARIA, keyboard navigation).
 4. CSS Frameworks & Preprocessors
-🔹 CSS Frameworks
+   - CSS Frameworks
+     - Bootstrap: Grid system, components.
+     - Tailwind CSS: Utility-first, dễ tùy chỉnh.
+     - Bulma, Foundation.
+   - CSS Preprocessors
+     - Sass/SCSS: Biến, mixin, nesting.
+     - LESS, Stylus.
 
-Bootstrap: Grid system, components.
-Tailwind CSS: Utility-first, dễ tùy chỉnh.
-Bulma, Foundation.
-🔹 CSS Preprocessors
-
-Sass/SCSS: Biến, mixin, nesting.
-LESS, Stylus.
 5. Front-end Tools & Build Systems
-🔹 Build Tools
-
-Webpack, Vite, Parcel.
-🔹 Task Runners
+   - Build Tools
+     - Webpack, Vite, Parcel.
+   - Task Runners
+     - Gulp, npm scripts.
+   - Module Bundlers
+     - Rollup.js, ESBuild.
 
-Gulp, npm scripts.
-🔹 Module Bundlers
-
-Rollup.js, ESBuild.
 6. State Management
-🔹 Redux
-
-Quản lý trạng thái ứng dụng lớn, middleware (Redux Thunk, Saga).
-🔹 MobX
-
-Realtime state updates, observable.
-🔹 Context API (React)
+   - Redux
+     - Quản lý trạng thái ứng dụng lớn, middleware (Redux Thunk, Saga).
+   - MobX
+     - Realtime state updates, observable.
+   - Context API (React)
+     - Giải pháp nhẹ hơn cho quản lý trạng thái.
 
-Giải pháp nhẹ hơn cho quản lý trạng thái.
 7. Testing & Debugging
-🔹 Unit Testing
-
-Jest, Mocha, Jasmine.
-🔹 Integration & E2E Testing
-
-Cypress, Selenium, Playwright.
-🔹 Debugging Tools
+   - Unit Testing
+     - Jest, Mocha, Jasmine.
+   - Integration & E2E Testing
+     - Cypress, Selenium, Playwright.
+   - Debugging Tools
+     - Chrome DevTools, React Developer Tools.
 
-Chrome DevTools, React Developer Tools.
 8. API Integration
-🔹 RESTful APIs
+   - RESTful APIs
+     - Fetch API, Axios.
+   - GraphQL
+     - Apollo Client, Relay.
+   - WebSockets
+     - Real-time communication (Socket.IO).
 
-Fetch API, Axios.
-🔹 GraphQL
-
-Apollo Client, Relay.
-🔹 WebSockets
-
-Real-time communication (Socket.IO).
 9. Performance Optimization
-🔹 Lazy Loading, Code Splitting
-
-Tối ưu tải trang.
-🔹 CDN (Content Delivery Network)
-
-Tăng tốc độ phân phối nội dung.
-🔹 Progressive Web Apps (PWA)
-
-Offline access, push notifications.
+   - Lazy Loading, Code Splitting
+     - Tối ưu tải trang.
+   - CDN (Content Delivery Network)
+     - Tăng tốc độ phân phối nội dung.
+   - Progressive Web Apps (PWA)
+     - Offline access, push notifications.
+
+10. Animation & Interactivity
+    - CSS Animations, Transitions
+      - Hover effects, keyframes.
+    - JavaScript Libraries
+      - GSAP, Anime.js, Framer Motion.
+    - SVG & Canvas
+      - Đồ họa động, vector graphics.
+```