JavaScript Resources - Become a developer


#1

It was suggested I start a new topic, since I was kind of going off topic in another post when discussing programming. I joined this site to help accelerate my JavaScript studies. So far, it helps a lot to experience coding concepts in a different light. Making it more fun by playing games goes a long way for me.

It’s my life long dream to become a successful web & mobile developer.

I just passed a college course for Web Application Development and I was focused on passing Microsoft 70-480 Programming in HTML5 with JavaScript and CSS3.

I know HTLM5 and CSS3 well though that I passed my college course, but the MS exam requires extensive JS that wasn’t covered in course. So, I keep delaying my exam until I can learn enough of JS to pass the practice exam. I’m combing multiple resources, lots of other sites with this one.

They all approach JavaScript in different was, but sure enough I spend 24/7 trying to ace this exam. All free resources that anyone can contribute are appreciated.

Here are my free programming resources:

Microsoft Virtual Academy: https://mva.microsoft.com/

Code Academy: https://www.codecademy.com/

Khan Academy: https://www.khanacademy.org/

Free Code Camp: freecodecamp.com/

There’s also a few podcasts that I listen to on a daily basis that are free:
JavaScript Jabber : https://devchat.tv/js-jabber/

Developer Tea: https://developertea.com/

Software Engineering Daily: http://softwareengineeringdaily.com/


#2

Awesome! Thanks for sharing these resources. :smile:

Guess I’ll do my part and share some resources as well.

  • JavaScript | MDN — the Mozilla Developer Network offers several tutorials and resources on JavaScript and the Web Platform in general. You can also find extremely detailed reference documentation. It is a great place for both learners and experts alike.

  • WebPlatform.org — Very extensive documentation and tutorials on JavaScript, HTML and CSS as well.

  • Awesome Node.js - Resources — Awesome resources about Node.js, as the name implies. Node.js is a platform that runs JavaScript outside the (limitations of a) browser, allowing you to use JavaScript as a real general-purpose programming language to create virtually anything you can think of (Web servers, command line applications, etc.). In fact, the CodeCombat servers run in Node.js, so it may be interesting to check CodeCombat’s source code as well.

  • CodeCombat — I guess this goes without saying, but it is good to add just for completeness’ sake. CodeCombat is a game that teaches you to code, writing real code. Also, its engine is fully open source and is built using a pretty interesting technology stack: Node.js, MongoDB, Backbone.js, three.js, Aether, Sass and CoffeeScript. If you like making SVG animations, tweaking user interfaces, manipulating document-oriented databases, or hacking at Abstract Syntax Trees to prevent cheating and to improve time-travel debugging, CodeCombat has what you are looking for!

  • Code School — Learn by Doing. Has several high-quality courses on diverse programming languages (including JavaScript) and development tools, some courses are even free.

  • Speaking JavaScript: An In-Depth Guide for Programmers - Excellent JavaScript book by Dr. Axel Rauschmayer, available for free online.

  • Exploring ES6: Upgrade to the next version of JavaScript - Another excellent (and more recent) JavaScript book by Dr. Axel Rauschmayer, now focusing on the semantics and features of ECMAScript 2015 (the latest ECMAScript edition—JavaScript’s specification—that has just recently been officially standardized, also known as ES6). It is also available for free online.

  • UltCombo’s JavaScript Resources — my own personal list of resources. I haven’t updated this list in a while, but it is still very complete and also covers more advanced topics that are very useful to slightly more experienced JavaScript developers.

I hope these may be useful to the community. :smiley:


#3

I’ve been trying Free Code Camp for a while now. Hopefully I can get that Front End Development Certificate by the end of February.
The main issue with online courses is they have a high attrition rate due to the low entry barrier and because they’re more self-paced. If you can deal with that by having good habits, you’ll be able to learn a lot from the internet.

What I liked about CodeCombat in particular was that it is fun enough for me play level after level until there were (nearly) none left.


#4

by far, the one I just quoted has been the far most beneficial itunes podcast that I’ve listened to yet. I think it most applies to learning development and what’s current in JavaScript industry than all the rest.

It is free and it will have more of an effect in a short amount of time than anything else.

Also, there are some books that are very helpful that I’m currently reading.

I’ve included books that have HTML5 because it goes hand and hand with JS.

  1. JavaScript & jQuery by Jon Duckett ( http://www.amazon.com/JavaScript-JQuery-Interactive-Front-End-Development/dp/1118531647/ref=sr_1_1?ie=UTF8&qid=1453059104&sr=8-1&keywords=JavaScript+%26+jQuery+by+Jon+Duckett)
  2. HTML5 Programming with JavaScript For Dummies ( http://www.amazon.com/HTML5-Programming-JavaScript-Dummies-Mueller/dp/1118431669/ref=sr_1_1?ie=UTF8&qid=1453059141&sr=8-1&keywords=HTML5+Programming+with+JavaScript+For+Dummies)
  3. HTML5 Canvas For Dummies ( http://www.amazon.com/HTML5-Canvas-Dummies-Don-Cowan/dp/1118385357/ref=sr_1_1?ie=UTF8&qid=1453059215&sr=8-1&keywords=HTML5+Canvas+For+Dummies)
  4. Programming 3D Applications with HTML5 and WebGL ( http://www.amazon.com/Programming-Applications-HTML5-WebGL-Visualization/dp/1449362966/ref=sr_1_1?s=books&ie=UTF8&qid=1453059241&sr=1-1&keywords=Programming+3D+Applications+with+HTML5+and+WebGL)
  5. Exam Ref 70-480 Programming in HTML5 with JavaScript and CSS3 ( http://www.amazon.com/Exam-70-480-Programming-HTML5-JavaScript/dp/0735676631/ref=sr_1_1?s=books&ie=UTF8&qid=1453059304&sr=1-1&keywords=Exam+Ref+70-480+Programming+in+HTML5+with+JavaScript+and+CSS3)

#5

The final project for my Web Development course is to build a web site using what you’ve learned in class. This makes sense for good practice as an aspiring developer. Somewhere to show off and practice stuff you’ve learned from all these simulation websites.

I saw a really good example when browsing forums other day, and I saw this person @nick. I clicked on his website to check it out, http://www.nickwinter.net/. This is big help. :wink: I wasn’t really sure what to do as my central theme until I saw this. It’s a really good template and starter example for a website about a developer. It’s direct, but informative. :wink:

  • Although not directly related to JS, there’s also an app by microsoft developers called CodeShow ( https://github.com/codefoster/codeshow), and it shows you all the things you can do with CSS. A fully dynamic website should have elements of each of CSS3, HTML5, and JavaScript, at the very least.

  • I don’t know everyone does their development style. But I prefer to work with IDEs (integrated development environment), like Visual Studio (PC only, https://www.visualstudio.com/en-us/products/visual-studio-express-vs.aspx), Code::Blocks http://www.codeblocks.org/ (multiplatform, PC, Mac, Linux), xcode (free on itunes, MacOS only, https://developer.apple.com/xcode/). IDEs are very good for learning, as they have plugins & dictionaries that like to fill in the blanks for you.

  • IDEs can make or break your development, point blank. Bugs, spell checkers correcting your code when you shouldn’t let them, and engines failing to load for reasons of corrupt installation or failed updates.

  • Save all your work yourself, do not use an automated method and use your own folders! Don’t use suggested/provided for you by IDEs.

  • Recently, I found out recently why these code simulators go fast for some and slower for others. The noobs (aka newbies) like me didn’t know to use debuggers or IDEs to correct their code before submitting to the project/website like CodeCombat. They can fill in the blanks for you! This whole time, I been trying to code manually. :blush:

  • Also, I wanted to throw this out there. I got Microsoft Visual Studio for free from my university when I logged into Microsoft’s DreamSpark https://www.dreamspark.com/. I used my .edu email as my login and once it was verified, I saw a whole bunch of free software.

  • You can also download a lot of stuff that’s open source from SourceForge ( http://sourceforge.net/). But honestly, I’ve tried open source editing tools for web development, and either they cost money for important features, or they lack the interfaces I’ve grown to love on IDEs for reasons mentioned above.


#6

was just doing a random search to see if I could get this plugin for free, and apparently you can.

googled “jetbrains resharper free for college students” and came to a treasure. :blush:

same as dreamspark, sign in/sign up with your .edu email address. :wink:

> Free for students:
> Professional developer tools from JetBrains

> Are you learning Java, PHP, Ruby, Python, JavaScript, Objective-C or .NET technologies?

> Or maybe you just plan to? Do it right from the start, with award-winning professional developer tools from JetBrains. And the best part: it’s free of charge.


#7

adding another resource I found just now. You can now get GitHub premium account from this educational link. After they verify your .edu email, it may take a couple weeks to approve you.

correction update later:
after reading that it would take a couple of weeks to get approved, and then less than an hour later I get my approval email. :smile:

Powerup get! Welcome to the Student Developer Pack. Welcome to the Student Developer Pack
Hey [Name Censored], we have some awesome news

We’ve upgraded you to a Micro plan, which will be free for the next two years. After that, you’ll get an email saying that your coupon is expiring. You can reapply for another coupon if you still have academic status. We don’t have any collaboration limits, so any group projects you may encounter can be hosted via your account.

If you need help getting started with Git and GitHub, check out:

https://help.github.com/articles/what-are-other-good-resources-for-learning-git-and-github

We’ve also given you access to the Student Developer Pack, available at https://education.github.com/pack

Spread the word: we love giving educational discounts to students, teachers, administrators, and researchers! Please send them to https://education.github.com

Have an Octotastic day!

  • The GitHub Education Team

#8

Do you have any recommendations for a decent IDE for javascript free for people without a .edu account?

Or whatever it is that web developers use to help find and correct mistakes / fill in blanks with that programming language.

Oh and to contribute to free IDEs
http://www.monodevelop.com/
c# and f#


Vary basic python IDE, but comes with tkinter (for GUI) and python documentation

https://netbeans.org/
I got this one before I realized java != javascript


#9

I tried Code::Blocks, but I couldn’t get used to it after being a Visual Studio and Xcode user. I like a friendly gui and a lot of good help/tutorials on using.

From there, something called Bespin looks good.

  • There’s one called Bluefish, that’s completely free. http://bluefish.openoffice.nl/screenshots.html

  • I’ve used this one, but it was lacking a preview feature, but other than that, it was almost perfect. Called BlueGriffon. http://bluegriffon.org/

  • This is what I use to edit my code for CodeCombat and Free Code Camp, Notepad++ https://notepad-plus-plus.org/ But as far as I know, no debugger. It just makes code easier to read than standard notepad type program.

  • There’s also Adobe Brackets, but once again, lacks a free preview feature. http://brackets.io/

  • Best I can do at moment. Unless you have a Mac, you can download Xcode free. Try SourceForge? When I give up looking for something, I usually find it there. http://sourceforge.net/


#10

I have two playlists on YouTube for programming tutorials that have taught me enough to make it through college courses. Feel free to check them out.

Web Application Development (235 videos)

Programming Theory - Learn to Code Right Now! (194 videos)

I’ve watched all of these videos at least 3 times each since earlier this year. Hope that helps anyone who needs it. :wink:


#11

found this site while adding animation effects,

http://tutorialzine.com/

I been coding for a few days now, and by far BlueGriffon. http://bluegriffon.org/ was the best free editor. It gives previews, drag & drop, and customizable code schemes. I’m going to use it to finish my site.

this is site where I look up what I need to know in JS/CSS/HTML any time I need to search a function/commands/etc.


#12

Some more great JavaScript tutorials.


#13

Correction: CodeCademy, not Code academy.