This is a summary of PWA Roadshow video from Google Chrome developers, here is list of each video with summary: All about PWAs. Statistics (2017): 13% Mobile. => 87% Apps native. but 87%??? more predictable. easy to find on home screen. push notification. Native app is a big commitment in: Space Time Cost hints: 78% of time spent is in user’s top three apps. so, Progressive web app come to…
Read MoreVujs documentation summary
Today i finished from Vuejs documentation and i summarised it as a tags to review it quickly. The data and the DOM are now linked, and everything is now reactive. Directive: are prefixed with v- to indicate that they are special attributes provided by Vue and they apply special reactive behavior to the rendered DOM. v-bind directive, EX:: v-bind:title to bind data into title attribute for element. Conditionl:: v-if…
Read MoreJavaScript ES5 Summary
This is the summary of ES5 as a tags summarized from Speaking Javascript Book. Strict mode. Accessors(Getter & Setter). New Functios: Object.create() Object.getPrototypeOf() Object.defineProperty() Object.defineProperties() Object.getOwnPropertyDescriptor() Object.keys() Object.getOwnPropertyNames() Object.preventExtensions() Object.isExtensible() Object.seal() Object.isSealed() Object.freeze() Object.isFrozen() Function.prototype.bind() New Methods: Array.isArray() Array.prototype.every() Array.prototype.filter() Array.prototype.forEach() Array.prototype.indexOf() Array.prototype.lastIndexOf() Array.prototype.map() Array.prototype.reduce() Array.prototype.some() Date.now() Date.prototype.toISOString() JSON.parse(). JSON.stringify(). Object.prototype.toJSON() and you can checked the Basic and Advanced topics also summarized from this Book: Javascript basics Advanced javascript
Read MoreAdvanced Javascript as a Tags
This is the advanced in Javascript as a tags, summarized from Speaking Javascript Book. ####################### Syntax ################# The normal (nonstrict) mode is sometimes called “sloppy mode.” Variables Must Be Declared in Strict Mode. in strict mode code, functions can only be declared at top level or immediately within another function. Due to strict mode, you get a warning when you accidentally forget new and call it as a function.…
Read MoreJavascript Basics as a Tags
This is a Javascript basics as a tags, summarized from Speaking Javascript Book. Primitive:: Numbers, Boolean, String, Undefined & Null Objects:: plain object, array, regular expression Primitive :: (immutable) Properties can’t be changed, added, or removed Objects :: (Mutable) change, add, and remove properties undefined means “no value.” Uninitialized variables are undefined null means “no object” undefined and null are considered false false, 0, NaN, and ” are also…
Read MoreAngular js 1.x – Main Concepts presented in FronteersJo Meetup #5
Introduced the main concepts of AngularJS framework. this slides presented in FronteersJo meetup (12 Nov).
Read MoreWeb Performance – presented in FronteersJo meetup #3
From the beginning of this year (2016) i organizing a meetup called FronteersJo and we talking about front end development techniques, and i will share the slides i already presented, so now its Web performance presented in Aug 23, 2016.
Read MoreGenerate Charts/Widgets in smart way by angularjs – LegoCharts
Live Demo. Dependencies: JQuery. AngularJS. D3JS. NVD3. LegoStyle CSS Framework. You want to generate chart with very dynamic parameters? You care about performance? You want to manage the chart size, colors, order, type, label and others from one place? Do you like angularjs framework? so you’ll love LegoCharts plugin, actually i created this plugin with love in Bayt(.)com and specialy in BCCs(Branded Career Channel) project to show a very…
Read MoreWriting a good jQuery plugin
You spend weeks developing a complex plugin, which does everything and you publish it on GitHub, create an awesome website and wait for users to roll in creation, you wait…and wait… but very few customers, Okay…so what gives? and download your latest Actually, you can write code but you missed of some good practices, so here is some practices i want to share it with you before publish you code: 1. Documentation.…
Read MoreAdvanced topics in HTML5 & CSS3
Lately, I have finished from present a training in advanced topics in HTML5 and CSS3 in collaborate with Prince Sumaya University, here is the main topics covered: HTML4 Review. HTML5 Elements and Attributes. Advanced Topics in HTML5(Canvas, LocalStorage, AppCache, Drag&Drop, Web Worker, History Api, Geolocation, Web Sockets and FileSystem). Web Performance. Web Accessibility & Microdata. Web Design Approches(Resposnive, Adaptive, Fluid). Mobile touch events. The most important resources in front end…
Read More