>_CodeLearn Asia

Self-Learn

Beginner Path.

Mandatory

A Suggested learning path for building web and mob apps quickly.

HTML CSS Fundamentals

Why you have to learn this?

You have to learn this as you have almost no choice. HTML/CSS is not only used for Structure and Styling of Web Apps, but is going to be used extensively in prototyping and initial development for getting things onto the screen.
In addition if you don't want to have to learn Native Coding for Android Apps and iOS Apps; then you probably need to master the HTML/CSS probably with a Front End UI Framework (Bootstrap/UIKit/Foundation) to make your Apps look good when converted/deployed using cordova (PhoneGap).

Resources: CodeCademy (Free). Code School (Paid). Udacity (Free).

HTML/CSS

JavaScript (JS) Programming.

Why you have to learn this?

You need to learn at least one programming language to perform anything useful on Web and Mobile Applications. JavaScript is the programming language of choice, because no matter what you choose for your back-end programming, you will definitely have to learn this language for any browser based interactions - including your mob apps converted for Android/iOS using cordova (PhoneGap).
JavaScript frameworks are rapidly becoming the backend (server) coding langauge of choice as well with the rise of Node.JS and the merging of front-end/back-end dev teams into all-round super developers.

Resources: CodeCademy (Free). Code School (Free & Paid). HTML Dog JS Tutorial (Free). Eloquent JavaScript (Free). - Intermediate/Advanced Level

JavaScript

Meteor.JS Framework

Why you have to learn this?

Arguably the simplest development framework out there. Meteor.js allows you to build scalable web and mobile apps quickly and with less headaches than other frameworks on the market. Probably the best platform for a web beginner. The barrier to entry for learning to build web applications is as low as it's going to get without resorting to non-programming (think drag and drop) platforms. But you can maintain control over every aspect of your App using JavaScript. And make it as complex, polished and feature-rich as you want.

Resources: DiscoverMeteor (Free & Paid). Meteor Official Tutorial (Free). MeteorHacks Lessons (Free & Paid) - Advanced Level

Meteor.js

Git

Why you have to learn this?

You'll need to source control to edit, save and revert your code changes. Git is the best way to do this. Not only that, most 3rd party libraries that you end up using from the web into your projects will be hosted on github/bitbucket/gitlab and you will need to know how to clone and select what you want to use. If you ever need to collaborate with another developer, this is also the way to go. Learn it!

Resources: Git Interactive Tutroail (Free).Git cheatsheet Learn Git Branching

MongoDB

Optional

Useful Extras that will help with your App development.

MongoDB Operators

Why you have to learn this?

You'll need at least one database for persistent and centralised storage of data. MongoDB is currently supported using the Meteor.js framework. And it's all in JavaScript form. The data structure of JSON like documents should make it easier to transform and manipulate data without having to learn another database query language.

Resources: HackSparrow MongoDB Tutorial (Free). MongoDB API.

MongoDB

jQuery

Why you have to learn this?

It is good to learn a little of this because this JavaScript library provides a lot of simple features for interacting with all different browsers and its elements consistently. Event handling within your application becomes easier as well as selecting/editing multiple elements on the screen.

Resources: Code School - Try jQuery (Free). CodeCademy jQuery Course (Free).

jQuery

Bootstrap

Why it is good to learn this?

It is good to learn a little of this because this JavaScript library provides a lot of simple features for interacting with all different browsers and its elements consistently. Event handling within your application becomes easier as well as selecting/editing multiple elements on the screen.

Alternatively - checkout UIKit or Foundation.

Resources: W3 Schools Bootstrap 3 Tutorial (Free). Bootstrap Official Documentation

Bootstrap

Underscore.js

Why it is good to learn this?

Underscore.js is another great simple JavaScript library that brings a lot of extended features to JavaScript programming. It helps you avoid having to write additional lines of code to do programming tasks that are useful, often repeated and can take a while to write robustly yourself.

Resources: UnderScore.JS API

User Image