—
👉 XEM LỘ TRÌNH HỌC:
Hãy học tại trang web thay vì Youtube. Lý do tại sao mời bạn bấm vào đây:
#hoclaptrinh #javascript #html_css #nodejs #restful_api #backend #devops
—————————————
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh:
Công cụ đo đạc giao diện web:
Công cụ viết CV xin việc chuyên nghiệp:
☻ Tiện ích cho Visual Studio Code:
Gợi ý code: Tabnine Autocomplete AI (
Tự động đóng thẻ: Auto Close Tag (
Tự động đổi tên thẻ đóng/mở: Auto Rename Tag (
Thêm màu sắc cho các cặp ngoặc: Bracket Pair Colorizer (
Icon theme: Material Icon Theme (
Hiển thị thông tin Git (commit, author, …): Gitlens (
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn:
Xây dựng giao diện với HTML, CSS:
Xây dựng web responsive:
Lập trình Javascript cơ bản:
Lập trình Javascript nâng cao:
Làm việc với Terminal & Ubuntu:
Xây Dựng Website với ReactJS:
Xây dựng web với Node & Express:
HTML, CSS tips:
Ứng dụng cảnh báo khi sờ lên mặt:
Xem thêm tại:
☻ Chú ý :
– Không văng tục chửi bậy, bình luận có văn hóa.
– Không hỏi khi chưa xem xong video.
Sai phạm sẽ được mời khỏi kênh.
☻ F8 là nơi học lập trình để đi làm!
Tại sao bạn nên học lập trình tại đây? Ở đây chúng tôi có:
– Nội dung bài học chỉn chu và chi tiết giúp học viên hiểu từ cái gốc
– Kỹ năng sư phạm khác biệt từ người dạy giúp học viên có thêm nhiều động lực
– Hình ảnh và âm thanh chất lượng cao giúp học viên thêm hứng thú
F8 Official
(c) Sơn Đặng
Website:
Facebook cá nhân:
Nhóm Học Lập Trình Web:
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.
cái private thì xử lý ntn vậy a?
hi anh Sơn, how are you :). Anh ơi cho e hỏi cấu hình routes ngoài thế này làm sao mình dùng function lazy của react ạ ?
anh sơn ơi, em thêm phần này vào khi chạy npm start web load 30p chưa vào được nữa, anh chỉ em fix với ạ
import styles from "./Header.module.scss";
import classNames from "classnames/bind";
const cx = classNames.bind(styles);
function Header() {
return <Header className={cx("wrapper")}></Header>;
}
export default Header;
Compiled with problems:X
ERROR
[eslint]
srccomponentsDefaultLayoutindex.jsx
Line 5:26: 'children' is missing in props validation react/prop-types
Search for the keywords to learn more about each error.
Mình bị lỗi này, mọi người ai biết chỉ mình với
a có thể làm thêm 1 video về sử dụng private router 1 cách tối ưu và thêm trang 404 not found thì tốt quá
anh tạo ra 2 cái layout là Header vậy nếu có chỉnh sửa gì ở header thì mình phải chỉnh sửa lại 2 lần hả anh nếu có nhiều các layout riêng thì có cách nào tối ưu hơn không ạ.
em đang gặp lỗi này 'Cannot read properties of undefined (reading 'pathname')', em cài react-router-dom v6 ạ
Em cũng tạo folder routes và import giống anh nhưng nó báo lỗi module not found là sao anh nhỉ, em có thử dùng ../ thay cho ~/ thì dùng được trong khi trước đó em cũng đã cấu hình babel plugin
Hay quá anh ơi
const Layout = route.layout === null ? React.Fragment : route.layout || DefaultLayout;
e gõ ffc nó không gợi ý cho e, mn giúp e với
1:13 – Phân tích Layout trang Tiktok
4:06 – Cài đặt thư viện react-router-dom
9:45 – Đưa cấu hình router ra ngoài
15:44 – Xây dựng cơ chế tải Layout
E đau đầu cái này bao hôm nay , cảm ơn a, chi tiết quá mong có khóa reactjs pro và nextjs
có thể a làm việc quen nên ko sao chứ như em làm theo anh 1 hồi 1 đống file index.js lú hết cả ng =))
thế setup router đối với Route có param truyền vào thì như nào ạ ?
giả xử em nhập 1 cái đường dẫn bậy nó phải ra 404 thì làm như nào ạ
em vừa tự làm xong phần router xong h xem video mới thấy cách cấu hình của anh quyết đỉnh quá 🙂
Em xem song video này . Em cảm giác em tự tăng level 1 cách chóng mặt 😍😍😍 . Cũng ngờ ngợ 1 chút về cách người ta tạo ra next và nuxt js
E nghĩ là còn thiếu 1 cái page 404 :))
Video này đỉnh thật, tiết là em xem muộn
Cái đoạn pages có nên export ra để import cho gọn như phần layout k a zai 😙😙
Quả setup project base này hay quá anh Sơn.
Mà đoạn chỗ [27:24], thay vì để là null sao a không để luôn là Fragment cho thuộc tính layout, như vậy là giải quyết được vấn đề
nhìn phần setup router mới thấy được sức mạnh của việc chắc phần base + tư duy giải quyết.
<3
Thank anh, ước gì ngày anh ra 2 video 🤣
A có thể nói trc các công nghệ cho dự án tiktok này để e đọc doc trc cho đỡ bỡ ngỡ ạ😁
Khi nào anh làm tiếp khóa NodeJS & ExpressJS vậy anh?
Yêu anh Sơn <3
hay qua
Hay quá a ơi, em đang tìm hiểu cách cấu hình router thì a ra video luôn ❤️