• admin
  • 12 Tháng Mười , 2022
Combo Git status, Git add, Git commit 🧐

Git status Cho mình biết đang ở nhánh nào (On branch…) Trạng thái branch của mình so với trên server github như thế nào, có thể sai thì code đã được update trên server lúc mình đang code. Muốn chính xác thì phải git fetch để tải code mới nhất về Trạng thái các file, […]

  • admin
  • 12 Tháng Mười , 2022
Git init và git config khi bắt đầu dự án

Git init Chạy git init để tạo 1 repository (nơi chứa source code) trên máy tính. Sau khi chạy xong nó sẽ sinh ra 1 mục .git (có thể bị ẩn tùy máy), và source code chúng ta phải nằm ngang cấp với mục .git nhé Có 2 loại repository 1 là ở local, trên […]

  • admin
  • 12 Tháng Mười , 2022
Git là gì? Cài đặt git trên máy tính

Hello ae. Bài này sẽ là bài đầu tiên trong chuỗi sê ri git của mình nhé. Đảm bảo đủ dùng bao gọn, bao dễ hiểu. Vì lúc trước mình sợ git lắm kaka, vì sợ mất code này nọ vài lần nên dùng rén rén. Nên hy vọng bài hày sẽ giúp phần nào […]

  • admin
  • 10 Tháng Mười , 2022
Quản lý Nodejs thông qua NVM

Hello 500 ae, hôm nay mình sẽ giới thiệu sơ qua NVM giúp ae quản lý version node dễ dàng hơn nhé. Gét gô 🧐 Trước kia chưa biết đến NVM mình hay download trên này nè rồi cài dùng. Nhưng đôi khi gặp trường hợp cài dự án khác thì cần bản node mới […]

  • admin
  • 8 Tháng Mười , 2022
Destructuring, Rest parameter, Spread Syntax trong Javascript

Bài viết này mình sẽ tóm gọn về Destructuring, Rest parameter, Spread Syntax trong Javascript nhé. Mình thấy thực sự cần thiết và dùng rất nhiều trong dự án. Hy vọng với vài tóm tắt bên dưới sẽ giúp ae đỡ nhầm lẫn hơn cũng như biết được tên gọi của nó nhé Destructuring với […]

  • admin
  • 3 Tháng Mười , 2022
Structural types trong Typescript

Bài này thì mình sẽ tìm hiểu 2 cái type phức tạp hơn 1 chút nhưng cũng simple thôi đó là Object và Array [crayon-669cb886ebfa3485564968/]

  • admin
  • 2 Tháng Mười , 2022
Primitives types trong Typescript

Tiếp nối bài giới thiệu Typescript thì hôm nay chúng ta đến với Primitives types nhé. Type assignment: const variable: dataTypes = value Đại loại là mình truyền giá trị cho 1 biên nào đó const age:number = 23 const name:string = ‘Tu Pham’ const isStudent:boolean = false [crayon-669cb886ec138420078755/] Bình thường ở Js mình có […]

  • admin
  • 2 Tháng Mười , 2022
Giới thiệu Typescript

Hôm nay mình ae cùng tìm hiểu về Typescript nhé. Đây là bài đầu tiên cũng như mở hàng cho sê ri 🤪 Typescript sắp tới của mình. Hy vọng sẽ giúp cho ae hiểu cũng như nắm được phần nào đó thằng Ts hơi khó chịu này nhé hehe…..đi thôi 😉 Định nghĩa: Ngắn […]

  • admin
  • 23 Tháng Chín , 2022
Anh em đã biết những thuộc tính CSS này chưa hè?

Sau khi nghĩ dưỡng 2/9 hơn nữa tháng nằm qua 3 cái bệnh viện thì giờ mình quay lại đây. Hy vọng sắp tới sẽ chuyên cần hơn trong việc chém gió này keke. Thôi vào việc luôn get go 😁 margin-inline: Nó sẽ tương ứng với việc các bạn viết margin-left và margin-right Ví […]

  • admin
  • 28 Tháng Bảy , 2022
Flexbox trong css

display Để sử dụng flex trong css thì đơn giản chúng ta chỉ cần khai báo display: flex hoặc display: inline-flex Về chức năng thì nó cũng như nhau, nhưng flex thì sẽ full 100% phần tử cha chứa nó còn inline-flex thì độ trộng phần tử bao nhiêu thì nó chiếm bấy nhiêu thôi […]

  • admin
  • 2 Tháng Bảy , 2022
Giới thiệu về React Hook Form API

Hello ae bài viết này mình sẽ sơ lược về thư viện React Hook Form API và những api mình hay dùng của thằng này nhé! Link thư viện: React Hook Form Mình thường sử dụng các hook chính để làm việc chủ yếu là hook useForm, Controller, ErrorMessage. Mình dùng bản v6 nhé Hook […]

  • admin
  • 29 Tháng Sáu , 2022
Tìm hiểu về ASYNC AWAIT

Khi ta có một function là test, khi function test thực thi, bằng cách console.log (ở dưới) đoạn text được in ra theo thứ tự, nhưng khi ta setTimeout cho nó thì có sự thay đổi đoạn text sẽ in ra số 2 và 3 trước rồi sau đó mới in ra số 1   […]

  • admin
  • 20 Tháng Sáu , 2022
Css grid

Hello anh em, trong bài viết này mình sẽ nói tất tần tật về grid trong css nhé!. Đi thôi nào Anh em đã sử dụng flex rồi thì sử dụng giá trị display: flex, còn grid tương tự thôi display: grid [crayon-669cb886ec55e111569762/] [crayon-669cb886ec564825169129/] [crayon-669cb886ec566046405520/] [crayon-669cb886ec568681907086/]    

  • admin
  • 13 Tháng Sáu , 2022
Tổng quan Redux

Chắc ae mới học React thì cũng nghe về Redux sơ qua rồi hen, bài viết này mình cùng tìm hiểu tổng quan về Redux trong React là gì nha. Redux là gì? Nó là thư viện quản lý state cho các app javascript Sử dụng kiến trúc uni-directional data flow, quản lý data flow […]

  • admin
  • 13 Tháng Sáu , 2022
Routing trong React only post 😁

Bài viết này mình sẽ nói về routing trong React nghen. Nhưng mà ở version 5 thôi nhé, version mới mình chưa update hehe Package: react-router-dom npm i --save react-router-dom@^5 Các component trong react-router-dom Router: Component bao bọc tất cả các component khác của routing, mình sử dụng là BrowerRouter còn các loại khác các bạn […]

  • admin
  • 12 Tháng Sáu , 2022
So sánh giữa props và state

Props: Thường thì thì sẽ props được set bởi component cha và truyền vào component con. Component con không thể thay đổi được, nếu muốn thay đổi thì component cha thay đổi rồi truyền xuống lại State: Bản thân component nó có. Có thể xử lý cập nhật các kiểu trong đó nên thường được […]

  • admin
  • 9 Tháng Sáu , 2022
Cách so sánh 2 mảng cơ bản trong javascript

Bài viết này mình sẽ  tìm hiểu cách so sánh 2 mảng cơ bản trong javascript bằng kiểu dữ liệu Json nha. JSON là viết tắt của cụm từ Javascript Object Notation thì đây 1 kiểu dữ liệu tuân theo 1 quy tắc nhất định. Mình thấy ngôn ngữ nào cũng sử dụng nó cả […]

  • admin
  • 6 Tháng Sáu , 2022
Styling trong React

Nay mình cùng tìm hiểu các cách khác nhau để style trong React nghen. I. Inline styles – Thêm vào thuộc tính style của tag html, và viết các thuộc tính theo dạng camelCase nha. Ví dụ backgroundColor, textAlign… [crayon-669cb886ecaf9471339319/] – Cách này ít dùng, chỉ dùng khi cần thay đổi styles theo props, hoặc […]

  • admin
  • 6 Tháng Sáu , 2022
Life cycles trong React

Life cycles là 1 phần khá quan trong trong React, nó giúp mình hiểu hơn về cách hoạt động của 1 component ra sao. Bài viết này mình sẽ nói về life cycles trong React nghen. Đầu tiên thì các component life cycle chỉ có trong Class Component thôi nha. Với component trong ReactJs, life […]

  • admin
  • 6 Tháng Sáu , 2022
Chia component như thế nào cho hiệu quả trong React

Có nhiều phương pháp chia component nên số loại component sẽ khác nhau. Ở bài viết này mình chia React theo 2 loại component – Container: Smart component Quản lý, xử lý xử liệu (Có thể get api lấy data, hoặc data tĩnh, cung cấp dữ liệu và có dữ liệu để render) Không quan […]

  • admin
  • 4 Tháng Sáu , 2022
Context trong React

Hi mọi người hôm nay mình sẽ nói về 1 useContext() hook trong React nha. Context cung cấp phương pháp để chia sẻ những giá trị giữ các component với nhau Mình có cây component sau: App(status: false) -> Header -> Menu -> User -> Profile Mình muốn truyền 1 dât từ App sang component […]

  • admin
  • 2 Tháng Sáu , 2022
useState trong React

Tiếp nối bài viết về hook useEffect() thì hôm nay mình sẽ nói về hook useState() nha useState() cũng là 1 hook cơ bản trong React, nó giúp mình sử dụng được state trong functional component Nó cũng là 1 cái hàm thôi, đầu vào là 1 initialState có thể là giá trị hoặc cũng […]

  • admin
  • 31 Tháng Năm , 2022
useEffect trong React

Hi mọi người bài này mình sẽ nói về hook useEffect() nha useEffect() là 1 hook trong React hook hỗ trợ cho functional component. Thường được dùng xử lý các vấn đề liên quan đến side-effects. Side effects có thể hiểu nôm na là những thứ mà nó tác động, chạy phía bên ngoài component […]

  • admin
  • 16 Tháng Năm , 2022
Tìm hiểu Javascript Modules

Chào các bạn! Hôm nay mình sẽ tìm hiểu về Module trong javascript là gì nhé. Module có thể hiểu như nó là 1 bộ phận, 1 phần nào đó tập hợp rất là nhiều function, logic trong đó và khi chúng ta muốn sử dụng nó thì chỉ cần gọi nó ra mà thôi […]

  • admin
  • 9 Tháng Năm , 2022
Lấy phần tử cuối trong mảng theo cách của bạn

Mình ví dụ 1 mảng đơn giản dưới đây và những cách mà lấy phần tử cuối trong mảng bạn có thể tham khảo áp dụng nhé const arr = [‘a’, ‘b’, ‘c’, ‘d’]; Cách 1: Có thể dùng method pop để xóa phần tử cuối cùng trong mảng thu được phần tử cuối cùng. […]

  • admin
  • 6 Tháng Năm , 2022
Bộ phím tắt vscode thần thánh giúp bạn ảo diệu hơn khi dev

Thử thách 6 ngày 6 đêm thành thạo các phím tắt trên Visual studio code để dev ảo diệu hơn…Get Gô ?. ▷==PHÍM TẮT CHỈNH SỬA VĂN BẢN==◁ 1. Ctrl + Shift + K: Xóa dòng 2. Ctrl + Enter: Chèn dòng bên dưới 3. Ctrl + Shift + Enter: Chèn dòng trên 4. Ctrl […]

  • admin
  • 3 Tháng Năm , 2022
Những cách làm center khối thường dùng nhất

Hôm nay mình sẽ giới thiệu cho các bạn những cách căn giữa khối thường dùng nhất hiện nay, tùy trường hợp các bạn tham khảo áp dụng nhé. Mình có đoạn html nhỏ mô tả vấn đề để căn giữa 1 phần tử khối bên trong như sau Bây giờ để cho khối có […]

  • admin
  • 3 Tháng Năm , 2022
Hướng dẫn tùy biến scrollbar trong css

Trong bài viết này mình sẽ hướng dẫn cho mọi người cách tùy biến scrollbar nhé. À nó chỉ có chạy ngon trên chrome, safari kể cả edge và coccoc luôn còn firefox thì không hỗ trợ nha. Đầu tiên là thẻ chúng ta muốn dùng để áp dụng, như hình dưới mình set cho […]