Enviar pesquisa
Carregar
JavaScript on Rails 튜토리얼
•
Transferir como PPT, PDF
•
1 gostou
•
870 visualizações
Sukjoon Kim
Seguir
2007.12 제5회 루비세미나 발표자료
Leia menos
Leia mais
Tecnologia
Vista de apresentação de diapositivos
Denunciar
Compartilhar
Vista de apresentação de diapositivos
Denunciar
Compartilhar
1 de 14
Baixar agora
Recomendados
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
Recomendados
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
Mais conteúdo relacionado
Mais procurados
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
Mais procurados
(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
Destaque
루비온레일즈_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
Destaque
(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 실무 이야기
Semelhante a 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
Semelhante a 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
Mais de 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
Mais de Sukjoon Kim
(6)
워드프레스 웹사이트 제작 가이드
워드프레스 웹사이트 제작 가이드
Ruby on Rails와 함께 하는 애자일 웹 개발
Ruby on Rails와 함께 하는 애자일 웹 개발
Merb tutorial
Merb tutorial
루비가 얼랭에 빠진 날
루비가 얼랭에 빠진 날
Realtime Web 간보기
Realtime Web 간보기
페이스북 소셜 앱 개발 가이드 2011
페이스북 소셜 앱 개발 가이드 2011
Último
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
apidays
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
apidays
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Juan lago vázquez
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Deepika Singh
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Jeffrey Haguewood
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
The Digital Insurer
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
apidays
Architecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
MadyBayot
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
Rustici Software
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Zilliz
Último
(20)
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Architecting Cloud Native Applications
Architecting Cloud Native Applications
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
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
Baixar agora