• admin
  • 23 Tháng Mười , 2022
Bỏ qua file với .gitignore

Đôi lúc ae không muốn git theo dõi file thay đổi của chúng ta chỉ cần tạo file .gitignore Khi ae làm việc với nodejs thì sinh ra thư mục node_modules khá nặng, không cần thiết phải lên git làm gì vì khá tốn thời gian pull push code và cả tài nguyên lưu trữ […]

  • admin
  • 22 Tháng Mười , 2022
Git pull và giải quyết conflict code

Trường hợp code trên remote repo có những thay đổi và cập nhật, anh em có thể cập nhật những thay đổi này trên local repo của bạn cho giống như trên remote repo bằng câu lệnh vd như git pull orgin name_branch Đôi lúc trong team ai đó sửa code trên remote rồi nhưng […]

  • admin
  • 22 Tháng Mười , 2022
Trick dùng nhiều tài khoản github trên cùng một máy

Hello ae có bài này chắc sẽ ngắn thôi nhưng có thể giúp ae control được nhiều tài khoản github trong cùng một máy dễ dàng hơn qua bài viết này nhé. Đi thoi… Tại thư mục (~/.ssh/) nơi sinh ra id_rsa của các bạn ấy, mình tạo thêm 1 file config (Không có đuôi […]

  • admin
  • 16 Tháng Mười , 2022
Git log là gì?

Câu lệnh git log dùng để xem các commit gần đây của mình như thế nào. Mỗi commit sẽ có mã riêng biệt cho từng commit. Thường nó sẽ dài khiến mình khó đọc thì lệnh git log --oneline hiển thị ngắn gọn dễ đọc hơn. Nó sẽ lấy 7 ký tự đầu tiên và […]

  • admin
  • 16 Tháng Mười , 2022
Git push là gì?

Để đẩy code từ local lên trên remote thì thường dùng lệnh git push origin name_branch Ví dụ mình muốn đẩy code lên nhánh main: git push origin main Đừng trên trước khi push code phải add để thêm file thay đổi vào Staging, và commit nó nữa nhé Có thể ae thấy bạn bè […]

  • admin
  • 13 Tháng Mười , 2022
SSH key trong github

– Khi push thì mình phải đảm bảo đã có 1 repo trên server (github) rồi – Local repo của mình phải kết nối với remote repo đó Để kết nối với remote repo thường sẽ có 2 cách Clone remote repo về local, lúc này dưới local đã có local repo và được kết […]

  • 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-666ad242766e5789884444/]

  • 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-666ad24276823172810321/] 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-666ad24276c17235330050/] [crayon-666ad24276c1c199269385/] [crayon-666ad24276c1e559066878/] [crayon-666ad24276c20930063153/]    

  • 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-666ad24277219785641263/] – 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 […]