Google App Scripts

Google App Script allows extensible functions to be created to work with G Suite products such as Docs, Sheets, Slides and Forms. It uses JavaScript as the language and can do things like: Add custom menus, dialogs, and sidebars to Google Docs, Sheets, and Forms. Write custom functions for Google Sheets. Publish web apps — either standalone or embedded in Google Sites. […]

Reactive Programming using RxJS

Reactive Programming Paradigm Asynchronous programming Works with Functional Programming ReactiveX works with many languages JS .Net Java   More information: http://reactivex.io/intro.html   Mission Statement ReactiveX observable model allows you to treat streams of asynchronous events with the same sort simple, composable operations that you use for collections of data items like arrays. It frees you […]

Overview of ES6 Javascript 2015

Sample source code files available here on github https://github.com/johnlee/es6   ECMAScript 2015 / ES6 Updated version from ES5 (2005 version). Released 2015. Supported by almost all major browsers. Some of the new features are: Syntax Modules and Classes Types and Object Extensions Iterators, Generators and Promises Arrays and Collections Reflect API Proxy API To see […]

Introduction to AngularJS

This is Angular Version 1 Introduction course to AngularJS (v1) from MVA.   @section scripts{       <script src=”~/Scripts/angular.js”></script>    <script src=”~/Scripts/angular-route.js”></script>    <script src=”~/Scripts/angular-resource.js”></script>    <script src=”~/Scripts/angular-animate.js”></script>    <script src=”~/Client/Scripts/AtTheMovies.js”></script>    <script src=”~/Client/Scripts/MovieService.js”></script>    <script src=”~/Client/Scripts/ListController.js”></script>    <script src=”~/Client/Scripts/DetailsController.js”></script>    <script src=”~/Client/Scripts/EditController.js”></script> } <h1>At the movies</h1> <div data-ng-app>    {{true ? “true” : “false”}} </div> Module = is an abstraction that allows you to […]

DOM Notes

Some quick reference notes on Document Object Model Created by the browser when a web page is loaded. It is an object model representing the HTML DOM is an object oriented representation of a web page It is hierarchical – based on the element tags <head>, <body> at top / root DOM is most commonly […]

JavaScript Best Practices

Ternary Conditionals var x = true ? true : false;   Nested Ternaries isArthur && isKing ? (weapon = ‘a, helment = ‘a) : isArcher ? (weapon = ‘b’, helmet = ‘b’) : (weapon = ‘c’, helmet = ‘c’);   Logical Assignments Var result = 42 || undefined; // 42 Var result2 = [‘sweet’] || […]

Overview of jQuery Mobile

Using jQuery Mobile for a web application that needed to be easily accessible to mobile users.     Download the project sample � MVC4Mobile This is a mobile app for showing Conference details. Sessions data for the conference is kept in the following XML file: ~/App_Data/Sessions/RawSessionsData.xml   The project starts with no pleasant mobile view […]