Solved

could you give me the hello world program for require.js

Posted on 2012-12-21

1 solution

459 Views

Last Modified: 2012-12-26

could you give me the hello world program for require.js

i want to understand he require.js

Comment

Question by:Manikandan Thiagarajan

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

8 Comments

LVL 17

Expert Comment

by:Kent Dyer

ID: 387151122012-12-21

Ref.. http://www.w3schools.com/jsref/met_doc_write.asp

document.write("Hello World")

HTH,

Kent

LVL 9

Author Comment

by:Manikandan Thiagarajan

ID: 387151352012-12-22

require js concept hello world program

LVL 29

Expert Comment

by:Göran Andersson

ID: 387153682012-12-22

In your page you include the require script, and specify a main script file to load:

<!DOCTYPE html>
<html>
    <head>
        <title>My Sample Project</title>
        <script data-main="main" src="scripts/require.js"></script>
    </head>
    <body>
        <h1>My Sample Project</h1>
    </body>
</html>

Open in new window

In your main.js file you load other scripts, for example a display.js file:

require(["display"], function(util) {
   sayHello('world');
});

Open in new window

The display.js file containing a function used in the main.js file:

function sayHello(name) {
  alert('Hello ' + name);
}

Open in new window

LVL 9

Author Comment

by:Manikandan Thiagarajan

ID: 387179392012-12-23

cold you please give me the main.js file

LVL 9

Author Comment

by:Manikandan Thiagarajan

ID: 387179402012-12-23

i am the new to the require.js

give me the full helloworld program to understand the require.js

and also specify the advantage

LVL 9

Author Comment

by:Manikandan Thiagarajan

ID: 387179442012-12-23

can u zip it and send the file

LVL 15

Expert Comment

by:StealthyDev

ID: 387199022012-12-25

Hey stmani, nothing other than this could help you :)

http://requirejs.org/docs/jquery.html

LVL 29

Accepted Solution

by:Göran Andersson

Göran Andersson earned 500 total points

ID: 387200672012-12-25

The program is already complete.

Save this as index.html:

<!DOCTYPE html>
<html>
    <head>
        <title>My Sample Project</title>
        <script data-main="main" src="scripts/require.js"></script>
    </head>
    <body>
        <h1>My Sample Project</h1>
    </body>
</html>

Open in new window

Save this as main.js:

require(["display"], function(util) {
   sayHello('world');
});

Open in new window

Save this as display.js:

function sayHello(name) {
  alert('Hello ' + name);
}

Open in new window

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Get Started with JavaScript

Article by: Experts Exchange

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …

JavaScript

Comparison of JS Frameworks: Angular.js vs React.js vs Ember.js

Article by: Serhiy

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.

Introduction to jQuery (Part 1)

Video by: Jason

The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

Introduction to jQuery (Part 2)

Video by: Jason

The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…