Arguments parameter of function in js
Javascript

Arguments parameter of function in JS

Khi code mình rất hay để ý các anh, chị đi trước code – những người mà mình nghĩ là có rất nhiều kinh nghiệm và thực sự là mình đã học được rất nhiều từ những anh chị đi trước đó. Trong phần này mình sẽ viết về một phần rất hay trong ES6 đó là Arguments param của function trong JS và mình mong sau khi bạn đọc xong bài này bạn sẽ hiểu hơn về sự hay ho của JS.

IIFE in JS
Javascript

IIFE in JS

Nếu các bạn có cơ hội đọc những code rất cũ hoặc đã từng maintain dự án dùng JS thuần thì chắc có lẽ đã gặp IIFE (Immediately Invoked Function Expression) và đã chắc đã có lần đặt câu hỏi tại sao lại dùng nó, nó được dùng với tác dụng gì??? Trong phần này chúng ta sẽ cùng tìm hiểu IIFE nhé.

Performance in VueJS #4 - Optimizing third-party libraries
VueJS

Performance in VueJS #4 – Optimizing third-party libraries

Như trong các phần trước trong series mình đã trình bày với các bạn một số cách để Optimize code, nó chắc chắn sẽ giúp rất nhiều cho dự án của bạn. Nhưng cái gì cũng có cái giá của nó @@, hãy xem giá phải trả như thế nào rỗi hãy làm nhé. Và trong bài này mình sẽ nói đến những cái giá mà bạn phải trả cũng như giúp bạn xem lên Optimize phần nào dựa trên 1 số tool nhé.

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é.