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.

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

What is in the package json file
Front-end xoay quanh

Trong file package.json thì có những gì?

Khi làm việc với các Web app phần FE, chắc các bạn cũng có nhiều câu hỏi, tại sao lại có file này được gen ra, file kia được gen ra. Và trong đó có 1 file rất quan trọng đó là package.json mà chắc chắn các bạn phải hiểu để làm việc được tốt hơn.