Category Archives: Web Application Tutorials

If you are building a fairly complex web application, there is a high probability that you will have a lot of JavaScript code, and you would want to organize your code in some modular way that will be easier to maintain. Also at the same time you would also want to use some sort of a framework to simplify the process for you. But before getting there, let’s talk about how we got here at first place. In this video Robin Ward, co-founder of Discourse, talks about browser applications.

Building a fairly complex web application needs a very careful planning. Not just at the application level, but also at maintainability and efficiency level. Even if you are going to be the only person that’s going to work and maintain the code for a foreseeable future. Here are 9 things I thought you should know after creating your Hello World application and before creating your next application using Ember, especially if you are going to use Ember Data as your persistence library. Due to readers request, here is the code.

DemoDownload Source

Continue Reading 9 Things you should know before starting your next Ember.js and Ember Data application

In this tutorial, we will explore business analysis and the essentials to write our first software requirements document. Taking an idea to the next level requires a little bit of planning. This is the planning phase of our web application development, also known as Requirements Engineering phase. If you are an entrepreneur, and would like to bridge the gap to development and software engineering world, this is that bridge. In this and next tutorial we will create a requirements document based on IEEE Recommended Practice for Software Requirements Specifications. We will start a basic requirements document for an online education and training app to be used as an employee training application for our imaginary client or prospects that we might be interested to sell this application to later on. We will build more on these requirements as we proceed with later versions of our application.

We started these web application tutorial series with an introduction to web apps and a very basic AJAX CRUD tutorial based on Zend Framework 2. However, our goal is to start developing complex web applications that could do more than just a simple create, read, update, and delete functions. Therefore, let’s start exploring what our application should do, and let’s start developing our initial requirements document. Continue Reading Start with an Idea and do the Business Analysis – Web Application Tutorial Series

The purpose of this tutorial is to demonstrate pagination features of the Zend Framework . As an added bonus I will show you how to combine pagination and data sorting to display sorted tables in your ZF2 web projects. For the purpose of this tutorial we will extend Rob Allen’s famous Album Inventory Tutorial. You can download the complete source code from Github.

Download Source

Continue Reading Zend Framework 2 Pagination & Sorting Tutorial

In this tutorial we will create a complete Zend Framework 2 application and explore some of the features it provides. We will create a sticky note application based on the styling provide by Codepen. This tutorial is similar to the brilliant inventory tutorial provided by Rob Allen. The major difference is that we will spend more time on styling and we will handle the Create, Read, Update, and Delete (CRUD) operations dynamically using jQuery Ajax. You can download the complete source code from Github.

Download Source

Continue Reading Zend Framework 2 – Simple Web Application – CRUD using Ajax Tutorial

So you want to start developing your very first web application? You want to know how you can start quickly and develop your first web application? Well here is the good news, you are at the right place. With these web app development tutorial series we are here to guide you through the development of your first web application and more. But, there are few points before we start. First, we have to mention that these tutorial series are meant for more technical audience with prior web design and development experience. Second, there are different approaches to even developing a simple application. You can copy and paste some code together and call it a success, or take a stricter engineering approach and build a code base that would have test cases, easily extendable, or even scalable for future versions, should you decide to build more features on your existing architecture. In this tutorial series we are going to develop a very simple web application, and build more and more on the same code. Because in real life that’s how software evolves. We will also cover some methodologies and software engineering concepts such as Rapid Application Development (RAD), and Continuous Integration (CI), and many more techniques and best practices that would help you with developing more complex systems. We tried to keep these methodologies separate from the coding tutorial sections, so people familiar with the methodologies could jump straight to the code.
So let’s get started with the concept first, and what you should know before starting your very first and simple web application.
Continue Reading How to build your first web application – Tutorial series