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,''));

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

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. ..

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
  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.

..

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

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

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.