Frameworks and toolkits required while developing a webapp

About frameworks i have given a brief description and why we should use it. Now speaking about the toolkits, Toolkits are the piece of software that makes your work easier and the work flow would be in the right fashion. These toolkits are developed by peoples around the world that continuously contribute to the open source community . Some of the toolkits that i use while developing a webapp.

1# Node.js

Node.js is an open source, cross-platform runtime environment for server-side and networking applications. Node.js applications are written in JavaScript, and can be run within the Node.js runtime on OS X, Microsoft Windows, Linux, FreeBSD, and IBM i. -wiki . Node.js is basically a javaScript library and we use it to install many other tools discussed below . When we install Node.js into our system using the cmd  .

sudo apt-get install nodejs

In most cases, you’ll also want to also install npm, which is the Node.js package manager. You can do this by typing:

sudo apt-get install npm

This will allow you to easily install modules and packages to use with Node.js.

Because of a conflict with another package, the executable from the Ubuntu repositories is called nodejs instead of node. Keep this in mind as you are running software.

2# Yeoman

this is the tool that helps you to get started with the new framework every time you create a webapp . with this framework you get the tools named Grunt and Bower. Grunt basically help to auto reload the page every time you make some changes in the source code of that webapp.  Bower is like a package manager to install the dependencies that you want from the github like for eg:

bower install jquery

since jquery is a registered package you can directly install it . for more : http://bower.io/

Advertisements

Things to start with while learning Front End Development

First thing first when we are studying on front end side of webpp you should have certain framework on which it should be based on .By doing this it’ll be much helpful for the contributors who are working on the same project to make the changes as they’d be on the same page . by the way what is this framework .

Framework : free collection of tools for creating websites and web app . HTML & CSS design templates are mostly provided fro typography, forms, buttons, navigation and interface components. with the framework in hand we have some pro’s and con’s .

PRO’S: Rapid prototyping, streamline your design process, save dev time , scales your design on all devices.

CON’S: Updating can break up things , Collaborations in teams . should Know your code .

Lets say that people who have started the development didn’t have any framework then it’d be a huge mess and for most of the contrib’s it would be hard to figure out what are the changes done and at which page . As we already know that this sharing of code can be done via github but the problem is not that . Here the problem is what we should do to acquire the right framework for the project . There are many different types of Front end frameworks that are available online for free. Some are complicated and some are easy to understand but on the whole they will get your work done .

1# Bootstrap

Bootstrap is maintained by twitter developers , fun to use and maintain it , with every revision they come up with new features . Now with Bootstrap 3 it’ll built in support Responsive Layout eg : Desktop, Tablet, Mobile . has GRID small , medium , large , x-large. UI ELEMENTS , UNITS PIXELS , use preprocessors less and sass  and runs with the rapid development prototypes .