🌞

# javascript

Dynamic component trong Vue
Tìm hiểu khái niệm Dynamic component của Vue
API đa ngôn ngữ của Javascript
Cùng tìm hiểu những API rất hữu ích trong JS giúp xử lý đa ngôn ngữ
Những bí ẩn trong việc re-render trong React
Bạn có bao giờ bị bối rối như mình trong khi phát hiện component bị re-render, dù đã useMemo, useCallback, memo đủ kiểu. Hãy cùng tìm lời giải cho những ẩn số này.
Re-render trong React
Những pattern quan trọng giúp tránh re-render và những anti-pattern dẫn đến re-render không cần thiết
React Transition
Một tính năng mới trong React 18, cho phép chúng ta đánh giấu một thay đổi là transition
typeof của React element để làm gì?
Bài viết dành cho những bạn tò mò thích khám phá những gì diễn ra trong thế giới ngầm
Intersection Observer API
Làm sao để chạy một hàm khi element bắt đầu xuất hiện trên màn hình?
Làm tính năng Theme trong React?
Sẽ có nhiều tiếp cận để làm theme cho trang web, mổ xẻ 2 cách phổ biến hiện nay trong React, chọn cách nào cho nó đơn giản nhưng mang lại hiệu quả cao
Ghi chú về JWT
JWT đã không còn mới lạ ở năm 2020, tóm tắt một những vấn đề chính cần quan tâm khi làm việc với JWT
Factory Function vs. Class
Khi ES6 giới thiệu class chúng ta nghĩ nó đã giải quyết tất cả những vấn đề của hàm constructor trong JS, thật sự nó đã thay thế được factory function hay chưa, cùng tìm hiểu.
Mock API bằng Mirage JS
Hướng dẫn bạn giả lập API khi chưa các bạn BE đang bận làm việc lớn
Composition là cái chi chi
Nhớ về 5 anh em siêu nhân kết hợp thành một con robot mãnh thú
Định dạng số trong JavaScript
Cùng nghiên cứu xem Javascript hổ trợ sẵn những hàm nào để định dạng kiểu số trước khi nghĩ đến một thư viện thứ 3
DRY không hiệu quả, hãy dùng WET
Khi bạn học lập trình bạn sẽ được nghe tới khái niệm DRY (Don't Repeat Yourself), bạn rất có thể đã vận dụng sai ý nghĩa của nó.
Giới thiệu functional programming trong JavaScript
Functional programming là một topic rất chi quen thuộc trong cộng đồng JS, các bạn có biết tại sao mọi người lại hype với nó? Tại sao mọi người lại quay lưng với Object oriented
Mixin của JS
Thêm kiểm tra type trong Javascript với VS Code
Bạn thấy rằng JavaScript đã đủ xài trong dự án, bạn không ưa thằng TypeScript và bạn đang sử dụng VS Code. Bài viết này là dành cho bạn rồi.
Yaml cho web developer
Dạo gần đây, nếu bạn là Front End developer chắc sẽ gặp nhiều đến file có đuôi .yml ( ví dụ như .gitlab-ci.yml). Nếu bạn chưa biết kiểu file này, thì bài này mình sẽ giới thiệu túm lược để bạn làm quen.
5 câu hỏi javascript và cách đánh bại chúng
Mỗi công ty mỗi kiểu phỏng vấn, điều hay bị phàn nàn trong các buổi phỏng vấn là phần lớn nó không liên quan tới những công việc hằng ngày mà vị trí đó đòi hỏi.
Vue 3 có gì mới?
Điểm mặt một số tính năng mới trong Vue 3
7 lý do bạn không nên sử dụng TypeScript
TypeScript có phải là con ác chủ bài, ngôn ngữ của tương lai, viết TypeScript thì mọi thứ sẽ không thể nào còn lỗi, những lý do khiến bạn phải suy nghĩ lại những nhận định trên
5 kinh nghiệm khi viết arrow function
Sử dụng arrow function đã quá phổ biến, ai cũng biết nó là gì, không cần một bài giới thiệu vài dòng nữa, bài viết này chia sẻ 5 kinh nghiệm để bạn làm việc với arrow function thêm mượt mà
Thiết đặt ESLint khi sử dụng với Javascript, Typescript, React
Chúng ta bắt đầu với Javascript trước, sau đó sẽ là TypeScript, và React. Mục tiêu là làm đúng, tránh trường hợp cài package không cần thiết hoặc copy/paste các config tới khi nó chạy được thì thôi.
Clean Code
Giải bài toán cộng 2 số bằng javascript
Một đề bài cũng không mới, thông qua đó chúng ta sẽ biết thêm tí về cách sử dụng object sao cho hiệu quả
Tại sao lại viết Super(props)
Bài cũ, dịch cũng lâu rồi, giờ mới đăng lên trang cá nhân của mình
Thuật toán QuickSort
Một thuật toán rất phổ biến mà chúng ta phải nắm thật chắc và hình dung được cách hiện thực nó ngay khi được nhắc tới.
Độ phức tạp của thuật toán
Một cách chuẩn hóa trong ngành lập trình để đánh giá độ phức tạp của giải thuật
Bạn không cần jQuery
Không cần jQuery, bạn thể thể dùng javascript thuần để thực hiện những thao tác trước đây bạn nghĩ phải có jQuery cơ
Tổng quát về viết unit test cho FE
Cái nhìn tổng quát để bạn có thể bắt đầu làm quen với test, những khái niệm, vấn đề gặp thường xuyên khi viết test
Đặt tên sao cho đẹp trong javascript
Kim chỉ nam khi đặt tên trong javascript, nếu thật sự ban quan tâm những gì mình đang viết
9 VSCode extension hay ho
Tổng hợp những VScode sẽ giúp anh em lập trình chúng ta làm việc hiệu quả hơn
IIFE trong javascript là cái gì vại
Giới thiệu về Íp-Phi trong javascript, tuy không còn dùng nhiều nữa, nhưng vẫn là một kiến thức tốt cần biết
Làm quen khái niệm CORS của Web
Bài này khá căn bản và cần thiết cho bạn nào chưa biết gì về CORS, nghe ai đó nói về từ khóa ghê gớm này mà ko biết nó là gì, không để cập đến vấn đề setup làm sao để chạy CORS trên server - vì mình ko biết code phía server đâu
Làm quen với kiến trúc Serverless
Mình không phải chuyên gia trong lĩnh vực này, nghiên cứu để biết thêm, thấy cũng hay, chia sẽ cho mọi người cùng đọc
Tùy biến code theo tốc độ mạng
Responsive với CSS chúng ta tùy biến code bằng @media, vậy với JS, ta thêm các điều kiện theo tốc độ mạng bằng cách nào?
Hướng dẫn tạo một package, publish nó lên npm
Nếu bạn có một package nào đó muốn chia sẽ cùng mọi người trên npm, thì đây là cách bạn publish package make-by-me như vậy lên npm
Sử dụng try...catch đúng cách
Nhìn lại một cách cặn kẽ hơn cách chúng ta xử lý trường hợp lỗi trong javascript
Tìm hiểu về Time Zone
Cùng luận bàn những vấn đề liên quan đến time zone
Các phương thức trên array cần nhớ
Khi cần loop qua một array, tìm phần tử, sắp xếp, hoặc làm gì đó trên array, khả năng rất cao là trong array đã có một phương thức sẵn để bạn xài, không cần dùng tới vòng lặp for. Chúng ta sẽ cùng điểm qua những phương thức như vậy trong bài viết này.
Không cho phép import với ESlint
Với ESlint chúng ta có thể cấm import những thư viện lớn, tránh để bà con trong team import tá lả.
Convert giá trị String qua Number trong Javascript
Javascript rất lạ kỳ, convert giá trị String qua number cũng lắm nẻo dăm ba đường,nào NaN, nào radix. Bài này chúng ta cùng tìm hiểu parseFloat(), Number(), Number.isNaN(), isNaN()
15 ví dụ sử dụng map, reduce và filter
Nếu đang muốn tìm những ví dụ thực tế sử dụng map và reduce, quá chán với ví dụ cộng số, bài viết này chính là dành cho bạn.
Tổng kết một năm của thế giới FrontEnd
Thế giới lập trình Frontend nhiều biến chuyển, nhanh chóng mặt, chúng ta cùng điểm lại những tin tức, sự kiện, xu hướng nổi bật nhất trong năm 2018 vừa qua
Tạo Array trong Javascript
Cùng xem qua các cách để tạo một array mới
Xử lý lỗi nếu có xảy ra trong javascript
Lỗi nếu có xảy ra, phải được xử lý hết tránh để chết nguyên ứng dụng. Điểm lại một vài cách xử lý lỗi trong javascript
Câu điều kiện trong javascript
Nắm vững conditional expression trong javascript để viết code sạch sẽ hơn
Copy object trong javascript
Luận bàn các cách mà chúng ta copy một object trong javascript, shallow copy và deep copy
Tìm hiểu Execution context trong Javascript
Theo quan điểm của mình, khái niệm căn bản và quan trọng bật nhất của javascript là hiểu được Execution Context,
Hướng dẫn dùng npm link
Cách dùng npm link để trỏ dependency đến thư mục local
Giới thiệu về Reactive Programing trong javascript
Reactive programing là khái niệm khá trừu tượng và khó tiếp cận với người mới bắt đầu, chuẩn bị tinh thần đọc bài này vài lần trong vài ngày thì mới mong thẩm thấu hết
Javascript prototype chuyên sâu
Bài này chỉ phù hợp với các bạn đã có kiến thức trung bình khá javascript trở lên, mình không chỉ đơn giản giải thích cách xài mà còn sâu hơn, bạn sẽ nắm rất rất rõ prototype trong javascript thực chất là gì
Em có muốn hỏi câu gì không?
Một câu bạn sẽ được hỏi trong lúc phỏng vấn, một cơ hội để bạn tìm hiểu về công ty, vậy nên hỏi những câu nào?
Hướng dẫn lazy load component trong React
Sự là hôm rồi đi phỏng vấn, được hỏi câu này mà mình đó giờ chưa làm nên không biết, nay có thời gian rảnh rỗi tìm hiểu, chia sẻ lại cho các bạn chưa biết.
Chỉ dẫn để thiết kế React Component
Tốt hơn, tốt nữa, tốt mãi, luôn là điều mình muốn, ngoài chuyện viết cho nó chạy đúng, viết thế nào tốt nhất nên là mục tiêu khi làm việc
Giải thích Workflow theo kiểu Gitflow
Gitflow là một dạng quy trình làm việc với Git, được giới thiệu bởi Vincent Driessen và sử dụng rất phổ biến trong các công ty phần mềm, đặt ra những quy ước trong việc tổ chức các branch trên Git
Làm toast notification system trong React/Redux
Có lẽ ko có ứng dụng web nào lại ko cần thông báo đến user kết quả của một thao tác nào đó, xây một notification system để sử dụng là hết sức cần thiết
Con đường để trở thành React developer ( phiên bản 2018)
Hướng dẫn, soi sáng cho các bạn muốn trở thành FrontEnd Developer. Nếu đã chọn FrontEnd làm nghiệp, React làm món ăn mỗi sáng, mà chưa biết cần học cái gì, hy vọng bài viết này sẽ có ích cho các bạn còn đang ko biết học cái gì
Những tính năng cở bản của Firebase
Năm 2016 google giới thiệu Firebase. Khi bắt đầu phát triển ứng dụng điện thoại, bạn sẽ cần đến server và một developer để làm việc với server
Tạo một animation cho component trong React
Sử dụng React, styled-components, react-flip-toolkit để tạo animation giống như mên trên trang chủ của Stripe
Giới thiệu RxJS và Redux Observer
Một middleware mạnh hơn redux-thunk, ít phức tạp hơn redux-saga. Chúng ta sẽ điểm qua những khái niệm chính để bắt đầu với middleware này
Giải thích Javascript Reactivity
Rất nhiều thư viện Javascript như Angular, React, Vue sử dụng Reactivity, hiểu được reactivity là gì và cách nó chạy sẽ giúp nâng cao kỹ năng lập trình
Làm việc với console trong javascript
Một web developer chân chính là người biết sử dụng console.log :D. Tuy nhiên cũng nên biết rằng console nó còn rất nhiều phương thức khác nữa
Tiếp tục luận bàn về cách tổ chức thư mục, đặt tên component trong React
Hổm đã viết về vấn đề này rồi, giờ lại viết tiếp, vì bản thân React cũng không ra bất cứ rule nào về việc này, bạn tự do tổ chức sao mà mình thấy hợp lý, bài trước là của tác giả đó thấy vậy là hay, bài này thì tác giả thích tổ chức thế này
Làm việc với CSS Modules trong React
Sau rất nhiều năm kiếm cơm với CSS, và hiện tại vẫn thế, CSS vẫn luôn là niềm hứng thú của cá nhân mình. Ngày nảy ngày nay để làm việc với Component của React, chúng ta sẽ có nhiều lựa chọn hơn khi 'CSS trong JS' đang là lựa chọn hàng đầu. Trong thời đại của component phủ sóng khắp các mặt trận, CSS Modules hứa hiện là món ngon
Giới thiệu React Portal
Tìm hiểu về Portals, bản hỗ trợ chính thức của react-dom
Cải thiện performance của React App
Trong bài này, chúng ta cùng đi qua các bước để fix những issue liên quan đến performance thường thấy.
Google Maps và React
Hướng Sử dụng google maps api trong React
Giới thiệu Expo, nhập môn React Native
Để bắt đầu với React Native, cách nhanh nhất không cần cài Android Studio, Xcode có ngay môi trường để chạy test React Native thì Expo chính là cái bạn cần
Query String với React Router
Cách sử dụng query string với React Router siêu căn bản
React Authentication với Amazon Cognito - Phần 2
Implement authentication 2 factor sử dụng React, React Router, Amazone Cognito, phần 2 tiếp tục với Routing và TOTP để có thể làm Google Authenticator.
Sync extensions của VSCode
Khi sử dụng VSCode chắc ai cũng cài thêm một mớ extensions, lỡ ngày nào cài lại máy, hay sử dụng máy công ty, máy tính ở nhà muốn VSCode sync mấy cái extention hay sử dụng
Sử dụng biến Node Environment
Biến environment là một phần cơ bản cần biết khi làm việc với Node
Redux vận hành như thế nào
Actions, reducers, action creators, middleware, pure functions, immutability,... những ngoại ngữ làm rối bất kỳ ai nếu chưa biết redux
Giới thiệu Higher-Order Component trong React
Higher-Order Component (HOC) là kỹ thuật mà các bạn lập trình viên Việt Nam rất thích khi nhắc đến React, riêng mình thì không
Giới thiệu React Router v4 (react router dom)
Trước đây có bài giới thiệu về React Router rồi, nhưng giờ React Router 4 ra, gần như đập đi làm lại chứ ko kế thừa nhiều.
Một số nguồn để luyện công phu
Tổng hợp một số nguồn để đọc và nghiên cứu javascript từ căn bản đến chuyên sâu
Higher-Order function trong javascript
Một trong những đặc thù của Javascript khiến nó rất phù hợp với function programming là cho phép viết function higher-order, kiểu function cho phép nhận một function khác như một argument hoặc trả về một function
Sort trong javascript
Nếu nghĩ đã hiểu rõ hàm Array.sort() trong javascript, hãy nghĩ lại!
7 khái niệm JavaScript cần biết
Một vài khái niệm căn bản trong javascript cần nắm nếu bạn là frontend developer
Giới thiệu React Router
React không phải một framework, nó chỉ là một thư viện javascript, bởi vì vậy nó không thể giải quyết tất cả các yêu cầu một ứng dụng. Việc mà React làm rất tốt là tạo component và cách thức quản lý state của component, nhưng để tạo một Single Page App (sẽ viết tắt là SPA) phức tạp, nó cần những thư viện khác nữa, đầu tiên cần nhắc đến là React Router
Interview React Developer thì hỏi gì?
Một vài câu hỏi để kiểm tra mức độ am hiểu react của một lập trình viên frontend
Nắm vững 5 khái niệm sau, xem như master React
Sạo vậy thôi chứ làm gì mà trở thành master ngay lập tức được, lý lẽ bình thường muốn master bất cứ thứ gì cũng cần mồ hôi và nước mắt. Hiểu được 5 khái niệm được cho là căn cơ nhất này sẽ giúp bạn dễ xa lầy hơn.
Hồi 7: ES6 căn bản - Classes
Hồi 7 trong series ES6 căn bản, Javascript vốn là ngôn ngữ prototype, class không phải là cái gì đó mới mẻ trong javascript
ES6 Căn bản (phần 1) - Những nâng cấp cho Object
Nếu bạn đã đọc bài FrontEnd Developer 2016 nên học gì? Chắc bạn đã rối không biết bắt đầu từ đâu nếu muốn dấn thân vào cuộc chơi nhiều cám dỗ này. Mình nghĩ cái đầu tiên cần học là ES6.
FrontEnd Developer 2016 thì nên học cái gì?
Hey mình có dự án mới về web, không code web lâu quá rồi, không biết bây giờ viết web thì nên làm bằng gì? Mình chỉ là frontend developer, nhưng bạn đã tìm đúng người rồi đó, mình làm web cũng đã lâu, mình có thể chỉ bạn biết cần học gì để tạo web apps
Luu Binh An

VuiLapTrinh

Đời cho ta quá nhiều thứ, ta chưa cho đời được nhiều