1. Xây dựng ứng dụng tìm kiếm phim bằng React (có hook)

Điều đầu tiên bạn có thể bắt đầu là xây dựng ứng dụng tìm kiếm phim bằng React. Dưới đây là hình ảnh về ứng dụng cuối cùng sẽ trông như thế này: 

Xây dựng ứng dụng này, bạn sẽ cải thiện kỹ năng phản ứng của mình bằng cách sử dụng API Hook tương đối mới. Đây là một dự án bạn có thể sử dụng các thành phần của React, hooks, external API và một số kiểu dáng thông qua CSS

Tech Stack & Features

  • React with Hooks 
  • Create-react-app
  • JSX
  • CSS

2. Xây dựng một ứng dụng trò chuyện với Vue

Một dự án tuyệt vời khác dành cho bạn là xây dựng ứng dụng trò chuyện bằng thư viện JavaScript VueJS. Ứng dụng sẽ trông giống như thế này:

Theo hướng dẫn này, bạn sẽ tìm hiểu cách thiết lập ứng dụng Vue từ đầu, tạo các thành phần, xử lý trạng thái, tạo routes, kết nối với dịch vụ của bên thứ ba và xử lý xác thực.

Tech Stack & Features

  • Vue
  • Vuex
  • Vue Router
  • Vue CLI
  • Pusher
  • CSS

3. Xây dựng một ứng dụng thời tiết tuyệt đẹp với Angular 8

Ví dụ này sẽ giúp bạn xây dựng một ứng dụng thời tiết tuyệt đẹp bằng cách sử dụng Google's Angular 8:

Dự án này sẽ dạy cho bạn những kỹ năng có giá trị trong quá trình tạo ra một ứng dụng mới, bắt đầu từ thiết kế đến phát triển cho đến triển khai sẵn sàng sản xuất.

Tech Stack & Features

  • Angular 8
  • Firebase
  • Server-Side Rendering
  • CSS with Grid Layout and Flexbox
  • Mobile friendly & responsive
  • Dark Mode
  • Beautiful UI

4. Xây dựng ứng dụng việc cần làm với Svelte

Sửa: Svelte kinda rất mới trong khối so với React, Vue và Angular nhưng dù sao cũng là một trong những thứ hấp dẫn cho năm 2023. Ứng dụng việc cần làm sẽ giúp bạn trau dồi kỹ năng với Svette và đây là giao diện của nó: 

Bạn sẽ tạo một ứng dụng bằng Svelte 3 từ đầu đến cuối. Nó sử dụng các thành phần, kiểu dáng và trình xử lý sự kiện. 

Tech Stack & Features

  • Svelte 3
  • Components
  • Styling via CSS
  • ES 6 syntax

5. Xây dựng giỏ hàng thương mại điện tử với Next.js

Nextjs là framework phổ biến nhất để tạo các ứng dụng React hỗ trợ kết xuất phía máy chủ ngay lập tức. Dự án này sẽ chỉ cho bạn cách xây dựng một giỏ mua hàng thương mại điện tử trông như thế này:

Trong dự án này, bạn sẽ tìm hiểu cách thiết lập môi trường phát triển Next.js, tạo các trang và thành phần mới, tìm nạp dữ liệu, tạo kiểu và triển khai ứng dụng tiếp theo.

Tech Stack & Features

  • Next.js
  • Components and Pages
  • Data Fetching
  • Styling
  • Deployment
  • SSR and SPA

Đây là 5 dự án mà bạn có thể xây dựng tại nhà, mỗi dự án tập trung vào một khung hoặc thư viện JavaScript khác nhau. Hãy luyện tập mỗi ngày để trở thành Front-end Master trong năm 2023 nhé!

VietnamWorks inTECH

TẠO TÀI KHOẢN MỚI: XEM FULL “1 TÁCH CODEFEE” - NHẬN SLOT TƯ VẤN CV TỪ CHUYÊN GIA - CƠ HỘI RINH VỀ VOUCHER 200K