So, let's start learning Javascript together. Together we can achieve our goal very fastly. Contributions are always welcomed.
Each part in the js series will contain article.md file, which will give some introduction about the topic. So, go through that article first.
Some basic examples are added for each topic to make the topic more clear(More examples coming soon).
JavaScript is the Programming Language for the Web.
JavaScript can update and change both HTML and CSS.
JavaScript can calculate, manipulate and validate data.
The programs in this language are called scripts. They can be written right in the HTML and executed automatically as the page loads.
Scripts are provided and executed as a plain text. They don't need a special preparation or a compilation to run.
JavaScript is a programming language that started off simply as a mechanism to add logic and interactivity to an otherwise static Netscape browser. In the years since its introduction, it has not only supplanted a variety of other competing languages and technologies to become the standard for browser-based programming, but it has also expanded beyond the client space to become a dominant language on the server side, as well.
Basic knowledge of any programming language is the only prerequisites of learning JavaScript. But some basic knowledge of the following will help you to move faster with javascript :
- Basic knowledge of Java or any programming language.
- Basic knowledge of HTML.
JavaScript has stormed the web technology and nowadays small software ventures to fortune 500, all are using node js for web apps. Recently wordpress.com has rewritten its dashboard in javascript, paypal also chose to rewrite some of its components in java script. Be it google/twitter/facebook, javascript is important for everyone. It is used in applications like single page applications, Geolocation APIs, net advertisements etc.
However JavaScript is quirky/dynamic/scripting/ functional oriented language, and it has its own idiosyncrasies. It is not scalable, it is good for some 3000 line of code but for a bigger app, it becomes difficult to manage ,read and debug. Also not everyone is very much familiar to JavaScript.
You might sometimes think that, I do not know much of a JavaScript then “How to be JavaScript Developer without much knowledge of JavaScript?”
To ease down our work, some smart developers/companies have made compiler/transpiler which convert your other language code into javascript code.(Best of both worlds)
-
C++ : If you know C++, then it is possible to get it converted into JavaScript. Cheerp is a free compiler for open source commercial projects as well as for closed source non commercial projects.It is the C++ compiler for the web.You just write a web application or port your existing one, all in C++. Cheerp will generate its JavaScript code that can run on any browser.
-
Java : Java is a darling of open source, backed by Oracle/IBM/Google/Red hat. Maximum number of developers in the world are Java developers(around 10 millions). Maximum number of projects in github and apache are based on Java.
- GWT is a development toolkit for building and optimizing complex browser-based application.
Its goal is to enable productive development of high-performance web applications without the developer having to be an expert in browser quirks, XMLHttpRequest, and JavaScript. It’s open source, completely free, and used by thousands of developers around the world. - JSweet is a transpiler from Java to TypeScript/JavaScript It contains 1000+ well-typed JavaScript libraries available from Java.
- Kotin is a statically-typed programming language that runs on the Java Virtual Machine and also can be compiled to JavaScript source code. Unlike most programming languages, Kotlin language is not made by Academia or Research Lab but it is made by a professional company jetbrains.
- GWT is a development toolkit for building and optimizing complex browser-based application.
-
Scala : Mix of object oriented and functional approach. It is a static language, but can be use as a dynamic language. Many big enterprises like LinkedIn, Twitter are written in Scala. Again, you write code in scala and scala-js comes to rescue and code gets compiled/transpiled into javascript.
-
c# : Beautiful and most productive language. Now a days, it is much like scala language, specially after version 4.0. You can write your code in C# and convert into javascript using bridge.net.
-
Typescript : Brain Child of Anders Hejlsberg, who made Turbo, Pascal, Delphi, C# language. TypeScript lets you write JavaScript the way you really want to. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source.
- JavaScript Cleaner - Online HTML, CSS and JavaScript cleaner and code editors with syntax highlighting and customizable cleaning features.
- JavaScript Cheat Sheet - Collecting the most common JS codes, this cheat sheet will help you find quickly the code you're looking for.
- JSFiddle - Similar to Codepen but this one doesn't require registration. Test HTML-CSS-JS code online and save your small project in a shareable URL.
- Codepen - Register to create, save and share HTML-CSS-JS code snippets and run them online.
- w3schools - Learn JS by "Try it yourself" examples which are better than 1000 words.
- Mozilla Developer Network - Dedicated to the JavaScript language itself, and not the parts that are specific to Web pages or other host environments.
- JSLint - An online JavaScript code quality tool that looks for problems in JavaScript programs.
- Obfuscator - Make your code unreadable thus somewhat unstealable with the free online obfuscator.
- Github - Collaborate with other developers. Fork, send pull requests and manage all your public and private git repositories.
- Bootstrap JS - Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one.
- jQuery Cheat Sheet - Interactive jQuery Cheat Sheet for front end developers. Listing the most common code snippets.
- jQuery UI - A set of user interface interactions, effects, widgets, and themes built on top of the jQuery library.
- jQuery - The most widely used, free and open-source JS library to simplify scripting.
- Stack Overflow - Programmer community where you usually don't have to ask for help because probably someone has already answered the same question.