Submit Search
Upload
JavaScript on Rails 튜토리얼
•
Download as PPT, PDF
•
1 like
•
870 views
Sukjoon Kim
Follow
2007.12 제5회 루비세미나 발표자료
Read less
Read more
Technology
Report
Share
Report
Share
1 of 14
Download now
Recommended
Djangocon 2014 angular + django
Djangocon 2014 angular + django
Nina Zakharenko
Dependency Management with RequireJS
Dependency Management with RequireJS
Aaronius
Javascript first-class citizenery
Javascript first-class citizenery
toddbr
Ch. 8 script free pages
Ch. 8 script free pages
Manolis Vavalis
Managing JavaScript Dependencies With RequireJS
Managing JavaScript Dependencies With RequireJS
Den Odell
Ch. 9 jsp standard tag library
Ch. 9 jsp standard tag library
Manolis Vavalis
Introduction to AJAX In WordPress
Introduction to AJAX In WordPress
Caldera Labs
Introduction to AngularJS For WordPress Developers
Introduction to AngularJS For WordPress Developers
Caldera Labs
Recommended
Djangocon 2014 angular + django
Djangocon 2014 angular + django
Nina Zakharenko
Dependency Management with RequireJS
Dependency Management with RequireJS
Aaronius
Javascript first-class citizenery
Javascript first-class citizenery
toddbr
Ch. 8 script free pages
Ch. 8 script free pages
Manolis Vavalis
Managing JavaScript Dependencies With RequireJS
Managing JavaScript Dependencies With RequireJS
Den Odell
Ch. 9 jsp standard tag library
Ch. 9 jsp standard tag library
Manolis Vavalis
Introduction to AJAX In WordPress
Introduction to AJAX In WordPress
Caldera Labs
Introduction to AngularJS For WordPress Developers
Introduction to AngularJS For WordPress Developers
Caldera Labs
Why angular js Framework
Why angular js Framework
Sakthi Bro
Requirejs
Requirejs
sioked
Symfony2 and AngularJS
Symfony2 and AngularJS
Antonio Peric-Mazar
RSpec 2 Best practices
RSpec 2 Best practices
Andrea Reginato
Automated testing with RSpec
Automated testing with RSpec
Nascenia IT
Ionic으로 모바일앱 만들기 #4
Ionic으로 모바일앱 만들기 #4
성일 한
Workshop 12: AngularJS Parte I
Workshop 12: AngularJS Parte I
Visual Engineering
jQuery Performance Tips and Tricks (2011)
jQuery Performance Tips and Tricks (2011)
Addy Osmani
Developing large scale JavaScript applications
Developing large scale JavaScript applications
Milan Korsos
22 j query1
22 j query1
Fajar Baskoro
How to learn to build your own PHP framework
How to learn to build your own PHP framework
Dinh Pham
Single Page Web Apps As WordPress Admin Interfaces Using AngularJS & The Word...
Single Page Web Apps As WordPress Admin Interfaces Using AngularJS & The Word...
Caldera Labs
SproutCore and the Future of Web Apps
SproutCore and the Future of Web Apps
Mike Subelsky
Workshop Intro: FrontEnd General Overview
Workshop Intro: FrontEnd General Overview
Visual Engineering
AngularJS Architecture
AngularJS Architecture
Eyal Vardi
JavaScript Basics with baby steps
JavaScript Basics with baby steps
Muhammad khurram khan
Being a jsp
Being a jsp
Manolis Vavalis
Backbone.js
Backbone.js
Omnia Helmi
Js unit testing
Js unit testing
Mihail Irintchev
Обзор автоматизации тестирования на JavaScript
Обзор автоматизации тестирования на JavaScript
COMAQA.BY
루비온레일즈_01_간단한 정적인 홈페이지 제작
루비온레일즈_01_간단한 정적인 홈페이지 제작
SangHun Lee
루비, REST, jQuery 그리고 agile 웹에 관한 이야기
루비, REST, jQuery 그리고 agile 웹에 관한 이야기
Sukjoon Kim
More Related Content
What's hot
Why angular js Framework
Why angular js Framework
Sakthi Bro
Requirejs
Requirejs
sioked
Symfony2 and AngularJS
Symfony2 and AngularJS
Antonio Peric-Mazar
RSpec 2 Best practices
RSpec 2 Best practices
Andrea Reginato
Automated testing with RSpec
Automated testing with RSpec
Nascenia IT
Ionic으로 모바일앱 만들기 #4
Ionic으로 모바일앱 만들기 #4
성일 한
Workshop 12: AngularJS Parte I
Workshop 12: AngularJS Parte I
Visual Engineering
jQuery Performance Tips and Tricks (2011)
jQuery Performance Tips and Tricks (2011)
Addy Osmani
Developing large scale JavaScript applications
Developing large scale JavaScript applications
Milan Korsos
22 j query1
22 j query1
Fajar Baskoro
How to learn to build your own PHP framework
How to learn to build your own PHP framework
Dinh Pham
Single Page Web Apps As WordPress Admin Interfaces Using AngularJS & The Word...
Single Page Web Apps As WordPress Admin Interfaces Using AngularJS & The Word...
Caldera Labs
SproutCore and the Future of Web Apps
SproutCore and the Future of Web Apps
Mike Subelsky
Workshop Intro: FrontEnd General Overview
Workshop Intro: FrontEnd General Overview
Visual Engineering
AngularJS Architecture
AngularJS Architecture
Eyal Vardi
JavaScript Basics with baby steps
JavaScript Basics with baby steps
Muhammad khurram khan
Being a jsp
Being a jsp
Manolis Vavalis
Backbone.js
Backbone.js
Omnia Helmi
Js unit testing
Js unit testing
Mihail Irintchev
Обзор автоматизации тестирования на JavaScript
Обзор автоматизации тестирования на JavaScript
COMAQA.BY
What's hot
(20)
Why angular js Framework
Why angular js Framework
Requirejs
Requirejs
Symfony2 and AngularJS
Symfony2 and AngularJS
RSpec 2 Best practices
RSpec 2 Best practices
Automated testing with RSpec
Automated testing with RSpec
Ionic으로 모바일앱 만들기 #4
Ionic으로 모바일앱 만들기 #4
Workshop 12: AngularJS Parte I
Workshop 12: AngularJS Parte I
jQuery Performance Tips and Tricks (2011)
jQuery Performance Tips and Tricks (2011)
Developing large scale JavaScript applications
Developing large scale JavaScript applications
22 j query1
22 j query1
How to learn to build your own PHP framework
How to learn to build your own PHP framework
Single Page Web Apps As WordPress Admin Interfaces Using AngularJS & The Word...
Single Page Web Apps As WordPress Admin Interfaces Using AngularJS & The Word...
SproutCore and the Future of Web Apps
SproutCore and the Future of Web Apps
Workshop Intro: FrontEnd General Overview
Workshop Intro: FrontEnd General Overview
AngularJS Architecture
AngularJS Architecture
JavaScript Basics with baby steps
JavaScript Basics with baby steps
Being a jsp
Being a jsp
Backbone.js
Backbone.js
Js unit testing
Js unit testing
Обзор автоматизации тестирования на JavaScript
Обзор автоматизации тестирования на JavaScript
Viewers also liked
루비온레일즈_01_간단한 정적인 홈페이지 제작
루비온레일즈_01_간단한 정적인 홈페이지 제작
SangHun Lee
루비, REST, jQuery 그리고 agile 웹에 관한 이야기
루비, REST, jQuery 그리고 agile 웹에 관한 이야기
Sukjoon Kim
레일스를 이용한 애자일 웹 개발 가이드
레일스를 이용한 애자일 웹 개발 가이드
Sukjoon Kim
Front-end Development with Ruby on Rails
Front-end Development with Ruby on Rails
추근 문
오픈소스 개발참여한 이야기 (NIPA 오픈프론티어 3기 송태웅)
오픈소스 개발참여한 이야기 (NIPA 오픈프론티어 3기 송태웅)
Taeung Song
문돌이가 가르치는 웹 프론트엔드 1차시
문돌이가 가르치는 웹 프론트엔드 1차시
동현 조
패스트캠퍼스 프론트엔드 강의 오리엔테이션
패스트캠퍼스 프론트엔드 강의 오리엔테이션
Taegon Kim
프로그래머가 되고 싶으세요
프로그래머가 되고 싶으세요
Chris Ohk
이제 막 웹개발자 되고싶은 분들께
이제 막 웹개발자 되고싶은 분들께
지수 윤
[0119 박민근] 기술 면접시 자주 나오는 문제들(ver 2013)
[0119 박민근] 기술 면접시 자주 나오는 문제들(ver 2013)
MinGeun Park
초보 개발자를 위한 웹 프론트엔드 개발 101
초보 개발자를 위한 웹 프론트엔드 개발 101
Chang W. Doh
초급 개발자 탈출
초급 개발자 탈출
JeongHun Byeon
게임 프로그래밍 기초 공부법
게임 프로그래밍 기초 공부법
Chris Ohk
2.네이버 프론트엔드 김지태
2.네이버 프론트엔드 김지태
NAVER D2
손코딩뇌컴파일눈디버깅을 소개합니다.
손코딩뇌컴파일눈디버깅을 소개합니다.
Kwangsung Ha
EMOCON 2015 - Sketch3로 기획서 관리하기
EMOCON 2015 - Sketch3로 기획서 관리하기
이상한모임
소프트웨어 개발자 로드맵
소프트웨어 개발자 로드맵
중선 곽
웹 Front-End 실무 이야기
웹 Front-End 실무 이야기
JinKwon Lee
Viewers also liked
(18)
루비온레일즈_01_간단한 정적인 홈페이지 제작
루비온레일즈_01_간단한 정적인 홈페이지 제작
루비, REST, jQuery 그리고 agile 웹에 관한 이야기
루비, REST, jQuery 그리고 agile 웹에 관한 이야기
레일스를 이용한 애자일 웹 개발 가이드
레일스를 이용한 애자일 웹 개발 가이드
Front-end Development with Ruby on Rails
Front-end Development with Ruby on Rails
오픈소스 개발참여한 이야기 (NIPA 오픈프론티어 3기 송태웅)
오픈소스 개발참여한 이야기 (NIPA 오픈프론티어 3기 송태웅)
문돌이가 가르치는 웹 프론트엔드 1차시
문돌이가 가르치는 웹 프론트엔드 1차시
패스트캠퍼스 프론트엔드 강의 오리엔테이션
패스트캠퍼스 프론트엔드 강의 오리엔테이션
프로그래머가 되고 싶으세요
프로그래머가 되고 싶으세요
이제 막 웹개발자 되고싶은 분들께
이제 막 웹개발자 되고싶은 분들께
[0119 박민근] 기술 면접시 자주 나오는 문제들(ver 2013)
[0119 박민근] 기술 면접시 자주 나오는 문제들(ver 2013)
초보 개발자를 위한 웹 프론트엔드 개발 101
초보 개발자를 위한 웹 프론트엔드 개발 101
초급 개발자 탈출
초급 개발자 탈출
게임 프로그래밍 기초 공부법
게임 프로그래밍 기초 공부법
2.네이버 프론트엔드 김지태
2.네이버 프론트엔드 김지태
손코딩뇌컴파일눈디버깅을 소개합니다.
손코딩뇌컴파일눈디버깅을 소개합니다.
EMOCON 2015 - Sketch3로 기획서 관리하기
EMOCON 2015 - Sketch3로 기획서 관리하기
소프트웨어 개발자 로드맵
소프트웨어 개발자 로드맵
웹 Front-End 실무 이야기
웹 Front-End 실무 이야기
Similar to JavaScript on Rails 튜토리얼
Merb jQuery
Merb jQuery
Yehuda Katz
Building Web Interface On Rails
Building Web Interface On Rails
Wen-Tien Chang
And the Greatest of These Is ... Rack Support
And the Greatest of These Is ... Rack Support
Ben Scofield
Introduction to Prototype JS Framework
Introduction to Prototype JS Framework
Mohd Imran
Framework
Framework
Nguyen Linh
JQuery Flot
JQuery Flot
Arshavski Alexander
Frontin like-a-backer
Frontin like-a-backer
Frank de Jonge
Rails is not just Ruby
Rails is not just Ruby
Marco Otte-Witte
JS-05-Handlebars.ppt
JS-05-Handlebars.ppt
fakeaccount225095
Intro to jquery
Intro to jquery
Dan Pickett
PHP and Rich Internet Applications
PHP and Rich Internet Applications
elliando dias
Adventurous Merb
Adventurous Merb
Matt Todd
Html and i_phone_mobile-2
Html and i_phone_mobile-2
tonvanbart
Building Large jQuery Applications
Building Large jQuery Applications
Rebecca Murphey
WordPress and Ajax
WordPress and Ajax
Ronald Huereca
Rugalytics | Ruby Manor Nov 2008
Rugalytics | Ruby Manor Nov 2008
Rob
Javascript: Ajax & DOM Manipulation v1.2
Javascript: Ajax & DOM Manipulation v1.2
borkweb
Cheap frontend tricks
Cheap frontend tricks
ambiescent
Rails <form> Chronicle
Rails <form> Chronicle
Kyosuke MOROHASHI
Avinash Kundaliya: Javascript and WordPress
Avinash Kundaliya: Javascript and WordPress
wpnepal
Similar to JavaScript on Rails 튜토리얼
(20)
Merb jQuery
Merb jQuery
Building Web Interface On Rails
Building Web Interface On Rails
And the Greatest of These Is ... Rack Support
And the Greatest of These Is ... Rack Support
Introduction to Prototype JS Framework
Introduction to Prototype JS Framework
Framework
Framework
JQuery Flot
JQuery Flot
Frontin like-a-backer
Frontin like-a-backer
Rails is not just Ruby
Rails is not just Ruby
JS-05-Handlebars.ppt
JS-05-Handlebars.ppt
Intro to jquery
Intro to jquery
PHP and Rich Internet Applications
PHP and Rich Internet Applications
Adventurous Merb
Adventurous Merb
Html and i_phone_mobile-2
Html and i_phone_mobile-2
Building Large jQuery Applications
Building Large jQuery Applications
WordPress and Ajax
WordPress and Ajax
Rugalytics | Ruby Manor Nov 2008
Rugalytics | Ruby Manor Nov 2008
Javascript: Ajax & DOM Manipulation v1.2
Javascript: Ajax & DOM Manipulation v1.2
Cheap frontend tricks
Cheap frontend tricks
Rails <form> Chronicle
Rails <form> Chronicle
Avinash Kundaliya: Javascript and WordPress
Avinash Kundaliya: Javascript and WordPress
More from Sukjoon Kim
워드프레스 웹사이트 제작 가이드
워드프레스 웹사이트 제작 가이드
Sukjoon Kim
Ruby on Rails와 함께 하는 애자일 웹 개발
Ruby on Rails와 함께 하는 애자일 웹 개발
Sukjoon Kim
Merb tutorial
Merb tutorial
Sukjoon Kim
루비가 얼랭에 빠진 날
루비가 얼랭에 빠진 날
Sukjoon Kim
Realtime Web 간보기
Realtime Web 간보기
Sukjoon Kim
페이스북 소셜 앱 개발 가이드 2011
페이스북 소셜 앱 개발 가이드 2011
Sukjoon Kim
More from Sukjoon Kim
(6)
워드프레스 웹사이트 제작 가이드
워드프레스 웹사이트 제작 가이드
Ruby on Rails와 함께 하는 애자일 웹 개발
Ruby on Rails와 함께 하는 애자일 웹 개발
Merb tutorial
Merb tutorial
루비가 얼랭에 빠진 날
루비가 얼랭에 빠진 날
Realtime Web 간보기
Realtime Web 간보기
페이스북 소셜 앱 개발 가이드 2011
페이스북 소셜 앱 개발 가이드 2011
Recently uploaded
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
Mattias Andersson
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
Lars Bell
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Zilliz
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Mark Simos
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
2toLead Limited
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Fwdays
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
Mark Billinghurst
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Lonnie McRorey
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
Slibray Presentation
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
Commit University
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Miki Katsuragi
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
Kalema Edgar
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
hariprasad279825
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
charlottematthew16
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
Pixlogix Infotech
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
LoriGlavin3
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
Scott Keck-Warren
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
DianaGray10
Recently uploaded
(20)
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
JavaScript on Rails 튜토리얼
1.
Java Script
on Rails 제 5 회 루비세미나 발표자료 (2007 년 12 월 1 일 ) 튜토리얼 [email_address] http://thinkr.egloos.com http ://usefulparadigm.com
2.
모든 자바스크립트 마법이
시작되는 한 줄 <%= javascript_include_tag :defaults %>
3.
4.
5.
RJS =
Ruby generated JavaScript try { $("here").visualEffect("highlight"); } catch (e) {alert('RJS error:' + e.toString()); alert('$(amp;quot;hereamp;quot;).visualEffect(amp;quot;highlightamp;quot;);'); throw e } page[‘here’].visual_effect(…) page.select(‘xxx’).doSomething ... class ThingsController < .. def do ... # process rutines end <%= link_to_remote “Hello,”, :url => do_things_path %> <div id=“ here ”>World!</div> Form Rails RJS Hello, World! Hello, World!
6.
Ajax Request Processing
<div id=“ userlist ”>...</div> <% remote_form_for :user, :update => ‘ userlist ’, :position => :bottom, :url => users_path do … render :partial => :user, :locals => … <div id=“ userlist ”>...</div> <% remote_form_for :user, :url => users_path do … page.insert_html :bottom, ‘ userlist ’ , :partial => :user, :locals => … 액션 뷰 뷰 Ajax Request RJS Ajax Request
7.
8.
9.
10.
WHERE do
I put my JS? <%= yield :javascript %> layouts/application.rhtml <% content_for :javascript do %> <%= javascript_include_tag :my_own %> <% end %> controllers/index.rhtml var myObject = function() { ... public/javascripts/my_own.js
11.
Unobtrusiveness? <%=
link_to_remote “ Click Me? ”, user_path(3) %>
12.
13.
14.
DEMO
Download now