Tạo và lồng các thành phần: React được tạo thành từ các thành phần (components). 1 component là 1 thành phần UI mà có logic và giao diện của nó. Có thể là button, hoặc 1 page. React component là 1 function JS trả về markup: Bạn có thể lồng vào 1 component khác: Viết…
Author Archives: thietkeweb
1. Promise: Promise đại diện cho 1 giá trị sẽ có trong tương lai, nhưng chưa được biết ngay lập tức. Nó có thể ở 1 trong 3 trạng thái: Cú pháp: Ví dụ: Kết hợp nhiều Promise: – Promise.all(): chờ tất cả các promise hoàn thành: – Promise.race(): trả về kết quả của Promise…
Tạo dự án Vite đầu tiên Với NPM: Với Yarn: Bạn có thể chỉnh định tên project và template bạn muốn sử dụng thông qua các option: Community Templates: Bạn có thể dụng 1 tool ví dụ degit để tạo project với 1 template: Nếu project sử dụng main làm nhánh mặc định, thêm hậu…
Giới thiệu broadcasting trong Laravel Websocket được sử dụng để thực thi các tác vụ realtime, live-update. Khi 1 dữ liệu được cập nhật ở server, 1 tin nhắn sẽ được gửi qua websocket về client. Ví dụ bạn cần export dữ liệu ra file CSV và gửi email cho user. Tuy nhiên việc này…
Giới thiệu Collections trong Laravel: Laravel Illuminate\Support\Collection cung cấp cách xử lý thuận tiện với dữ liệu mảng. Ví dụ sau sử dụng helper collect để tạo 1 collection instance từ array, chạy strtoupper lên mỗi element, và xóa những empty element: Tạo Collections: Helper collect trả về 1 instance của Illuminate\Support\Collection: Lưu ý: kết…
Giới thiệu Mutators & Casting trong Eloquent: Accessors (tiếp cận), mutators (biến đổi) và casting (ép kiểu) cho phép bạn chuyển đổi các thuộc tính (attribute) của Eloquent khi bạn truy xuất hoặc thiết lập (set) chúng trên model. Ví dụ bạn muốn dùng Laravel encrypter để mã hóa 1 giá trị trước khi lưu…
Option Sau khi khởi tạo, có thể thay đổi tùy chọn: Hoặc sử dụng method config(): Packer: Trong Tkinter, pack là một trong ba bộ quản lý bố cục chính được sử dụng để đặt các widget trong cửa sổ. pack hoạt động bằng cách sắp xếp các widget dọc theo các cạnh của cửa…
Callback là function được gọi sau khi 1 function đã thực thi xong. Trong js, function là object, nó có thể nhận tham số là 1 function, và cũng có thể trả về 1 function. Cho nên bất cứ function nào được truyền vào như 1 tham số sẽ có tên là callback. Ví dụ…
ECMAScript 2015 còn được gọi là ES6 có những tính năng quan trọng sau: 1. Let keyword: định nghĩa biến trong phạm vi block 2. Const: const cho phép bạn định nghĩa 1 hằng số (1 biến js với 1 giá trị là hằng số). Const tương tự let, ngoại trừ việc giá trị không…
1. Array map: array_map trả về 1 mảng với các phần tử đã được xử lý qua hàm callback. Ví dụ: tạo 1 mảng có giá trị gấp đôi mảng có sẵn: 2. Array filter: array_filter lọc mảng qua 1 hàm callback (hàm này trả về giá trị boolean). Ví dụ: lọc các số lẻ…
Giới thiệu về Cache trong Laravel: Một số tác vụ hoặc quá trình truy xuất dữ liệu có thể ngốn CPU hoặc mất nhiều thời gian để hoàn thành. Trong trường hợp này ta cần cache dữ liệu để có thể truy xuất nhanh hơn ở lần sau. Cache data thông thường lưu trữ trong…
Giới thiệu Events trong Laravel Laravel event cung cấp cách thực thi pattern observer (người quan sát), cho phép bạn theo dõi và lắng nghe các sự kiện xảy ra trong ứng dụng. Event class được lưu trong thư mục app/Events, còn listener được lưu trong app/Listeners. 1 event có thể có nhiều listener không…
1. Trait trong PHP PHP chỉ hỗ trợ đơn kế thừa (single inherit). Cơ chế Trait giúp sử dụng lại các phương thức từ các class khác nhau mà không cần kế thừa. Ví dụ: Có thể dùng được nhiều trait trong cùng 1 class với từ khóa use. Sử dụng từ khóa insteadof để…
Mặc định khi start dự án Laravel, error và exception handling được cấu hình sẵn. Class App\Exceptions\Handler là nơi tất cả exception được log và render đến user. Cấu hình: Option debug trong file config/app.php sẽ quyết định mức độ error hiển thị với user. Mặc định ở APP_DEBUG, set up trong file .env. Exception…
1. Tạo file .gitignore. File này lưu trữ các file và thư mục không up lên git. 2. Lệnh git init để khởi tạo repository. Nếu như các file và thư mục trong .gitignore đã add lên git trước đó (do file được tạo sau khi đã commit). Muốn gỡ các file này: 3. Commit…
Giới thiệu Email Verification trong Laravel Nhiều ứng dụng yêu cầu xác minh email. Laravel cung cấp sẵn dịch vụ để gửi và xác minh email. Bạn có thể sử dụng Starter kits. Chuẩn bị model: Đầu tiên model User cần implement contract Illuminate\Contracts\Auth\MustVerifyEmail: Một khi interface này được thêm vào model, user mới đăng…
Giới thiệu Authentication trong Laravel: Laravel cung cấp tính năng xác thực và login nhanh chóng, bảo mật và dễ dàng thực thi. Trong core Laravel, xác thực được cấu thành từ “guards” và “providers”. Guards định nghĩa cách user được xác thực trên mỗi request. Ví dụ session guard lưu trữ trạng thái sử…
Giới thiệu Eloquent Collections: Tất cả method của Eloquent mà trả về nhiều hơn 1 kết quả sẽ trả về 1 instance của Illuminate\Database\Eloquent\Collection, bao gồm cả kết quả truy vấn thông qua get method hoặc tiếp cận qua quan hệ. Eloquent collection extend Laravel base collection, có nhiều chức năng để làm việc dễ…
1. Giới thiệu Vite: Vite là frontend build tool cung cấp môi trường phát triển & đóng gói code cho production. Laravel sử dụng Vite để đóng gói CSS và Javascript cho production. Vite được chọn thay thế Laravel Mix ở các phiên bản mới hơn. 2. Cài đặt và setup ViteJS: Bạn có thể…