Langoor GYM presents – Hack the Hackathon



Langoor GYM presents – Hack the Hackathon

0 1


mean-presentation

MEAN stack presentation

On Github rakeshmenon / mean-presentation

Langoor GYM presents

Hack the Hackathon

Rakesh Menon / Sumeet Chawla Lalit Chandnani / Jamal Mohammed

About Langoor

Langoor is a web products and services company with offices in Sydney, Australia and Bangalore, India.

Hackathons

What are Hackathons?

Our Experience

Rapid Prototyping / Time Crunch

Options

Ruby on Rails / Django / CodeIgniter + jQuery / Backbone etc.

Our Choice

MEAN stack

MEAN stack

How can you relate to it?

            JS, HTML                   ===   AngularJS
            PHP/Python/Ruby            ===   JavaScript (on NodeJS)
            CodeIgniter/Django/Rails   ===   ExpressJS
            MySQL/Oracle/Postgre       ===   MongoDB

Why MEAN stack?

  • JS, JS everywhere...
  • Framework setup pains
  • Lack of experience in different domains
  • Open-source / Community support / Plugins
  • MVC ;)

Let's have an overview...

MongoDB

An open-source document database

Why MongoDB?

  • Data format: JSON (BSON)
  • Schemaless
  • Negligible setup time!
  • JS queries :D

Node.js

Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications.

Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications

Express

A lightweight web application framework to help organize your web app into MVC architecture on the server side

+ a wide variety of community-contributed add-ons :)

AngularJS

AngularJS is what HTML would have been, had it been designed for building web-apps.

Why AngularJS?

AngularJS is a powerful, client-side technology that provides a way of accomplishing really powerful things in a way that embraces and extends HTML, CSS and JavaScript, while shoring up some of its glaring deficiencies.

  • Two Way Data-Binding
  • Directives
  • Filters
  • Services
  • Templates
  • Dependency Injection
  • Bonus: Testing

Let's code!

[ Time to get your hands dirty ]