Tuesday, March 18, 2014

jQuery Notes

jQuery Notes

Find and Replace Text using JQuery
/*
Find `[IMG]**url**[/IMG]` and replace to ``
*/
$('body').html( $('body').html().replace(/\[IMG\](.*?)\[\/IMG\]/gi,''));

Tuesday, October 1, 2013

PEAR notes

pear config-show

pear config-create / C:\xampp\php\pear.ini

pear -c c:\xampp\php\pear.ini config-set doc_dir c:\xampp\php\pear\docs
pear -c c:\xampp\php\pear.ini config-set bin_dir c:\xampp\php
pear -c c:\xampp\php\pear.ini config-set ext_dir c:\xampp\php\ext
pear -c c:\xampp\php\pear.ini config-set php_dir c:\xampp\php\pear
pear -c c:\xampp\php\pear.ini config-set cache_dir c:\xampp\php\cache
pear -c c:\xampp\php\pear.ini config-set cfg_dir c:\xampp\php\cfg
pear -c c:\xampp\php\pear.ini config-set data_dir c:\xampp\php\data
pear -c c:\xampp\php\pear.ini config-set download_dir c:\xampp\php\download
pear -c c:\xampp\php\pear.ini config-set php_bin c:\xampp\php\php.exe
pear -c c:\xampp\php\pear.ini config-set temp_dir c:\xampp\php\tmp
pear -c c:\xampp\php\pear.ini config-set test_dir c:\xampp\php\pear\tests
pear -c c:\xampp\php\pear.ini config-set www_dir c:\xampp\php\pear\www

pear -c c:\xampp\php\pear.ini config-show

pear -c c:\xampp\php\pear.ini config-set auto_discover 1
pear -c c:\xampp\php\pear.ini install pear.phpqatools.org/phpqatools

Sunday, June 23, 2013

Catatan Command Prompt aka cmd

  1. Membuat menu Command Here pada Explorer
    Buat file "cmd.reg" dengan isi file sebagai berikut :
    
    Windows Registry Editor Version 5.00
    [HKEY_CLASSES_ROOT\Directory\shell\OpenNew]
    @="Command Prompt"
    [HKEY_CLASSES_ROOT\Directory\shell\OpenNew\Command]
    @="cmd.exe /k cd %1"
    [HKEY_CLASSES_ROOT\Drive\shell\OpenNew]
    @="Command Prompt"
    [HKEY_CLASSES_ROOT\Drive\shell\OpenNew\Command]
    @="cmd.exe /k cd %1"
    
    Simpan dan jalankan dengan klik kanan pada file di Windows Explorer - lalu pilih "merge"

  2. Koneksi SVN dengan/dibelakang proxy server
    Edit file 'servers' yang ada si folder Subversion, kemudian tambahkan value berikut :
    
    >edit %APPDATA%\Subversion\servers
    http-proxy-host=192.168.0.1
    http-proxy-port=80
    
    http-proxy-username=[username]
    http-proxy-password=[password]
    
    ftp_proxy=http://192.168.0.1:3128
    https_proxy=http://192.168.0.1:3128
    
    http_proxy=http://192.168.0.1:3128
    
    export http_proxy=http://192.168.0.1:3128/
    export https_proxy=$http_proxy
    export ftp_proxy=$http_proxy
    export dns_proxy=$http_proxy
    export rsync_proxy=$http_proxy
    export no_proxy="localhost,127.0.0.1,localaddress,.localdomain.com"
    
    
  3. ..

Tuesday, June 11, 2013

Development Tools

Javascript Frameworks :
  • EmberJS
    MVC+Router with Handlebars.js as template
  • BackboneJS
    MVP (Model View Presenter) Single page web application
  • MarionetteJS
    Backbone.Marionette is a composite application library for Backbone.js that aims to simplify the construction of large scale JavaScript applications. It is a collection of common design and implementation patterns found in the applications that we have been building with Backbone, and includes pieces inspired by composite application architectures, event-driven architectures, messaging architectures, and more.
  • Coffeescript
    is a programming language that transcompiles to JavaScript. The language adds syntactic sugar inspired by Ruby, Python and Haskell to enhance JavaScript's brevity and readability, adding sophisticated features like list comprehension and pattern matching. CoffeeScript compiles predictably to JavaScript and programs can be written with less code, typically 1/3 fewer lines, with no effect on runtime performance. Since March 16, 2011, CoffeeScript has been on GitHub's list of most-watched projects, and as of today is the eleventh most popular language on GitHub. [http://en.wikipedia.org/wiki/CoffeeScript]
  • Modernizr
    Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Modernizr runs quickly on page load to detect features; it then creates a JavaScript object with the results, and adds classes to the html element for you to key your CSS on. Modernizr supports dozens of tests, and optionally includes YepNope.js for conditional loading of external .js and .css resources.
  • CanJS
    Want to share code between a Zepto mobile app and a jQuery desktop app? No problem. CanJS code (especially models) can be shared across libraries, and so can skill sets! Working on a Dojo project today and a YUI one tomorrow? Don’t throw away all of your skills.
  • Underscore.js
    Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. It's the tie to go along with jQuery's tux, and Backbone.js's suspenders.
  • AMD / RequireJS
    RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code.
Javascript Test Frameworks :
  • Mocha
    Mocha is a feature-rich JavaScript test framework running on node and 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
  • Chai
    Chai is a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework.
  • JSHint
    is a tool to detect errors and potential problems in JavaScript code and can be used to enforce coding conventions.
Build tools/ Automation Framework :
  • Apache Maven
    Build Automation
  • PHP Maven
    Build Automation for PHP
  • Grunt.js
    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. After you've configured it, a task runner can do most of that mundane work for you—and your team—with basically zero effort.
  • Travis-CI
    Focus on writing code. Let Travis CI take care of running your tests and deploying your apps.
Style (CSS) Tools :
  • LESS
    The dynamic stylesheet language. LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the server-side (with Node.js and Rhino) or client-side (modern browsers only).
  • SASS
    Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
  • Stylus
    Expressive, dynamic, robust CSS
Template System :
  • Handlebars
    Handlebars provides the power necessary to let you build semantic templates effectively with no frustration. Mustache templates are compatible with Handlebars, so you can take a Mustache template, import it into Handlebars, and start taking advantage of the extra Handlebars features.
  • Mustache
    "Logicless Templates" - Mustache can be used for HTML, config files, source code - anything. It works by expanding tags in a template using values provided in a hash or object. We call it "logic-less" because there are no if statements, else clauses, or for loops. Instead there are only tags. Some tags are replaced with a value, some nothing, and others a series of values. This document explains the different types of Mustache tags.
  • Jade 
    Node template - Jade is a high performance template engine heavily influenced by Haml and implemented with JavaScript for node.
UI Boilerplate :
  • Bootstrap
    Sleek, intuitive, and powerful front-end framework for faster and easier web development.
Database Alternatives :
  • Redis
    Redis is an open source, BSD licensed, advanced key-value cache and store. It is often referred to as a data structure server since keys can contain strings, hashes, lists, sets, sorted sets, bitmaps and hyperloglogs.

..

Tuesday, May 21, 2013

Catatan Web Server

Untuk menambahkan Virtual Host

Edit \apache\conf\httpd.conf
Listen 8080
Listen 8081

Edit \apache\conf\extra\httpd-vhosts.conf
NameVirtualHost *:8080
NameVirtualHost *:8081


 ServerName v1
 DocumentRoot "C:/xampp/htdocs/"
 <directory "C:/xampp/htdocs/">
  DirectoryIndex index.php
  AllowOverride All
  Order allow,deny
  Allow from all
 </directory>



 ServerName zendApp
 DocumentRoot "C:/xampp/htdocs/ZendSkeletonApplication/public/"
 SetEnv APPLICATION_ENV "development" 
 <directory "C:/xampp/htdocs/ZendSkeletonApplication/public/">
  DirectoryIndex index.php
  AllowOverride All
  Order allow,deny
  Allow from all
 </directory>


yang perlu di ingat
  1. buang tanda komentar "#" (tanda pagar) untuk Include conf/extra/httpd-vhosts.conf pada httpd.conf
  2. ubah tanda "garis miring" "\" (back slash) menjadi "/"
  3. port web server harus sama antara yang ada di httpd.conf dengan httpd-vhosts.conf

Wednesday, August 22, 2012

Writing script in your blog - Menulis kode/skrip di blog anda

The first phase copy the script below, change 'www.yourweb.com' on your website and make sure the required files are stored according to the place.

Tahap pertama copy skrip dibawah ini, ubah 'www.yourweb.com' sesuai web anda dan pastikan file yang dibutuhkan sudah tersipan sesuai dengan tempatnya.





Use this before you write your code :

Untuk Penulisan Kode :



// tulis kode disini

Tuesday, July 3, 2012

Aplikasi Persuratan NOTES

===========
Revision history
===========

20120704
  • Biar nggak salah input ke jenis surat lainnya, sekarang dah ditambahkan label jenis surat di depan textbox asal surat.
  • Modul surat keluar sudah dibuat hanya kurang import PDF file ke server.