Web-Development

Introducing Grunt and Gulp All modern JavaScript applications involve some kind of build process. This might entail preprocessing CSS with Sass/Less/Stylus, concatenating JavaScript files into one, minifying assets, compiling…

An application developer spends most of his time to write code. It is best practice to structure the directory in a way that helps the developer to write code rapidly. It is important to structure the angularjs controllers, directives,…

In This Tutor ial you will learn how to build a Event reminder app with yii2 framework . Our Event reminders project can be broken down into four main components: Users who will create events and reminders Events that the user…

In this Tutorial, we will learn to build your own Content Management System (CMS). This Tutorial iS for Beginners as well as for Expert Developers Until now, we have been heavily dependent on external web services to handle all our…

You will learn following topics in this tutorial What a view is in angularjs Creating controllers to manage views Declaring properties and methods in a controller Binding to properties and expressions in an angularjs…

In this Tutorial, we will explore how the Yii 2 routing system works, that is, how the framework responds to different URL routes requested from it. We'll start with the description of the process that the Yii application performs to…

The features of the project Before delving into the development of your project, we’ll discuss its requirements. The demo needs only two pages: one that contains the form (that we’ll call index.html) and another for the backend business…

In this Tutorial, we implement the server application. This application should be able to monitor files and communicate with multiple clients at the same time. These are the perfect requirements to use an event-driven, nonblocking I/O…

First, we create a user, then we try to login and see whether the indicator is reflecting the authentication, and then we try to logout and see whether the indicator is back to the state meant for guests. The highlighted lines are the…

Yii 2 uses an extremely easy-to-use form of user access control called permissions. When employed, each user can be given permission (exact mechanics are not important right now). When necessary, the application can check whether…

Angular UI is a bunch of mini projects that helps you be more productive with your Angular app development. Downloading AngularUI AngularUI is a companion suite for angularjs that is used to solve common problems related to UI…

As long as PHP programs continue being scripts to launch, output the results, and then die, the idea of caching results of computations is used. The mathematical concept of memoization, implemented at the level of a language runtime…

Let's make an API module that will contain the actions currently reachable by the /services/json and /services/yaml routes. The following use cases should be supported: The GET request to the /api/services/json route should return…

we all have faced a situation where our code becomes bugy and difficult to understand  so ,Here we will use a technique called model binding to clean up the code even more: public function boot(Router $router) {…

Imagine you’re building a simple stock ticker application. You have a server resource that publishes the APIs you need for getting stock values, so it’s quite easy to get things started. But how do you get updates to the stock values? How…

All web apps will require more than one page or view, and Angular is well-equipped to handle this with its router. You may be familiar with routing in server-side frameworks, such as Ruby on Rails or Laravel. Angular's is, of course,…

Flexbox addresses the shortfalls in each of the aforementioned display mechanisms. Here's a brief overview of its super powers: It can easily vertically center contents It can change the visual order of elements It can…

Selectors are the same—be they CSS or jQuery. It is not that selectors were designed that way, it is that jQuery was designed that way. To start, let us recall that a selector in jQuery is no special construct. Anything written like…

angularjs expressions can get fairly complex and contain function invocations. Those functions might serve different purposes but model transformations and formatting are common needs. To cater for those common use-cases angularjs…

angularjs provides an abstraction layer over URLs (and their behavior) in the form of the $location service. This service masks the difference between the hashbang and the HTML5 URL modes allowing us, application developers, to work with a…

RESTful endpoints often expose CRUD operations that are accessible by calling different HTTP methods on a set of similar URLs. The code that interacts witch such endpoints is usually straightforward but tedious to write. The $resource…

So guyz , in this tutorial you will learn how to create Extensions in yii2 framework Our plan is as follows: We will develop our extension in a folder, which is different from our example CRM application. This extension will be…

Web browsers enforce the same-origin security policy. This policy authorizes XHR interactions only with resources originating from the same source (defined as a combination of a protocol, host and its port) and enforces restrictions on…

Obviously, in complicated setups, you'll have a lot of CSS and JavaScript files registered to pages, and this is a major drawback. The current best practice is to compress and combine all CSS files into a single file and do the same with…

Doing XHR and JSONP calls using the $http service is straightforward. Let's consider an example of fetching JSON content with a GET request: var futureResponse = $http.get('data.json'); futureResponse.success(function (data, status,…

The collection object is powerful as it not only contains the data returned from the database, but also many helper methods, allowing you to manipulate that data before displaying it to the user. Checking whether a key exists in a…

A test for a controller follows similar a pattern to the one for a service. Let's have a look at the fragment of the ProjectsEditCtrl controller from the sample application. This controller in question is responsible for the editing…

In this tutorial you will learn how  to deal with compoments in yii application , Let's take a look at the application initialization happening in the index.php entry point file: require(__DIR__ . '/../vendor/yiisoft/yii2/Yii.php');…

The Abstract Factory pattern is a creative way to expand on the basic Factory pattern. Since the Factory pattern is a class that creates other classes in a uniform way, the Abstract Factory pattern gives us a way to allow factories with…

Before installing vagrant notify learn how to set up vagrant and homestead   If your development environment is a Vagrant Box, installing vagrant-notify will allow Laravel Elixir to interact directly with the host and display native…