Download to read offline
![# view <%= form_for Comment.new, :remote => true do |form| %> # controller def create @comment = @post.comments.create(params[:commnet]) end # create.js.erb $('comments.new').before('<%=j render @comment %>'); $('comments.new').val('');](https://image.slidesharecdn.com/js-for-rails-developers-110523061342-phpapp01/75/JS-for-Rails-developers-7-2048.jpg)
![<% content_for :head do %> <%= javascript_include_tag 'my_super_plugin' %> <script type="text/javascript" charset="UTF-8"> $(document).ready(function() { $('form[data-autosubmit=true]').autoSubmit(); }) </script> <% end %> <%= yield :head %>](https://image.slidesharecdn.com/js-for-rails-developers-110523061342-phpapp01/75/JS-for-Rails-developers-18-2048.jpg)
![$(document).ready -> $('form[data-autosubmit=true]').autoSubmit()](https://image.slidesharecdn.com/js-for-rails-developers-110523061342-phpapp01/75/JS-for-Rails-developers-31-2048.jpg)
![$(document).ready -> $('form[data-autosubmit=true]').autoSubmit() js = namespace: test: -> alert 'test' js.namespace.test();](https://image.slidesharecdn.com/js-for-rails-developers-110523061342-phpapp01/75/JS-for-Rails-developers-32-2048.jpg)
![$(document).ready -> $('form[data-autosubmit=true]').autoSubmit() js = namespace: test: -> alert 'test' js.namespace.test(); $('comments.new').before '<%=j render @comment %>' $('comments.new').val ''](https://image.slidesharecdn.com/js-for-rails-developers-110523061342-phpapp01/75/JS-for-Rails-developers-33-2048.jpg)
JS for Rails developers
- 1. JS for Railsdevelopers Timur Vafin
- 2.
- 3.
- 4. Стандарт Google • lowerCamelCase •2 пробела
- 5. Стандарт Google • lowerCamelCase •2 пробела • http://google-styleguide.googlecode.com
- 6.
- 7. # view <%= form_forComment.new, :remote => true do |form| %> # controller def create @comment = @post.comments.create(params[:commnet]) end # create.js.erb $('comments.new').before('<%=j render @comment %>'); $('comments.new').val('');
- 8.
- 9.
- 10. <a href="#" onclick="alert('Helloworld!'); return false;"> Click Here </a>
- 11. <a href="#" onclick="alert('Helloworld!'); return false;"> Click Here </a> <script type="text/javascript"charset="UTF-8"> $(function () { $('#alert').click(function () { alert(this.data('message')); return false; }) }); </script> <a href="#" id="alert" data-message="Hello from UJS">Click Here</a>
- 12.
- 15. <a href="#" id="alert"data-message="Hello from UJS"> Click Here </a>
- 16. <a href="#" id="alert"data-message="Hello from UJS"> Click Here </a> <a href="/posts/8" data-confirm="Are you sure?" data-method="delete"> Destroy </a>
- 17. <a href="#" id="alert"data-message="Hello from UJS"> Click Here </a> <a href="/posts/8" data-confirm="Are you sure?" data-method="delete"> Destroy </a> <form action="/products" data-remote="true" method="get">
- 18. <% content_for :headdo %> <%= javascript_include_tag 'my_super_plugin' %> <script type="text/javascript" charset="UTF-8"> $(document).ready(function() { $('form[data-autosubmit=true]').autoSubmit(); }) </script> <% end %> <%= yield :head %>
- 20. <%= div_for(@person, :class=> "foo") %> <div id="person_123" class="person foo">
- 21. <%= div_for(@person, :class=> "foo") %> <div id="person_123" class="person foo"> <%= content_tag_for(:li, @person) do %> <li id="person_123" class="person">
- 22. <%= div_for(@person, :class=> "foo") %> <div id="person_123" class="person foo"> <%= content_tag_for(:li, @person) do %> <li id="person_123" class="person"> dom_id(Post.find(45)) # => "post_45" dom_id(Post.new) # => "new_post" dom_id(Post.find(45), :edit) # => "edit_post_45" dom_class(post) # => "post" dom_class(Person) # => "person"
- 23.
- 24. var js ={ namespace1: { function1: function() { alert('Call me!'); } } }
- 25.
- 26. JQuery UI Plugin •опции по умолчанию
- 27. JQuery UI Plugin •опции по умолчанию • приватные и публичные методы
- 28. JQuery UI Plugin •опции по умолчанию • приватные и публичные методы • конструктор и деструктор
- 31. $(document).ready -> $('form[data-autosubmit=true]').autoSubmit()
- 32. $(document).ready -> $('form[data-autosubmit=true]').autoSubmit() js = namespace: test: -> alert 'test' js.namespace.test();
- 33. $(document).ready -> $('form[data-autosubmit=true]').autoSubmit() js = namespace: test: -> alert 'test' js.namespace.test(); $('comments.new').before '<%=j render @comment %>' $('comments.new').val ''
- 35. //= require jquery //=require my_super_plugin # my_super_plugin //= require validation //= require defaults
- 36.