Categories
AngularJS JavaScript

jQuery File Upload Plugin

Wow…!! File Uploader with well documentation and many unexpected features with multiple file selection, drag and drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing.

Server Side Platform Support

  • PHP
  • Python
  • Ruby on Rails
  • Java
  • Node.js and Go

Available Features

  • Multiple file upload:
    Allows to select multiple files at once and upload them simultaneously.
  • Drag & Drop support:
    Allows to upload files by dragging them from your desktop or file manager and dropping them on your browser window.
  • Upload progress bar:
    Shows a progress bar indicating the upload progress for individual files and for all uploads combined.
  • Cancelable uploads:
    Individual file uploads can be canceled to stop the upload progress.
  • Resumable uploads:
    Aborted uploads can be resumed with browsers supporting the Blob API.
  • Chunked uploads:
    Large files can be uploaded in smaller chunks with browsers supporting the Blob API.
  • Client-side image resizing:
    Images can be automatically resized on client-side with browsers supporting the required JS APIs.
  • Preview images, audio and video:
    A preview of image, audio and video files can be displayed before uploading with browsers supporting the required APIs.
  • No browser plugins (e.g. Adobe Flash) required:
    The implementation is based on open standards like HTML5 and JavaScript and requires no additional browser plugins.
  • Graceful fallback for legacy browsers:
    Uploads files via XMLHttpRequests if supported and uses iframes as fallback for legacy browsers.
  • HTML file upload form fallback:
    Allows progressive enhancement by using a standard HTML file upload form as widget element.
  • Cross-site file uploads:
    Supports uploading files to a different domain with cross-site XMLHttpRequests or iframe redirects.
  • Multiple plugin instances:
    Allows to use multiple plugin instances on the same webpage.
  • Customizable and extensible:
    Provides an API to set individual options and define callback methods for various upload events.
  • Multipart and file contents stream uploads:
    Files can be uploaded as standard “multipart/form-data” or file contents stream (HTTP PUT file upload).
  • Compatible with any server-side application platform:
    Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.

Desktop Browser Support

  • Google Chrome
  • Apple Safari 4.0+
  • Mozilla Firefox 3.0+
  • Opera 11.0+
  • Microsoft Internet Explorer 6.0+

MObile Browser Support

  • Apple Safari Mobile on iOS 6.0+
  • Google Chrome on Android 4.0+
  • Opera Mobile 12.0+

File Upload DemoGihubURL

Categories
General Laravel

Laravel : Helpful Gems, Shortcuts Syntax and Many More

In our regular development life we are trying to do more better and efficient code. But the thing is that many developers don’t know the proper shortcuts & efficient helpers and many more things which helps to make more better coding. I listed here some shortcut of syntax which are helpful for you.

Common Syntax Vs Shorter Syntax

Some of Laravel Eloquent hidden gems

  • Conditional DB Query

Sometimes we need conditional query but when the both result (or none ) returns true, then we generally do separate eloquent calls as like  

Another better way to repeat eloquent call

  • Use where() on a with() by using whereHas()

If you want to need of constraints on models’s relationship then return those result whose relationship match that constraint,  hahahahah… It’s much better solution

->whereHas() checks that 

  • The relationship exists
  • Allows you to pass a closure that you can use to add constraints to the query being called
  • Using the shorter where method for date column

The below method is most important, it’s a recommendation to use those filter for date column intend of where clauses or looping through the returned collection to breakdown the date and grab only ones from a particular month.

  • Only return models if they have a particular relationship using has().

The below example says required ->has(‘specification’) means return those eloquent model whose records exist in DB. 

  • Use of (skip / take) instead of offset and limit

To limit the number of results returned from the query or to skip a given number of results in the query. It is easy to read & sort as like skip(10) users and take(5) 

Categories
Laravel Uncategorized

Laravel Certification

   It’s a great opportunity… 

Stand out. Get Certified

Yaaaa, You can become globally recognized certified developer or the certified team for your expertise in creating modern web applications with Laravel. The Board of Advisors provides good knowledge & high-quality exams. For more information related links are here.

Certified Developer


Stand out in a stack of resumes. Differentiate yourself from your peers by proving your in-depth Laravel knowledge.

Certified Team


Your company has the best Laravel experts. Do your customers know it? Certify your team and gain your customer’s trust.

 

Related Links – 

Laravel Certification

laravel-news

Categories
Angular General

Angular – Font Awesome Icons

Font awesome introducing icon module & component for angular,

 API docsThe official Angular module/component documentation
 GitHub projectWhere to submit issues and collaborate/contribute to codebase

Install Using npm : –

  • npm i @fortawesome/angular-fontawesome

Install Using yarn : –

  • yarn add @fortawesome/fontawesome-svg-core
  • yarn add @fortawesome/free-solid-svg-icons
  • yarn add @fortawesome/angular-fontawesome

For more details – https://fontawesome.com/how-to-use/on-the-web/using-with/angular

Categories
General Laravel

Deep Diving with Laravel – Queue System

It’s a detail information of Laravel queue system with step by step working,  

Queue System  : – Laravel is shipped with a built-in queue system that helps you run tasks in the background & configure how the system should react in different situation using a very simple API.

Check out the full documentation for more information.

Laravel Queue ,   Queue system 

Monitoring Queue (Laravel Horizon) :-  Laravel Horizon is a queue manager that gives you full control over your queues. It provides means to configure how your jobs are processed, generate analytics, and perform different queue-related tasks from within a nice dashboard

Check out the full documentation for more information.

Laravel Horizon,   The Horizon

Categories
Angular

The Angular Console – for Developers

I am so happy, because angularconsole take responsibility of

  • Build CLI Commands Visually.
  • Trivial Code Generation
  • Run Custom NPM Scripts
  • Discover and Install Extensions
  • Build CLI Commands Visually
  • Integrated Terminal Output
  • Import Existing Projects

It’s a direct interface for performing many task when you go with angular.  You can perform Test, Build, Generate Component and also Serve application.

for more info – angularconsole

Categories
Angular

Angular 5 From Scratch – Best Tutorial Free..!! Free..!!

It’s best tutorial for beginner,  It covers step by step requirements for angular & also explain in simple way with Theory & live demos by punker & with video … I am search lot of tutorials but this one is best for me it maybe help full for others…..

It Covers –  #es6, #typescript, #oops , #angular, #livedemos, #videos

E-book – Free e-book over 700+ pages with deep information

Tutorial Overview : – Angular 5 Tutorial

Categories
Laravel

Laravel 5.5 LTS

The laravel 5.5 (LTS) officially released, With new ideas and improvements, a lot of things. Here are some highlighted features in this video

 

Here are some laravel 5.5 LTS related links

Release Notes

What’s new in laravel 5.5 series

Laravel 5.4 to 5.5 – Upgrade Guide

All tutorials & news & all about

Categories
JavaScript

JQuery Fancytree – Tree View

Fancytree is tree view/tree grid package to generate the nested level of nodes is like parent child relationship. It’s Flexible, Extensible modular design, Rich object oriented API, Browser Support is too good, Handling big data structure etc…! The fancytree support for keyboard, inline editing, filtering, checkboxes, drag N drop, and lazy loading etc. Here is the list of main features.

Main features

  • Lazy loading and efficient and performant handling of large data sets
  • Keyboard navigation
  • WAI-ARIA compliant
  • Table view support (aka tree grid)
  • (Hierarchical) selection and checkboxes
  • Drag and drop (html5 or jQuery UI based)
  • Inline editing
  • Searching and filtering
  • Persistence of expansion, selection, and active state
  • Themable (comes with WinXP, Win7, Win8, OS X Lion, and Glyph samples)
  • The tree behaves like a single form control, i.e. it is ‘tabbable’
  • Rich object oriented API
  • Extensible modular design
  • and many more…

It comes with a lot of different examples, Please follow below links.

Github – fancytree

All demos – Fancytree examples

Bootstrap demo – Bootstrap Fancytree demo

Documentation – Fancytree doc

Main Concept –Fancytree-concept

Categories
Laravel PHP

Laravel Inspector – debugging and profiling tools for Web Artisans

This one is awesome laravel inspect tool for debugging the application,  It helps to the developer to develop a Quality application, Finding errors,  Query log, Request time, Response etc……

#Currently Available Collectors

  • MessageCollector – Handling User’s message & dump.
  • Exception – Exception
  • DBCollector – Queries, including execution time and parameters binding.
  • TimersCollector – Timers and time stamps
  • RoutesCollector – Application routes
  • RequestCollector – Current Request
  • ResponseCollector – Current Response
  • SessionCollector – Session variables
  • ServerCollector – $_SERVER dump

For more information –  Laravel Inspector