Chia Sẻ Khóa Học ReactJS Portfolio Website Với Theme Tùy Chỉnh [Khóa 7654 A]
Xây dựng một Website React JS Portfolio Responsive hiện đại cao cấp cho chính bạn ngay hôm nay! Khóa học đi kèm với mã nguồn hoàn chỉnh.
Bạn sẽ học được gì:
- ✓ Cách xây dựng các App/Website hiện đại và Responsive bằng React 18.
- ✓ Cách sử dụng React Hooks như (useState, useEffect, useRef, useReducer, v.v.).
- ✓ Cách tạo và sử dụng Custom React Hooks.
- ✓ Cách sử dụng Context API và useContext Hook.
- ✓ Cách sử dụng React Portals.
- ✓ Cách tạo Re-Usable Components.
- ✓ Cách thêm tính năng Tùy chỉnh Theme vẫn tồn tại vào bộ nhớ cục bộ của trình duyệt.
- ✓ Cách tạo carousel/slides với SwiperJS.
- ✓ Cách add Filtering vào các portfolio project của bạn.
- ✓ Cách sử dụng CSS3 Variables để tùy biến dự án hiệu quả.
- ✓ CSS Positioning.
- ✓ Cách sử dụng Flexbox và Grid System.
- ✓ Cách sử dụng CSS Media Queries cho website Responsiveness.
- ✓ Cách sử dụng các đơn vị CSS như rem, %, vh, and vw để đạt được responsive design.
- ✓ Cách tạo một Floating Navbar để thêm cảm giác native app vào website của bạn và hơn thế nữa!
Mã nguồn, Assets, Liên kết giảm giá Hosting và Domain miễn phí đều được bao gồm trong khóa học này!
Khóa học này dành cho TẤT CẢ các cấp độ của React Developer đang tìm cách xây dựng website PORTFOLIO HOÀN HẢO để giới thiệu công việc của họ.
Cách tiếp cận của tôi với khóa học này rất đơn giản. Tôi sẽ giải thích mọi bước cần thiết để tạo portfolio website responsive tuyệt vời này (không lãng phí thời gian của bạn). Bạn sẽ học các phương pháp hay nhất về React và CSS hiện đại, cùng với các công cụ dễ sử dụng sẽ bổ sung các chức năng đáng kinh ngạc cho dự án.
Khi kết thúc khóa học này, bạn sẽ có một portfolio website responsive đầy đủ tính năng, hiện đại với:
- ✓ 1. Hoàn thành chức năng tùy chỉnh chủ đề lưu trữ theme state/value trong bộ nhớ cục bộ của trình duyệt của bạn. Bằng cách này, khách hàng của bạn sẽ lưu cài đặt chủ đề cuối cùng của họ ngay cả khi họ đóng trình duyệt hoặc làm mới trang.
- ✓ 2. Tính năng Animate-On-Scroll.
- ✓ 3. Tùy chọn Convenient Contact (WhatsApp, messenger, mail).
- ✓ 4. Auto-scroll carousel/slides for testimonials.
- ✓ 5. Filterable portfolio projects.
- ✓ 6. Tính năng FAQs toggle.
- ✓ 7. Elegant Floating Navbar (dành cho máy tính bảng và điện thoại) và hơn thế nữa!
Trong suốt khóa học, bạn sẽ học:
- ✓ Cách xây dựng các App/Website hiện đại và Responsive bằng React 18.
- ✓ Cách sử dụng React Hooks như (useState, useEffect, useRef, useReducer, v.v.).
- ✓ Cách tạo và sử dụng Custom React Hooks.
- ✓ Cách sử dụng Context API và useContext Hook.
- ✓ Cách sử dụng React Portals.
- ✓ Cách tạo các Re-Usable Component.
- ✓ Cách thêm tính năng Tùy chỉnh chủ đề vẫn tồn tại vào LocalStorage.
- ✓ Cách tạo carousel/slides với SwiperJS.
- ✓ Cách add Filtering vào các portfolio project của bạn.
- ✓ Cách sử dụng CSS3 Variables để tùy chỉnh project hiệu quả.
- ✓ CSS Positioning.
- ✓ Cách sử dụng Flexbox và Grid System.
- ✓ Cách sử dụng CSS Media Queries để tạo responsive website.
- ✓ Cách sử dụng các đơn vị Responsive như rem, %, vh và vw.
- ✓ Cách tạo Floating Navbar cho trang web của bạn và hơn thế nữa!
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. Hosting & Domain, Tools & Extensions, Và Cấu trúc Thư mục Dự án.
- ✓ 03. Navbar.
- ✓ 04. Header.
- ✓ 05. About.
- ✓ 06. Services.
- ✓ 07. Portfolio.
- ✓ 08. Testimonials.
- ✓ 09. FAQ.
- ✓ 10. Contacts.
- ✓ 11. Footer.
- ✓ 12. Theme Customization.
- ✓ 13. Floating Navbar.
- ✓ 14. Animate-On-Scroll & Project Deployment.
Khóa học này dành cho ai:
- ✓ Khóa học này dành cho TẤT CẢ các cấp độ của React Developer đang tìm cách xây dựng website PORTFOLIO HOÀN HẢO!
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU