JavaScript for Line of Business Applications
596.1K views | +0 today
Follow
JavaScript for Line of Business Applications
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by Jan Hesse
Beam to my Inbox:
Your new post is loading...
Your new post is loading...

Popular Tags - Filter using the Funnel

Current selected tags: 'Node.js', 'Tutorial'. Clear
Scoop.it!

React Tutorial using MERN stack

React Tutorial using MERN stack | JavaScript for Line of Business Applications | Scoop.it

This is a step-by-step tutorial that will help you get up to speed with React quickly, and also build a complete app with the MERN (Mongo-Express-React-Node) stack. You'll also learn other tools that you typically use to build an app: Gulp, Browserify, Material-UI and React-Bootstrap.

Scoop.it!

Learn to Build Modern Web Apps with MEAN

Learn to Build Modern Web Apps with MEAN | JavaScript for Line of Business Applications | Scoop.it

The goal of this tutorial is to guide you through the creation of a Reddit/Hacker News clone using the MEAN stack. By completing this tutorial, you will gain a basic understanding of the MEAN stack including building a REST interface with Express.js on top of Node.js and using that interface to perform CRUD operations on a database via an AngularJS frontend.

No comment yet.
Scoop.it!

Creating Isomorphic apps with React and Node.js

Creating Isomorphic apps with React and Node.js | JavaScript for Line of Business Applications | Scoop.it

In this tutorial I will show you how to use React and Node.js to create isomorphic apps. So, let's start.

We are going to emulate a blogging website. Our app should display a list of post titles on the homepage. Clicking on a title will take us to another page where we can see the content of the post. Remember when you request any page (either homepage or detailed post view) you will a get server rendered version. Subsequent interactions will use client side rendering.

No comment yet.
Scoop.it!

Token based Authentication with Nodejs & Redis

Token based Authentication with Nodejs & Redis | JavaScript for Line of Business Applications | Scoop.it

In order to build our own Token-based Authentication mechanism, we will need a token generator and a redis database to store the token with informations.

We need to generate an unique token when a user sign in. We create a route: POST /user/signin with {username,password} as body parameters. In this route, we check the credentials provided by the client with our user database (MongoDB, MySQL, or whatever database you are using). If the credentials are valid, we generate a token. In order to generate an unique token, we use the Crypto module.

No comment yet.
Scoop.it!

Node Webkit powered Dashboard application

Node Webkit powered Dashboard application | JavaScript for Line of Business Applications | Scoop.it

In this post, we will be building a full fledged desktop application using node webkit and web technologies. We are going to build a dashboard app called myDashboard. The app will show the Weather report, Google Map, Flickr images and a Calendar.


Contents

  • Prerequisites
  • Getting Started
  • Begin Development
  • Continue Development
  • Distributing the application
No comment yet.
Scoop.it!

The Absolute Beginner's Guide to Node.js

The Absolute Beginner's Guide to Node.js | JavaScript for Line of Business Applications | Scoop.it
In this simple step-by-step guide you will learn how to install node.js and how to build your first application with it. Read more!
No comment yet.
Scoop.it!

Enter the World of Node.js

Enter the World of Node.js | JavaScript for Line of Business Applications | Scoop.it

Everyone talks about Node.js these days, but you’re not quite sure what it is? Or, do you just want to impress your friends with some nerd knowledge? This article will take you on a quick ride through the world of Node.js!

As previously mentioned, Node ships with a collection of core modules. This section describes three commonly used core modules, but this section is by no means comprehensive.

If you want to use more than the core modules, there is no way around using Node’s Package Manager, or npm. npm installs third party modules from its registry which contains over 64,000 modules. 

No comment yet.
Scoop.it!

Remote Desktop Client with AngularJS and Yeoman

Remote Desktop Client with AngularJS and Yeoman | JavaScript for Line of Business Applications | Scoop.it

In this blog post I’m going to show you how to build a VNC client using AngularJS and Yeoman.

We should have a VNC server on the machine we want to control. This machine provides interface accessible through the RFB protocol. The proxy in the middle has RFB client, which knows how to talk to the RFB server. The proxy also provides HTTP server, which is responsible for serving static files to the client and also allows communication through socket.io. The last component in our diagram is the “AngularJS VNC client”, which consists few HTML and JavaScript files provided to the browser by the proxy. This is what actually the user of our VNC client sees. He or she use the form provided in the “AngularJS VNC client” in order to enter connection details and connect to the machine he or she wants to control

No comment yet.
Scoop.it!

The JavaScript Tutorial

The JavaScript Tutorial | JavaScript for Line of Business Applications | Scoop.it

HTML5 is great. jQuery is cool. Node.JS is awesome. Base them on the solid, powerful basement of pure JavaScript and you can rock the web!

* JavaScript: from the Ground to Closures
* Document and Events
* Object Oriented Programming
* Timing
* Frames and windows
* Regular expressions in JavaScript
* Advanced and Extra stuff


No comment yet.
Scoop.it!

Building an App with Express and Backbone: Part 8

Building an App with Express and Backbone: Part 8 | JavaScript for Line of Business Applications | Scoop.it

In this episode I take you through the process of adding structure using RequireJS. Rather than take you through it in real time (the process of me converting it all would not have made great viewing), I walk you through the code after I've made the changes and explain how it works.

* Part 1: Set up Express, Mongo and our first route to show all books

* Part 2: Set up a route for viewing a single book and did some tidying of our codebase.

* Part 3: Create a route so new books can be added via a POST request.

* Part 4: Setting up Backbone and creating a model for our books.

* Part 5: Adding Backbone views and rendering data to the frontend.

* Part 6: Adding structure with the Backbone Router

* Part 7: Adding a route for viewing an individual book


No comment yet.
Scoop.it!

VNC client on 200 lines of JavaScript

VNC client on 200 lines of JavaScript | JavaScript for Line of Business Applications | Scoop.it

In this quick blog post I’ll show you how to create a simple VNC client in about 200 lines of JavaScript.
For our goal we’re going to use only HTML5 and JavaScript (client and server side).

Our application will have very simple architecture – a proxy server written in Node.js and a client in HTML5 and JavaScript. The Node.js server will stay between the browser and the VNC server. We need it because the client-side JavaScript does not supports TCP sockets so we can’t connect directly to the VNC server. The HTML5 client will have a canvas on which we will draw the frames we receive from the server.
For VNC server you can use the free version of RealVNC.

First lets start with the server. Make sure you have node.js installed. We will use four node modules: rfb2, connect, socket.io and node-png.


No comment yet.
Scoop.it!

Build a Complete MVC Web Site With ExpressJS

Build a Complete MVC Web Site With ExpressJS | JavaScript for Line of Business Applications | Scoop.it

In this article we’ll be building a complete website with a front-facing client side, as well as a control panel for managing the site’s content. As you may guess, the final working version of the application contains a lot of different files. I wrote this tutorial step by step, following the development process, but I didn’t include every single file, as that would make this a very long and boring read. However, the source code is available on GitHub and I strongly recommend that you take a look.

No comment yet.
Scoop.it!

Developing a mobile app with Phonegap, AngularJS and ExpressJS Part I

Developing a mobile app with Phonegap, AngularJS and ExpressJS Part I | JavaScript for Line of Business Applications | Scoop.it

The gist of the application is to allow users to sign up and be able to share financial tips. I will document my journey along for others who are thinking of travelling down the same road, starting with my choice of technologies, this being my first attempt at building up the whole architecture from the ground up and since I am a front end developer and I wanted to leverage that experience to build a mobile app instead of going native.

When deciding on the initial approach to building the app, I initially thought about using Sencha Touch. I had tried Titanium before but had found it unwieldy although I like the whole integrated IDE to production setup. I work with ExtJS on a daily basis so I figured Sencha Touch would be a natural complement but after working with AngularJS, I really did want to keep getting better at it and not have to duplicate my learning by both doing Angular and Sencha Touch at the same time so i settled on PhoneGap.

Shebrisbane's comment, December 6, 2017 1:25 AM
Nice post thenks for sharing. if anyone want best cooking tips and advice then read shebrisbane magazine.
http://www.shebrisbane.com.au/category/travel-travel/
Shebrisbane's comment, December 6, 2017 1:25 AM
Nice post thenks for sharing. if anyone want best cooking tips and advice then read shebrisbane magazine.
http://www.shebrisbane.com.au/category/travel-travel/
Scoop.it!

Creating an Isomorphic Web Application with ReactJS and Express

In our fast-changing world, technology is rapidly taking giant leaps forward. For the people who are just beginning to take part in this new “gold rush” of web development, it is sometimes inevitable to feel a sense of desperation of not being able to keep up with the evolution. In this article, I will attempt to give a brief overview of one of the most-adored features of Facebook’s Reactframework—isomorphism(a.k.a. server side rendering).

No comment yet.
Scoop.it!

Working with Ember Data, Node, Express and MongoDB

Working with Ember Data, Node, Express and MongoDB | JavaScript for Line of Business Applications | Scoop.it
A simple tutorial for working with Ember Data, Node, Express and MongoDB to build an api.

I have really been enjoying working with EmberJS lately, once you get over the learning curve and understand how things should relate, it becomes really fast and fun!

Lets take a look at how we can use Ember Data with Node (or io.js),Express and MongoDB. For this example lets use the Ember CLI to start an Ember application fast!

No comment yet.
Scoop.it!

A Simple CRUD with MEAN Stack (MongoDB, ExpressJS, AngularJS, Node.js) + Sails.js on Windows

MEAN stack is a full JavaScript solution that helps you build fast, robust and maintainable production web applications using MongoDB, ExpressJS, AngularJS and Node.js.
Sails.js allows you to build custom, enterprise-grade Node.js apps using the Model-View-Controller pattern to organize your code so it is easier to maintain.
New MEAN Stack = MongoDB+ExpressJS+AngularJS+Node.js+Sails.js = MEANS stack

No comment yet.
Scoop.it!

TuteCumber

TuteCumber | JavaScript for Line of Business Applications | Scoop.it
TuteCumber - Tutorial and example project for cucumber.js with node.js


Tutorial:
* Our System (Calculator)
* First feature: Addition (aka Stage 1)
* Second feature: Subtraction (aka Stage 2)
* Third feature: Chaining multiple operations (aka Stage 3)

No comment yet.
Scoop.it!

Writing Node.js Modules Video Tutorial

In this course, Jack Franklin will teach you how to build NodeJS modules, both for your own internal, as well as for others to make use of. You'll learn how to structure Node modules, use npm, manage module dependencies, and so much more.

No comment yet.
Scoop.it!

Introduction to Realtime Web with Meteor and Node.js

Introduction to Realtime Web with Meteor and Node.js | JavaScript for Line of Business Applications | Scoop.it

The one framework I always see compared to Derby.js is called Meteor. Similar to Derby, it handles things such as updating views live across multiple clients, though Meteor does it somewhat differently. While Derby is designed to be easier to use with different types of database systems, Meteor works closely with MongoDB. In fact, the client API for accessing the database is almost exactly like what you’d expect on the server-side with something likeMongoose.

While there are some drawbacks and controversies surrounding the framework (see Fibers vs Callbacks), Meteor looks like a pretty interesting option when creating an app that requires realtime feedback. Personally, I’m more attracted to the traditional callback style of programming of Derby, but the lack of robust documentation and a large developer community behind it is a huge blow to Derby’s usefulness. This will change over time, but at a much slower rate than Meteor, which recently received $11M+ in funding. This financial backing ensures that Meteor will remain around and supported, and for developers who need a financially and developmentally stable framework, the funding will only make Meteor more appealing.

Today, I want to go over how to create a really simple Meteor app. Essentially, this is a writeup for Tom’s Vimeo screencast. One major difference between my writeup and Tom’s video tutorial is the way we handle events in Meteor. Rather than copying and pasting code from one of Meteor’s examples, I take you step by step through a custom implementation of handling the enter key press to submit a message. Let’s begin!

No comment yet.
Scoop.it!

Creating a Simple RESTful Web App with Node.js, Express, and MongoDB

Creating a Simple RESTful Web App with Node.js, Express, and MongoDB | JavaScript for Line of Business Applications | Scoop.it

ou're going to need to know how to get a webserver running with Express, and how to use app.get and app.post to communicate with both the server and the database. It's all covered in that original tutorial, and if you're a developer who's familiar with JavaScript, it's not hard.

Back? … or rolling your eyes and going, “dude, I already know that stuff”? Either way, great! Let's add some new tools to our toolbox, and create a simple little app that works without a single page refresh.
Here are the goals:
* Learn what REST means in plain English
* Store and retrieve JSON data in a MongoDB collection using HTTP POST and HTTP GET
* Remove data from the collection using HTTP DELETE
* Use AJAX for all data operations
* Update the DOM with jQuery


PART 1 - SERIOUSLY, WHAT THE HELL IS REST?
PART 2 - SETUP
PART 3 - STARTING IN ON HTML
PART 4 - THE DATABASE
PART 5 - LISTING USERS
PART 6 - POPULATING USER INFO
PART 7 - ADDING USERS
PART 8 - DELETING USERS
CONCLUSION

No comment yet.
Scoop.it!

Building a Real-time SMS Voting App

Building a Real-time SMS Voting App | JavaScript for Line of Business Applications | Scoop.it
A five part (and multi-year!) series from the Twilio blog recently concluded - here's the list of all the posts in the series:

Building a Real-time SMS Voting App Part 1: Node.js & CouchDB
Building a Real-time SMS Voting App Part 2: Socket.io and Highcharts.js
Building a Real-time SMS Voting App Part 3: Scaling Node.js and CouchDB
Votr Part 4: AngularJS and Authentication with CouchDB
Votr Part 5: AngularJS and CRUD Using RESTful APIs

Benjamin Dean's curator insight, January 21, 2014 9:42 AM

I've been a big fan of what Twilio can do for small organizations, and this series gives good insight on building a full-stack app with AngularJS.

Scoop.it!

Minty - building a Node driven Blogging engine

Minty - building a Node driven Blogging engine | JavaScript for Line of Business Applications | Scoop.it

I'm building a simple pimple application - and that sentence right there should scare me :). A blog engine should be simple but there are so many concerns - it's overwhelming!

Which is precisely why we're going to focus on one thing at a time.

When thinking about a blog and what it does - well you can break it into a number of smaller parts:

* The CMS Bits (Articles, versioning, etc)

* The Web/CSS (Serving pages, look and feel)

* The Admin site (dig it)

* API stuff (RSS etc)

That's how I would break it out, at least.

Jan Hesse's insight:

This is a multipart series of the process to build out a Node application.

No comment yet.
Scoop.it!

ExpressWorks - an automated Express.js/Node.js workshop

ExpressWorks - an automated Express.js/Node.js workshop | JavaScript for Line of Business Applications | Scoop.it

ExpressWorks is an automated Express.js/Node.js workshop.

Here is the list of exercises as of now (they’ll be more later!):
* Hello World
* Jade
* Good Old Form
* Static
* Stylish CSS
* Param Pam Pam
* What’s in Query
* JSON Me

Jan Hesse's insight:

classical learning by doing

No comment yet.
Scoop.it!

An Absolute Beginner's Guide to Node.js

An Absolute Beginner's Guide to Node.js | JavaScript for Line of Business Applications | Scoop.it

There's no shortage of Node.js tutorials out there, but most of them cover specific use cases or topics that only apply when you've already got Node up and running. I see comments every once and awhile that sound something like, "I've downloaded Node, now what?" This tutorial answers that question and explains how to get started from the very beginning.

No comment yet.
Scoop.it!

Node.JS Course Slides

Node.JS Course Slides | JavaScript for Line of Business Applications | Scoop.it

Writing server side code in JavaScript is easier than ever with Node.JS. Combined with MongoDB, you can build a full featured server and database for your application on the cloud in the same programming language you know and love.

In this course we learn Node.JS from the ground up, starting with the basic Node.JS capabilities, and moving on to web applications using express framework. We later continue to talk about data storage in the popular and simple NoSQL database: MongoDB.

Course Duration: 2 Days (16 Hours).

No comment yet.