Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 3 123 LastLast
Results 1 to 15 of 36
  1. #1
    New Coder
    Join Date
    May 2012
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Best way to learn javascript properly?

    I am just a beginner..can u please suggest me how to learn it properly..any book(must not be lengthy and complicated) or document.

  • #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    18,035
    Thanks
    203
    Thanked 2,539 Times in 2,517 Posts
    I don't think that there are any Javascript books which are short and simple, which is what you are requesting. It is not a trivial subject, and the books are rather specialised with a limited market - hence expensive.

    "Eloquent JavaScript" – This book, by Marijn Haverbeke, is available freely online, but you can also get it on Amazon if you’d like a hard copy.

    There are many free resources on the web, not least this forum and Javascript Kit. W3Schools is mostly fine as well, although sometimes not entirely up-to-date. You could also consider www.lynda.com.

    All advice is supplied packaged by intellectual weight, and not by volume. Contents may settle slightly in transit.

    All the code given in this post has been tested and is intended to address the question asked.
    Unless stated otherwise it is not just a demonstration.

  • #3
    Regular Coder
    Join Date
    Apr 2012
    Posts
    104
    Thanks
    27
    Thanked 2 Times in 2 Posts
    i would suggest w3schools if you want to learn online. You can learn almost everything there, and if any doubts you can get help on these forums. These are several other online resources too, such as javascript kit. One thing i would suggest is dont start any big projects without proper knowledge of javascript and dom.

  • #4
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Quote Originally Posted by Peeyush View Post
    i would suggest w3schools if you want to learn online.
    The JavaScript taught at w3schools is mostly a history class on how JavaScript was written back in the 20th century. The two guys that run that site are trying to cover so many different topics on their site they haven't had time to keep them all up to date and JavaScript has changed so much over the past 15 years that what they have on their site for JavaScript is of historical interest only.

    The other subjects they cover haven't changed anywhere near as much and so might be considered medieval rather than prehistoric.

    Anyone suggesting w3schools as a place to learn JavaScript should consider learning JavaScript themselves.
    Last edited by felgall; 05-16-2012 at 08:00 PM.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #5
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    18,035
    Thanks
    203
    Thanked 2,539 Times in 2,517 Posts
    Quote Originally Posted by felgall View Post
    Anyone suggesting w3schools as a place to learn JavaScript should consider learning JavaScript themselves.
    I do not see why you say that. W3Schools is indeed somewhat dated, but it seems to me that it is fine for beginners. There is no point in trying to teach advanced concepts until the basics have been mastered. At that point the student can discover that there are sometimes better ways of doing things.

    People who live in glass houses ....

    http://javascriptexample.net/
    Line: 95
    Error: Unable to get value of the property 'form': object is null or undefined
    Last edited by Philip M; 05-16-2012 at 08:07 PM.

    All the code given in this post has been tested and is intended to address the question asked.
    Unless stated otherwise it is not just a demonstration.

  • #6
    Senior Coder rnd me's Avatar
    Join Date
    Jun 2007
    Location
    Urbana
    Posts
    4,350
    Thanks
    11
    Thanked 589 Times in 570 Posts
    I agree that w3schools does more harm than good.

    It's harder to unlearn bad advice than it is to learn proper techniques in the first place.

    i can't tell you how many terrible cut and pasted try/catch ajax routines from w3schools i've stumbled across, but if i had a nickel for each....

    i think the only place worse than w3schools is sitepoint.

    these sites are both misguided portrayals of seemingly decent learning material.

    MDN's javascript section is everything w3schools wants to be, but the best way to learn is by doing and teaching.
    Last edited by rnd me; 05-16-2012 at 09:39 PM.
    my site (updated 13/9/26)
    BROWSER STATS [% share] (2014/5/28) IE7:0.1, IE8:5.3, IE11:8.4, IE9:3.2, IE10:3.2, FF:18.2, CH:46, SF:7.9, NON-MOUSE:32%

  • #7
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Quote Originally Posted by Philip M View Post
    I do not see why you say that. W3Schools is indeed somewhat dated, but it seems to me that it is fine for beginners. There is no point in trying to teach advanced concepts until the basics have been mastered.
    I agree but there is also no point in teaching them obsolete commands that they then have to unlearn when there are just as simple ways to do it that they need to learn anyway. Why teach document.write or alert when innerHTML is just as simple to understand? Anyway pages that use document.write work completely differently from pages done properly.

    Whe w3schools site was created and is maintained by just two people who got lucky with the domain name. There are lots of sites around that have a far more professional basis than that one - and more people per topic to maintain them.

    innerHTML - a basic JavaScript command for use by beginners

    document.write - a command where the only legitimate use now is in advanced JavaScript.

    Therefore it is totally inappropriate to teach document.write to JavaScript beginners as it belongs in the advanced course.

    The OP asked where they can learn JavaScript properly and you can't learn JavaScript properly from the w3schools site.
    Last edited by felgall; 05-16-2012 at 10:28 PM.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #8
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    Quote Originally Posted by rnd me View Post
    i think the only place worse than w3schools is sitepoint.
    The JavaScript reference at SitePoint is more of a detailedJavaScript DOM reference for intermediate to advanced JavaScript users. There isn't really aything there to actually teach JavaScript in the first place and many of the tings they cover are rather obscure and would seldom need to be used - exactly what you'd expect from an advanced reference and completely useless to beginners.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #9
    New to the CF scene
    Join Date
    May 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    go to http://codeavengers.com it's the best way to learn javascript

  • #10
    Regular Coder
    Join Date
    Apr 2012
    Posts
    104
    Thanks
    27
    Thanked 2 Times in 2 Posts
    You learn best from trial and error, and of course experience. i do not think that w3schools is a bad place to learn. Ofcourse when a person sees that using document.write() makes his whole page disappear, and everytime he uses alert, it consumes more time, he will simply move to innerHTML . But yes, if you want to learn javascript 'properlly' and that too using w3schools, then you might have to go in a lil detail, not going chapter wise.. and once the person masters the basics he will be able to understand examples then only, so javascriptexample.net shall not be good for total beginners, but for ones with atleast some basic knowledge. also just now i came across this website: http://www.codeavengers.com/ and it also seems okay to me.

  • #11
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    18,035
    Thanks
    203
    Thanked 2,539 Times in 2,517 Posts
    Quote Originally Posted by CodeAvengers View Post
    go to http://codeavengers.com it's the best way to learn javascript
    As lesson 1 is about using alert, felgall will not approve of that!

    I think that you are much too dismissive of w3schools - as Voltaire remarked, "The best is the enemy of the good". document.write() is indeed quite obsolete, but what else at w3schools is inappropriate (at beginner level) or incorrect?

    The beginner will wish to output/display some result almost from the very beginning of his studies. So long as he understands the limitations of document.write() I don't see why he has to be burdened by DOM methods at such an early stage. I think the fault is not document.write() as such but the failure of teachers to point out its severe limitations. I agree that this may well be because they are working from obsolete textbooks.

    All the code given in this post has been tested and is intended to address the question asked.
    Unless stated otherwise it is not just a demonstration.

  • #12
    Regular Coder
    Join Date
    Apr 2012
    Posts
    104
    Thanks
    27
    Thanked 2 Times in 2 Posts
    Btw What software do you guys recommend is best for learning javascript? i think dreamweaver is quiet good as it provides syntax highlighting....
    <offtopic class="Offtopic">
    Quote Originally Posted by CodeAvengers View Post
    go to http://codeavengers.com it's the best way to learn javascript
    code avengers' robot lesson (7th) is quite interesting and fun! :P

    <offtopic class="totallyOfftopic">

    Where to set up a signature? i searched forums, saw a thread or two but could not find. all i found was you need to have 5+posts and a member of forums since a week or so. i visited my profile page also but could not find it anywhere

    </offtopic>
    </offtopic>

  • #13
    New to the CF scene
    Join Date
    May 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Peeyush View Post
    Btw What software do you guys recommend is best for learning javascript? i think dreamweaver is quiet good as it provides syntax highlighting....
    <offtopic class="Offtopic">


    code avengers' robot lesson (7th) is quite interesting and fun! :P

    <offtopic class="totallyOfftopic">

    Where to set up a signature? i searched forums, saw a thread or two but could not find. all i found was you need to have 5+posts and a member of forums since a week or so. i visited my profile page also but could not find it anywhere

    </offtopic>
    </offtopic>
    Thanks, we appreciate that

  • #14
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    18,035
    Thanks
    203
    Thanked 2,539 Times in 2,517 Posts
    Quote Originally Posted by Peeyush View Post
    Btw What software do you guys recommend is best for learning javascript? i think dreamweaver is quiet good as it provides syntax highlighting....


    Aaarrrggghhhh! Dreamweaver is not highly thought of in this forum. It has received a lot of criticism from developers because of bloated and messy code created by its automatic coding engine. Dreamweaver will not help you to learn Javascript coding but it may help you cobble something together. Avoid it!

    You set your signature by using your control panel and going to "Edit Signature".
    Last edited by Philip M; 05-17-2012 at 09:14 AM.

    All the code given in this post has been tested and is intended to address the question asked.
    Unless stated otherwise it is not just a demonstration.

  • #15
    Regular Coder
    Join Date
    Apr 2012
    Posts
    104
    Thanks
    27
    Thanked 2 Times in 2 Posts
    Quote Originally Posted by Philip M View Post

    Aaarrrggghhhh! Dreamweaver is not highly thought of in this forum. It has received a lot of criticism from developers because of bloated and messy code created by its automatic coding engine. Dreamweaver will not help you to learn Javascript coding but it may help you cobble something together. Avoid it!

    You set your signature by using your control panel and going to "Edit Signature".
    Why do you guys dont like dreamweaver?

    Anyways please tell me if there is any other software you suggest or know of which provides syntax highlighting, code hinting, live view for mainly JS, HTML and CSS and can provide a live view option so i can test my code as i code....

    i liked notepad++ but it dosent highlight JS syntax very well... and i like dreamweaver because it has support for languages i know/work on such as HTML, XML, JS, CSS... and you can validate your code as you work, and preview it using live view... else you have to save it, then open in browser and test it, it takes up a lot of time. also i dont know why but my wamp dosent work and i am working with XML so i can preview it in dreamweaver or else i have to upload all files and then check....
    Everything is simpler with jQuery!


  •  
    Page 1 of 3 123 LastLast

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •