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.
Giới thiệu khoá học:
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.
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!
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!
Tham gia Tổng kho khóa học online trọn đời
- Truy cập hơn 4.000 khóa học ở nhiều chủ đề như Kinh doanh, marketing, lập trình, tin học văn phòng, ngôn ngữ,...
- Học trọn đời, học mọi lúc, mọi nơi.
- Khóa học mới lên kho mỗi ngày
Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.