It's time to sharp Your JavaScript Skills

By -
If you check the “Stack Overflow Survey 2017”, you will find JavaScript still on the top. The number of jobs and future prospective it is worth to learning some of the new framework. 

Why JavaScript Popular?

Now days, almost every type of application you can built using JavaScript. Thanks to NodeJS and NPM community. The JavaScript boom comes when first NodeJS server comes into the existence. NodeJS has its own package manager i.e. open source libraries same as nugget Visual Studio package manager. 
JavaScript Object Oriented: With the help of TypeScript is a free and open-source programming language developed and maintained by Microsoft. It is a strict superset of JavaScript, and adds optional static typing and class-based object-oriented programming to the language.

Cross Platform Desktop App:

If we have front end skills and you want to develop the desktop application, with the help of Electron Atom framework you still built a desktop cross platform app. As Electron tag line “Build cross platform desktop appswith JavaScript, HTML, and CSS”. So you need not required any specific stills only JavaScript and HTML and CSS is sufficient. 
  1. Electron Atom - built and developed by GitHub team
Example of Cross Platform desktop app are, Postman, Visual Studio code and atom editor etc.
SharePoint JavaScript Framework: SharePoint will also support open source tooling to drive greater efficiencies when developing Parts and Apps. These tools should not be considered a replacement of an organizations traditional tools, but rather an extension of those, providing new opportunities to quickly get up and running with SharePoint development. Microsoft team also using same Node js ecosystem. 

JavaScript Framework  

There are large amount of JavaScript libraries exist. I am going to mentioned some of them.

Task runner

  1. Gulp : Gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.
  2. Grunt : In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes.

Testing

  1. Jasmine : Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests.
  2. QUnit : QUnit is a powerful, easy-to-use JavaScript unit testing framework. It's used by the jQuery, jQuery UI and jQuery Mobile projects and is capable of testing any generic JavaScript code.
  3. Mocha : Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser, making asynchronous testing simple and fun. Mocha tests run serially, allowing for flexible and accurate reporting, while mapping uncaught exceptions to the correct test cases.

Scalffolding

  1. yeoman : Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive.

Template System

  1. Mustache : mustache.js is an implementation of the mustache template system in JavaScript. Mustache is a logic-less template syntax.
  2. Handlebars : Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.

Package managers

  1. Bower : Web sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for you.
  2. NPM : npm is the package manager for JavaScript and the world’s largest software registry. Discover packages of reusable code — and assemble them in powerful new ways.

Framework

  1. AngularJS : Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop.
  2. React : A JavaScript library for building user interface.
  3. Polymer JS : Unlock the Power of Web Components. Polymer is a JavaScript library that helps you create custom reusable HTML elements, and use them to build performant, maintainable apps.
  4. Knockout : Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern

Mobile hybrid

  1. Ionic : The top open source framework for building amazing mobile apps. Ionic is the beautiful, free and open source mobile SDK for developing native and progressive web apps with ease.
  2. React Native : Build native mobile apps using JavaScript and React
  3. Phonegap : Build amazing mobile apps powered by open web tech.

Cross Platform Desktop App

  1. Electron : If you can build a website, you can build a desktop app. Electron is a framework for creating native applications with web technologies like JavaScript, HTML, and CSS. It takes care of the hard parts so you can focus on the core of your application.

Comments

Post a Comment

Popular posts from this blog

SharePoint RPC Protocols Examples Using OWSSVR.DLL

By -
Image
What is SharePoint RPC Protocols? Part 1 This reference includes information about the methods and usage of SharePoint Foundation Remote Procedure Call (RPC) protocol. This protocol can be used in Win32-based applications or in ASPX applications to make HTTP POST requests to the server. Methods in this protocol that do not modify the contents of the database can also be used in URL protocol to make HTTP GET requests. Definition taken from http://msdn.microsoft.com/en-us/library/ms448359.aspx You will find the OWSSVR.DLL in SharePoint 2010 Server Physical Path: C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\ISAPI and MOSS C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\ISAPI OWSSVR.DLL List of commands DialogView  Display ExportList GetProjSchema GetUsageBlob HitCounter RenderView To read more about the OWSSVR.DLL command Please read the URL Protocol from Microsoft Blog having a URL http://msdn.microsoft.com/en-us/
Read more

Send Email using SharePoint Rest API

By -
We have a requirement to send email vai SharePoint Rest API. We dig and find the below solution to send email using SharePoint API. Point Must be remember End point " /_api/SP.Utilities.Utility.SendEmail " end point to send email.  In JSON __metadata we used the type " SP.Utilities.EmailProperties ". The User / Group must have a read permission for particular site. where we placed this site code. JS Dependency  JQuery Code URL:  https://gist.github.com/BasantPandey/05189832546f2c6cc0bd008fcfec3264#file-sharepointsendemail-js Code  var Email = function (){ // Email Either email groupname or email address var from = ' abc.yahoo.com ' , to = ' abc.yahoo.com ' , cc = ' abc.yahoo.com ' , subject = ' My Email Subject ' ; this . options = this . options || {}; this . options [ ' fromEmail ' ] = this . options [ ' fromEmail ' ] || {}; this . options [ ' toEmail &
Read more

Query suggestions in SP 2013 Using Rest API (/_api/search/suggest)

By -
Image
SharePoint Query suggestions: In this post I am going to share with you code snippets to implement the query suggestion in custom text box. Below are the dependency files  1. Jquery UI : http://code.jquery.com/ui/1.10.0/jquery-ui.js 2. Jquery AutoComplete CSS: http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css http://code.jquery.com/ui/1.10.0/themes/base/jquery.ui.autocomplete.css 3. JQuery: http://code.jquery.com/jquery-1.8.3.js Query Suggestion Parameter: Here is the post http://blogs.msdn.com/b/nadeemis/archive/2012/08/24/sharepoint-2013-search-rest-api.aspx that specified the detail query suggestions parameter list. Implementation: I have two vertical examples. 1. People Vertical 2. Everything Vertical I wanted to display the query suggestions on TeamSite pages although my search is configured in one of our serach center, so when user search for a particular term and it contains in the search query completion list t
Read more