Nov 21, 2009
Pages: 1, 2

Best Way To Learn Javascript - I would very much like to know.

free web hosting

Read Latest Entries..: (Post #11) by FlashNet on Apr 23 2009, 03:03 PM.
The best way to learn js - is start from this:JS and of course ajaxBut, when you will try do some scripts in diferent browsers, you see different behavior of js. So you should take a look at some framwork. My chooise is jQuery for usual programming, and if yo want something for very rich ui - your choise can be Dojo or ExtJs. Tutorials for jquery can be found here .There are great documentation with a lot of examples.Good Luck.PS: imho  ...
read more.
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Open Discussion & Free Web Hosting > Computers & Tech > Programming > Scripting > JavaScript

Best Way To Learn Javascript - I would very much like to know.

Ayla
Well, I know HTML, I know CSS, so the next step is learning Javascript. I have heard that it is sort of an easier way to do things than PHP, though I would very much like to learn PHP as well. So, I thought that if I learnt Javascript, I might find it easier to learn PHP when I get to that point. The problem though is actually finding out the best way to learn Javascript.

I have been to websites and things, but every time I read through the tutorials and articles and things, I didn't learn anything. It when in one ear and out the other, you could say. So, that is why I am psoting this. I would very much love to know what the best (easiest and quickest) way to learn Javascript.

Thank you in advanced. smile.gif

Comment/Reply (w/o sign-up)

clownmm
If you want to learn the basics of it I would suggest "The Book of Javascript" by Thau

Comment/Reply (w/o sign-up)

Quatrux
I personally think that javascript is a lame language, go with php and don't worry to much about javascript. I never learned javascript deeply, just the basics and the structure of it, you can do powerful things with it, but I usually do this: I have a friend who knows javascript, but it is hard for him to learn php, so many people I know who got deep into javascript, it is hard for them to go deep into php. Javascript, the stuff it does, to write it properly is quite hard and if you encounter some problem, sometimes it is really hard to catch it even with js error consoles.

Furthermore, there are plenty of written javascript code out there, of course php too, but most of the php scripts written by others are not really of good quality, people who really wrote good scripts, usually use them for them selfs or they are just lazy to rewrite them for public usage or even document it. As I said, this is just my personal opinion, because I don't know superb knowledge of javascript and never liked it to much, always liked the alternatives.. wink.gif

 

 

 


Comment/Reply (w/o sign-up)

minnieadkins
As my professor always says. "The best way to learn programming, is to do it." Study the Document Object Model, and you'll get a basic understanding of how to access content via javascript. The language itself is very similiar to any other scripting language. Like mentioned before, PHP would probably be a better choice, but if you want Javascript for a reason, it's always good to know. I recommend looking at online tutorials and finding examples. The one thing about javascript is it's hard to debug. Mozilla Firefox has a javascript debugger that works alright, and firefox has the extension, but it's still aggrivating to debug. I definately suggest using firefox because it has the javascript console over internet explorer to develop javascript.

Some places to find a good primer are
http://www.htmlgoodies.com
http://www.w3.org/TR/REC-html40/interact/scripts.html

Just look into the DOM and event handlers. That plays a large role in javascript. As far as advanced Javascript, I have no idea. I would like to know myself. smile.gif

Comment/Reply (w/o sign-up)

techocian
I had always wanted to pursue Javascript and/or PHP and learn more about it. But i find it extremely hard to learn if i don't get to apply it myself. Like when i first started HTML, i had a bunch of questions about how to do this and how to do that and display everything like i see in other sites. When i started CSS, its because i wanted an alternative to iframes and to better organize my source codes well. So basically, I've been using HTML and CSS for every coding I've done. Javascript isn't necessary in making a good-looking site which is why i never really used it and PHP too.

Comment/Reply (w/o sign-up)

mastercomputers
I would not avoid learning Javascript, it can help speed things up, especially if a lot of things can be done clientside rather than using the server.

I'd say, read the EMCA-262 on Javascript, it's not really going to help you learn like a tutorial would but it's more like a reference and guideline, it's also the standards.

I know a lot of web languages, but you shouldn't avoid using javascript, as long as you apply it correctly, it can dramatically help speed things up. The term coined "AJAX" is definitely something to keep an eye on, as more and more web applications are built using it. Learning the DOM API also would be required.

There's some who don't use Javascript, but you'll find that in most situations it's neccessary to run, since web developers don't degrade nicely without it. So do try to learn how you can also get by without using Javascript, since that's important to do too.


Cheers,


MC

Comment/Reply (w/o sign-up)

Thanh
Có ai có địa chỉ để download ebook về JS không? chỉ cho tôi với! Tôi cũng muốn có 1 quyển để học và hiểu để lảm về AJAX

Comment/Reply (w/o sign-up)

jc804
Head First Javascript helped me learn. You can get a paperback version for $20 on Amazon.

w3schools.com is a really helpful website with all kinds of scripting examples to look at and download
I know you said you didn't like online tutorials, but if you take it slow w3's are really quite helpful.

Comment/Reply (w/o sign-up)

java-area
I think the best way to learn Javascript is to create in text editor a simpliest HTML file and save it on your local machine.
For example, you can create something like:

<html>
<script language='javascript'>
function mytest() {
// any javacript code for testing purpose
}
</script>
<body>
<input type='button' value='Do My Test' onClick='mytest()' />
</body>
</html>

Having this you can put into the mytest() function any javascript code whatever you want -
for example, you can take any part of code from the tutorials and execute immediately.
For debugging purposes it is very useful to use the method Alert(). It gives a possibility to visualize any intermediate calculation results etc.
I think the method Alert() can be considered like an altervative of debugging breakpoints, used in Java and C++ IDE.

For example, I want to use some simple math formulas in Javascript and I found in tutorial how to do this.
I am updating mytest() function:

function mytest() {
alert('mytest started');
var arg1 = 2;
var arg1 = 3;
alert('before finding result');
var res = Number(arg1) + Number(arg2);
alert( res );
}

When I open my test page in the browser and click "Do My Test" button, I see alert message "mytest started".
So, I am sure that mytest() function is correctly called by Javascript.
After that I see the message "before finding result". It means, that I still di not have any errors in Javascript.
But I do NOT see the message with the result of calculation. It means, I have some script errors on the line
var res = Number(arg1) + Number(arg2)
What is wrang???
I am looking on my code very attentiavelly and I see:
variable arg2 is not declared, but used on the right side of Javascript statement
because I decraled two times variable arg1!!!

I correct my Javascript code:

function mytest() {
alert('mytest started');
var arg1 = 2;
var arg2 = 3;
alert('before finding result');
var res = Number(arg1) + Number(arg2);
alert( res );
}

After re-opening updated page in the browser, I see all alert messages, including the message with result "5".
It means, my Javascript code is perfect and ready for using anywhere in my future job!
I can add this debugged source code to any other Javascript code (with a very complicated business logic) and I can be sure it will work correctly.

So, step by step (looking at tutorials and realizing immediately), I can create with Javascript any bussiness logic for my project!

Comment/Reply (w/o sign-up)

Moo64c
Umm, the best site there is for basic scripting learning:
www.w3schools.com

It will teach you everything you need, begging at HTML, through JS, XML and others...
Strongly recommended..

Comment/Reply (w/o sign-up)

Latest Entries

FlashNet
The best way to learn js - is start from this:

JS and of course ajax

But, when you will try do some scripts in diferent browsers, you see different behavior of js. So you should take a look at some framwork. My chooise is jQuery for usual programming, and if yo want something for very rich ui - your choise can be Dojo or ExtJs.

Tutorials for jquery can be found here .

There are great documentation with a lot of examples.

Good Luck.

PS: imho  cool.gif


Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Pages: 1, 2
Similar Topics

Keywords : learn, javascript

  1. 12 Javascript Image Galleries
    (0)
  2. Javascript Changes Aren't Working.
    (6)
    The link is where I got it from, the code is my attempt at changing it, which has the identical
    javascript, but it doesn't work. Can anyone fix it for me?
    http://code.google.com/edu/client/samples/dhtmltest.html CODE example body {font: 14px
    arial; color: #000066;} #mytext {position: absolute; top: 100px; left: 400px; font: 24px arial;
    font-weight: 900; } var texttop = 100; var textleft = 400; function vanish(flag) {     var myObj
    = new getObj('myText');     myObj.style.visibility = (flag) ? 'hidden' :
    'visible' } function m....
  3. Javascript Help Needed : Alert(z) Works Fine But Document.write Not
    please (2)
    hi all, I am facing problem in my javascript, any kind of help would be apreciated CODE
    function basicFiles(){ //var Z = "";             for (i = 0; i                 var x =
    document.Form.regionlist.options .value;                 var y = document.Form.regionlist.options
    .text;                 var Z =  "regions" + " " + " = " + y + ", ";                 alert(Z);
                }                   } this works well but the following returns only errors CODE
    function basicFiles(){ //var Z = "";             for (i = 0; i                 var x =
    document.Form.....
  4. Fun With Javascript And Forms
    Lets have some fun with javascript! (2)
    I will post here every week with new and exciting things to do in javascript! After i finish 10 of
    them , ill do Ajax(real-time) - 1.Alerting and documenting Forms Ever seen those dynamic sites
    where if you hove your mouse or type something bad..etc , it popups up or dynamically gets written
    onto the page? Well i am here to teach or rather help with all that stuff! Step 1:Get notepad out
    and make a form CODE Text displays here: Step 2: Add the javascript Bit CODE
    function onKeyDown() { document.GetElementById('r').innerHTML=document.....
  5. Include Function For Javascript
    (7)
    I've been working on an include function for javascript. It works just fine in Firefox and IE,
    but for some reason, it doesn't result in the loading of the scripts for Safari. The code is as
    follows: CODE function include(url) {   // Include Guard   var scripts =
    document.getElementsByTagName("script");   for (var index = 0; index     if (scripts.src == url) {
          return;     }   }      // Inclusion   var head =
    document.getElementsByTagName("head").item(0);   var script =
    head.appendChild(document.createElement("script"));   script.type = "text/javascrip....
  6. Problem With Javascript Alert();
    (9)
    Hi Everyone, i just need to know that this javascript code is formatted correctly: (A piece of
    code that it's written BESIDE an HTML code.) CODE My body contents |||Always keeps
    telling me that this was incorrect. ....
  7. Javascript: How Do I Create Embedded Pop-up Windows?
    (7)
    The post title summarises my query - how do I create pop-up windows that are embedded inside a page?
    Broadly, there are two kinds of JavaScript pop-ups.. one is that ultra annoying one, which pops
    out a new instance of a browser window and displays something there (usually an ad) - made infamous
    by all the warez and porn sites. Second one, which has come to be quite well-known of late is the
    kind you see in recent versions of WordPress (in the Visual Editor) as well as LightBox based
    galleries. Here a small window (or rather a div) pops-up embedded in the middle of t....
  8. Javascript Question
    Vertical Scroll Box (6)
    Alright well I've been working and modifying this template for about a year now I think and
    I've started used JavaScript in it (bad to use templates I know, but I can't design them
    x_x). So I'm trying to put a vertical scroll box in my side events panel to save space, but it
    won't recognize the script. It takes the horizontal one I have as you can see if you look at
    the site, but not the vertical. Actually it won't take anything in that little panel. So my
    question really is, what could cause a javascript code to not work on a certain webpage ....
  9. Add Text To Textarea
    I suppose it uses DOM and JavaScript?? (6)
    I am working on a web "application" thing that allows you to click a button to add text to a
    textarea. Similar to this forum when you click the BOLD button and it puts in {b}{/b} with the
    square brackets. I want a similar function like that. Also, I want it to add wherever the cursor is,
    not at the end. And after adding the thing, the cursor should be in between the tag or whatever that
    was added. All the extra stuff are extra priorities. For now I would like to get something that
    inserts text on click. The thing I came up with is: HTML html > head > text/javasc....
  10. Problems With Dynamically Loading Javascript
    As well as dynamically inserting HTML (2)
    Hello, I have started to try to create a JavaScript application (or rather, AJAX, but the
    JavaScript is the part I'm having trouble with). I have come across a roadblock, though. I try
    to load an external JavaScript file by editing the innerHTML of a div tag to contain <script
    src="URL" type="text/javascript"> (with a real URL). The problem is that it is not loading. I have
    used FireBug to check the dynamic HTML status, I get the following (with code removed): CODE
    <script type="text/javascript"> <script src="source/main_login.js" typ....
  11. I Need Help With Javascript.
    help plz (7)
    Well, I want to learn to code in JavaScript, but when I try to view the page in Firefox, it
    dosen't work. Can anyone tell me why its not working? Do i need to use a different browser?....
  12. JavaScript Off Redirect Script
    How to redirect a browser when Javascrip (2)
    Hi, here's a trick that will redirect a browser when JavaScript is turned off. Why not redirect
    the ones that have JavaScript? It's because less than 10% of browsers have JavaScript turned
    off; therefore, is better to redirect less than 10% of visitors than over 90%. Simply paste this
    code into the HEAD section of your HTML document. CODE /* Created by: Will Bontrager ::
    http://www.willmaster.com/ */ //--> Best regards,....
  13. JavaScript Frames & Querystring
    (4)
    Hi, I actually want to create a HTML page which has the capablity of reading a QueryString
    (x.html?querystring=test) and then using a hidden frame pass on the data to an ASP Script on another
    server. For obtaining the QueryString i use the following:- CODE function
    getQueryVariable(variable) {   var query = window.location.search.substring(1);   var vars =
    query.split("&");   for (var i=0;i     var pair = vars .split("=");     if (pair == variable) {
          return pair ;     }   } }   alert( getQueryVariable("QueryString") ); Now my
    problem is to cre....
  14. Vertical Marquee Using JavaScript
    by The JavaScript Source (1)
    Hi, i find this script and hope that will be useful for somebody. Text scrolls from bottom to top,
    pauses, then scrolls up and out of view. A link can be added, opening in a new window. Configuration
    is simple. First copy the following code in a new file and name it vertical.js CODE /* This
    script and many more are available free online at The JavaScript Source ::
    http://javascript.internet.com Created by: Mike Hudson :: http://www.afrozeus.com */ /* To change
    the values in the setupLinks function below. You will notice there are two arrays for each of Titles
    and L....
  15. Create And Import JavaScript Modules For A Large Script
    (2)
    I have one main script which defines an object. I then have several other script files that define
    functions for that object. I have tried using the following setup to import the functions: HTML
    code snippet: Javascript code snippet: import Object.functionName; This works fine for
    Mozilla Firefox, but causes an error in Internet Explorer which causes the object to be undefined.
    I would like to know how better to import the functions into the main javascript (preferably without
    needing to add the module script to the html file) that works in both Firefox a....
  16. Ever Needs To Find Out A Table Height Or With With JavaScript
    Well stop looking, here is the answer (CSS and JS) (2)
    Welcome everybody to this litle tutorial. by v.DragonEyE.n09 Introduction: Using
    javascript you can find the height and width of a table, cell, div, image, etc.. the more simple way
    is to ask for this... QUOTE id= "myElement" border= "0" cellpadding=
    "0" cellspacing= "0" style= " height : 300px ; width
    : 450px ; " > some
    fake text and images for the example some fak....
  17. JavaScript: Hide And Show Any Element With CSS
    From the simple way to the more advanced way (Javascript & CSS) (9)
    Welcome everyone, this is my first post. The first thing you need to know is... CSS
    has two special attributes, the first one is " display " and the second is " visibility ". The
    difference between these two goes like this. " display ": has many properties or values, but the
    ones we need are "none" and "block". "none" is like a hide value, and "block" is like show. If you
    use the "none" value you will totally hide what ever html tag you have applied this css style. If
    you use "block" you will see the html tag and it's content. very simple. " visibi....
  18. Javascript: Browser Detection Script
    Detect your visitors browser (2)
    If you want to detect your visitors browser, sebd them a message and redirect them use this script:
    CODE var browserName=navigator.appName; if (browserName=="Netscape") { alert("Hi Netscape
    user!") window.location = "netscape.html" } else { if (browserName=="Microsoft Internet
    Explorer") {   alert("Hi Microsoft Internet Exlorer User!");   window.location = "MIE.html" }
      else   {    alert("What are you browsing with?");    window.location = "unkown.html"    } } //-->
    ....
  19. Calling Of Functions Between Mulitple External Javascript Files
    How do I use an external script to call a function from another script (2)
    I have a page that requires many Javascript functions. In order to make the coding easier to read
    and edit, I decided to seperate them into 3 Javascript files. Two files will each do a specific job.
    One file will have the shared functions that both other 2 files will need to use. They are all
    linked to a page using three tags. The difficult part is that after the page calls a function in
    one of the special code files, that Javascript file will need to call the functions located in the
    common Javascript file. The file will call several functions, and it will an argumen....
  20. JavaScript: Simple Dropdown Menu
    Simple Dropdown Menu (5)
    This simple dropdown menu is flexible enough to be used in various ways. It can be placed and
    modified in the webpage as is.....
  21. Javascript: Simple Slidedown Menu
    Simple Slidedown Menu (2)
    This is a simple slidedown from the top menu. It can be placed on the Webpage as is. To modify it
    to a slideout menu, simply change the style and postion of the menu.....
  22. Downloads With Javascript?
    (7)
    Hi! I want to let people download .mp3's. But i don't want them tio have to right-click and
    "Save as". Is there a way with Java Script? Cheers!' Jens....
  23. Dynamicdrive: Good Site For JavaScript Codes
    (5)
    If anyone needs Javascript codes or similar items for their web page a great place to go is
    http://www.dynamicdrive.com . They have hundreds of codes that are good. I would reccomend them for
    all your javascript needs.....
  24. Unobtrusive Javascript Image Rollovers
    really cool & useful.. (0)
    i find this really cool..gr8 piece of code. image rollovers Create image rollovers for your
    navigation without hardcoding any JavaScript into the HTML code on your Web pages. Easy to
    implement, even for beginners, and works across all browsers. Degrades nicely for visitors with
    JavaScript turned off. CODE img {border: none;} ul {list-style-type:none;} ul li
    {display:inline;} function isDefined(property) {   return (typeof property !=
    'undefined'); } var rolloverInitialized = false; function rolloverInit() {   if
    (!rolloverInitialized && isDe....
  25. Javascript: Text To Texbox And Back To Text
    (3)
    i need some help i want to create a thing where when some one double clicks a certain text it
    changes into a texbox where they can edit the text and the they double click and it changes into the
    test they just typed in. I have found this function in javascript that does some of it but i needs
    to be simplified CODE "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Span to
    Text Box - Demo - DOM /* © John Davenport Scheuer */ function exchange(el){ var
    nodeI=el.parentNode, inputC=document.createElement('input'), text=el.innerHTML; el.style.f....
  26. Javascript: Help With Fetching Data From Webpages
    (6)
    Hi guys, Am trying to come up with a Javascript function that can load a given URL and fetch
    part/whole of the web page and hand it over to my parser. Any ideas on how to do it ? One way I
    figured is to use XMLHttpRequest - but you need the server-end to respond by sending the required
    data to you in XML format. What if the page I want to extract data from is just an ordinary static
    page ... say I know the required data is a word that can be found at second paragraph of a page.. So
    how do I go about getting that page and extracting that info. Any help will be much....
  27. Javascript: Disable Mouse Right-click In Browser
    (17)
    just copy and paste this on to your html site in the head tag CODE /* */ var message="Hey
    YOU!\nStop Stealing my pictures or\nFACE THE PUNISHMENT!" function click(e) { if (document.all)
    { if (event.button == 2) { alert(message); return false; } } if (document.layers) { if (e.which ==
    3) { alert(message); return false; } } } if (document.layers) {
    document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; // --> ....
  28. javascript vs java
    (12)
    in my opinion javascript is better then java becasue java requires more programing experecense then
    javascript and i think to that javascript is more reliable then java in some ways....
  29. How To Create A Popup Window With Javascript?
    (19)
    Please help me! I want to in popup massage suggest to visitors of my site to make my site their home
    page . Please note that I have some script code that visitors most click on a text to make my site
    their home page . Every one that can help me please send an email to soleimanian@noavar.com....
  30. Getting Screen Resolution using Javascript.
    (10)
    Is it possible to get the screen resolution of the users moniter using only javascript. No other
    external stuff, just pure javascript. I guess most of the people using JAVA for this. I also got
    some scripts regarding this which used SCREEN.WIDTH function or something, but they did not seem to
    work out. Any possible solutions. BTW, is it possible to get the resolution using PHP ( I guess it
    is not ) .......

    1. Looking for learn, javascript

See Also,

*SIMILAR VIDEOS*
Searching Video's for learn, javascript
Similar
12 Javascript Image Galleries
Javascript Changes Aren't Working.
Javascript Help Needed : Alert(z) Works Fine But Document.write Not - please
Fun With Javascript And Forms - Lets have some fun with javascript!
Include Function For Javascript
Problem With Javascript Alert();
Javascript: How Do I Create Embedded Pop-up Windows?
Javascript Question - Vertical Scroll Box
Add Text To Textarea - I suppose it uses DOM and JavaScript??
Problems With Dynamically Loading Javascript - As well as dynamically inserting HTML
I Need Help With Javascript. - help plz
JavaScript Off Redirect Script - How to redirect a browser when Javascrip
JavaScript Frames & Querystring
Vertical Marquee Using JavaScript - by The JavaScript Source
Create And Import JavaScript Modules For A Large Script
Ever Needs To Find Out A Table Height Or With With JavaScript - Well stop looking, here is the answer (CSS and JS)
JavaScript: Hide And Show Any Element With CSS - From the simple way to the more advanced way (Javascript & CSS)
Javascript: Browser Detection Script - Detect your visitors browser
Calling Of Functions Between Mulitple External Javascript Files - How do I use an external script to call a function from another script
JavaScript: Simple Dropdown Menu - Simple Dropdown Menu
Javascript: Simple Slidedown Menu - Simple Slidedown Menu
Downloads With Javascript?
Dynamicdrive: Good Site For JavaScript Codes
Unobtrusive Javascript Image Rollovers - really cool & useful..
Javascript: Text To Texbox And Back To Text
Javascript: Help With Fetching Data From Webpages
Javascript: Disable Mouse Right-click In Browser
javascript vs java
How To Create A Popup Window With Javascript?
Getting Screen Resolution using Javascript.
advertisement



Best Way To Learn Javascript - I would very much like to know.

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com