AmrMekkawy

.navbar
.caret
.label
.table
.img-responsive
.img-rounded
.img-thumbnail
.img-circle
.sr-only
.lead

AmrMekkawy

Typing vagrant from the command line will display a list of all available commands.

Be sure that you are in the same directory as the Vagrantfile when running these commands!

Common Vagrant Commands

• vagrant up -- starts vagrant environment (also provisions only on the FIRST vagrant up)
• vagrant status -- outputs status of the vagrant machine
• vagrant halt -- stops the vagrant machine
• vagrant reload -- restarts vagrant machine, loads new Vagrantfile configuration
• vagrant provision -- forces reprovisioning of the vagrant machine

AmrMekkawy

$(function() {
    // Remove any character or symbole and keep only
    // numbers in the "Reference Number" input field
    $("input[type=text]").on("keyup keydown", function() {
        var refNumber = keepOnlyNumbers($(this).val());
        $(this).val(refNumber);
    });  
});

// Remove any character or symbol withen

AmrMekkawy

How to access MySQL through Vagrant?

# Go to the root of your project
cd /path/to/your/project/root

# Enter vagrant
vagrant ssh

# Access MySQL

AmrMekkawy

How to access your project's files and folders through Vagrant?

# Go to the root of your project
cd /path/to/your/project/root

# Enter vagrant
vagrant ssh

# Access the project's files and folders

AmrMekkawy

Laravel Naming Conventions & Best Practices

Laravel Naming Conventions

• github.com/alexeymezenin
• How to name models with a name consists of multiple words?

AmrMekkawy

/**
 * If the password input in your form has the name "password", then
 * you only need to pass the form object to the function.
 * But if your password input has a name other than "password", then you need to add
 * a class for it and pass that class name to the function with the form object.
 */
function togglePasswordVisibility($form, passwordInputClass) {
    var x;

    // If the user gave the password input a class name and passed it to the function

AmrMekkawy

TypeScript Tips & Tricks

How to setup a workspace for your TypeScript project?

# Go to the root of you project
cd /d/path/to/your/project/directory/

AmrMekkawy

How to use npm (Node Package Manager)?

# Go to your project directory
$ cd /path/to/your/project/directory

AmrMekkawy

<?php

/**
 * Force Download
 *
 * Generates headers that force a download to happen
 * Example usage:
 * force_download( 'screenshot.png', './images/screenshot.png' );
 *
 * Source: https://goo.gl/fhTaW4