7 điều phải biết về Javascript trong Ruby on Rails

Giới thiệu

JavaScript là một trong những ngôn ngữ phổ biến nhất trên thế giới và được sử dụng ở trong rất nhiều các project khác nhau nói chung và các project Ruby on Rails nói riêng. Thật tốt khi thuần thục được cả 2 và sử dụng nó. Tuy nhiên đó là điều mà với các Web Developer có nhiều kinh nghiệm, vậy còn với các Developer mới con kinh nghiệm 1 - 2 năm thì sao? Khó có thể hiểu hết được một "biển" kiến thức về web development và programming. Trong bài viết này mình sẽ giúp các bạn hiểu rõ hơn về các vấn đề cốt lõi cần phải hiểu khi làm việc với JavaScript (Ruby on Rails)

Một số các tài liệu JavaScript với Ruby on Rails cần đọc, và những định nghĩa kèm theo nó

1. Working with JavaScript in Rails

Đối với những người mới bắt đầu thì việc khởi đầu từ guide cơ bản là điều bắt buộc, tại đây bạn có thể hiểu được rất nhiều điều cơ bản như

• Những điều cơ bản về Ajax
• JavaScript functrionality
• How build-in helpers work
• Tubolinks gem
• Các handle Ajax ở server side

Guide này đã có từ rất lâu và được chỉnh sửa thường xuyên, nó được recommend cho các lập trình viên Ruby on Rails khi mới bắt đầu làm quen.

2.Unobtrusive JavaScript

Đây là một bài viết tuyệt vời cho các bạn Junior và Middle Web Developmer. JavaScript hỗ trợ website của bạn thông qua rất nhiều cách, tuy nhiên với nhiều lý do, một số người không muốn sử dụng nó, do đó họ disable JavaScript. Việc ngăn chặn này có thể gây ảnh hưởng đến việc sử dụng, quan sát content. Với unobtrusive JavaScript, toàn bộ content trên site của bạn vẫn có thể truy cập và sử dụng kể cả khi JavaScript đã bị disabled bởi người dùng. Kỹ thuật Unobtrusive JS sẽ hỗ trợ bạn rất nhiều trong việc maintain và mark up. Bạn có thể đọc thêm các bài viết của Andrew Chalkley và Treehouse Team

3.Page Specific JavaScript in Rails

Page specific JavaScript cho phép bạn cô lập code để chạy page mà bạn chỉ định. Ví dụ, bạn có 2 pages, nhưng chỉ muốn chạy thử phần alert box xem có xuất hiện ở 1 page. Thêm một số đoạn code ở page đó và alert box sẽ chỉ show up ở đó. Nếu bạn à một beginner, đây cũng là cách để bạn có thể hiểu được vấn đề mình gặp phải trong khi code, còn với những bị ở trình độ imtermediate, thì việc thêm code là một điều rất đơn giản

4.The Detailed Guide on How Ajax Works With Ruby on Rails

Với bài hướng dẫn đến từ Tealeaf Academy, các beginner web developer có thể học được cách nâng cao trải nghiệm người dùng thông qua sử dụng Ajax. Trong bài viết này hướng dẫn rất cụ thể cho bạn, giúp bạn có thể tự tạo tạo ra application của riêng mình, và giải thích cặn kẽ về các bước chạy của nó.

5. How to Debug Ajax in Rails

Debug là một điều rất quan trọng đối với các developer, tuy nhiên với Ajax hay với JavaScript thì không có một trình editor cụ thể nên đôi khi việc debug đối với các bạn beginner là một điều gì đó khá khó hiểu, chưa kể đến là cách debug Ajax trên Rails. Tom Caflisch là một mentor Ruby on Rails khá nổi tiếng. Với bài hướng dẫn này, Tom hướng dẫn các bạn developer cách debug Ajax trên Rails apps một cách rất đầy đủ và chi tiết.

6. Asset Pipeline

Chắc đây là thuật ngữ được nghe đến rất nhiều trong Ruby on Rails, với những người mới tham gia và mới tìm hiểu về Ruby on Rails thì Assest Pipeline là một thuật ngữ khá khó hiểu và khó để có thể hình dung một cách hoạt động cụ thể của nó. Do đó mình cũng nghĩ rằng đây là một trong những điều cần phải biết và tìm hiểu ngay từ đầu, đặc biệt là trong cách sử dụng JavaScript. Nó ảnh hưởng rất nhiều đến các render code và dễ gây ra lỗi nếu bạn không hiểu rõ về nó. Và với guide official sẽ giúp bạn hiểu phần nào về asset pipeline và các khía cạnh của nó như:

• nó là cái gì ? và nó làm gì?
• Cách để tổ chức application assets
• Cách để có package assets với gem
• Lợi ích của assets pipeline
• Các để thêm một xử lý

7. Rails With No JS Framework

Chắc hẳn bạn đều biết đến các JS Framework nổi tiếng như Angular, React. Tuy nhiên, có những lúc bạn có thể tạo một Rails Apps mà không cần sử dụng bất kì Framework nào. Trong bài viết này sẽ cho ta biết thêm về lợi ích và nhược điểm của các framework và hướng dẫn cách tổ chức code. Christian Blavier sẽ giới thiệu mọi thứ mà bạn cần về cách hoạt động và hướng dẫn bạn thông qua các ví dụ trong từng bước của bài viết.

Tổng kết

Vậy đó, JavaScript là một ngôn ngữ rất linh hoạt, do đó để có thể hiểu hết về nó không phải là dễ dàng trong một sớm một chiều, đặc biệt là sự kết hợp của JavaScript với Ruby on Rails lại là một điều gì đó rất khác và mới mẻ. Trong bài viết này mình đã giới thiệu sơ qua về các keyword cơ bản và ban đầu với các bạn Developer mới hoặc có từ 1 ~ 2 năm kinh nghiệm nên tìm hiểu khi tiếp cận với Rails nói chung và JavaScript trong Ruby on Rails nói riêng.