Pure function in JS
Javascript

Pure function in JS

Hôm nay nhân ngày mát trời, chúng ta sẽ quay lại với JS nhé các bạn (Liên quan vc ^^ ). Thực ra gần đây mình không viết nhiều về JS lên lần này cố tình quay lại với nó nhé. Kì này chúng ta sẽ nói về Pure function, một cách viết function rất hữu hiệu để các bạn base code dự án nhé.

BEM style convention
Front-end xoay quanh

BEM style convention

Khi viết Css có lẽ các bạn đã rất nhiều khi đau đầu làm sao đặt tên class cho hay, cho clear để thằng đằng sao code đỡ chửi mình ^^, hay chỉ đơn giản là bản mình không cảm thấy khó hiểu khi sau này xem lại phần code css đó. Và ở phần này mình xin giới thiệu đến các bạn BEM convention trong style FE nói chung nhé vì nó có thể áp dụng với CSS, SASS, SCSS, … nó sẽ giúp code style nói chung dễ maintain, dễ viết, …. Đỡ đau đầu nghĩ tên, hay tranh luận vì một cái tên class style. @@

Gulp getting started!
Front-end xoay quanh

Gulp getting started!

Như phần trước mình cũng đã giới thiệu với các bạn Babel dùng để chuyển code JS từ version ES6 xuống thấp hơn. Nhưng hôm nay mình sẽ giới thiệu đến các bạn một tool có lẽ còn mạnh mẽ hơn rất nhiều, đa năng hơn rất nhiều Babel, thâm chí chúng ta còn có thể tích hợp cả babel vào tool này nữa đó, 😀 và đó chính là GULP.

Performance in VueJS #2 - Router performance
VueJS

Performance in VueJS #2 – Router performance

Như phần trước mình đã giới thiệu với các bạn Dynamic import và chắc các bạn cũng đã thấy một phần tác dụng của nó. Nhưng đó chỉ là phần lazy load import component thôi, lần này mình sẽ giới thiệu với các bạn các lazy load để import cả module nhé.

40da9236-9c26-11e4-9e2b-6611cd743423
VueJS

Performance in VueJS #1 – Dynamic import – Lazy loading Vue components

Khi app của các bạn là đủ lớn, có nhiều user vào hoặc khi các bạn muốn Optimize để làm tăng Performance để làm cho UX người dùng được tốt hơn. Thì có lẽ có rất nhiều điều các bạn cần làm như là confix cache bên server, nén trên server, … config Front-end, Optimize image, … v.v. Nhưng trong series này mình sẽ giới thiệu với các bạn cách Optimize trong VueJS nhé. Thực ra thì khi mà hiểu với VueJS rồi thì các bạn cũng có thể tự tin làm với React hay Angular 2+ được. ^^

Babel getting started!
Front-end xoay quanh

Babel getting started!

Khi lập trình Web bên phía Front-end chắc chắn chúng ta phải làm việc với Browser như là: Chrome, EI (củ chuối), Firefox, … Và chắc hẳn đã có lần ta phải đau đầu viết lại logic để cho app của chúng ta chạy được trên nhiều Browser nhất là IE (củ chuối) vì nó không hỗ trợ những Feature mới của JS. Và như vậy có một công cụ thần kì đã ra đời để cứu lấy đời Dev. Đó chính là Babel ^^, còn cụ thể như thế nào chúng ta sẽ cùng tìm hiểu thêm ở phần này nhé.