28 October, 2018

Bootstrap Get Started

Programing Coderfunda October 28, 2018 Bootstrap, Bootstrap3 No comments

Bootstrap Get Started

What is Bootstrap?

Bootstrap is a free front-end framework for faster and easier web development
Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins
Bootstrap also gives you the ability to easily create responsive designs

What is Responsive Web Design?

Responsive web design is about creating web sites which automatically adjust themselves to look good on all devices, from small phones to large desktops.

Bootstrap History

Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub.

In June 2014 Bootstrap was the No.1 project on GitHub!

Why Use Bootstrap?

Advantages of Bootstrap:

Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap
Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets, and desktops
Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core framework
Browser compatibility: Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Edge, Safari, and Opera)

Where to Get Bootstrap?

There are two ways to start using Bootstrap on your own web site.

You can:

Download Bootstrap from getbootstrap.com
Include Bootstrap from a CDN

Downloading Bootstrap

If you want to download and host Bootstrap yourself, go to getbootstrap.com, and follow the instructions there.

Bootstrap Get Started

Programing Coderfunda October 28, 2018 Bootstrap, Bootstrap3 No comments

Bootstrap Get Started

What is Bootstrap?

Bootstrap is a free front-end framework for faster and easier web development
Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins
Bootstrap also gives you the ability to easily create responsive designs

What is Responsive Web Design?

Responsive web design is about creating web sites which automatically adjust themselves to look good on all devices, from small phones to large desktops.

Bootstrap History

Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub.

In June 2014 Bootstrap was the No.1 project on GitHub!

Why Use Bootstrap?

Advantages of Bootstrap:

Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap
Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets, and desktops
Mobile-first approach: In Bootstrap 3, mobile-first styles are part of the core framework
Browser compatibility: Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Edge, Safari, and Opera)

Where to Get Bootstrap?

There are two ways to start using Bootstrap on your own web site.

You can:

Download Bootstrap from getbootstrap.com
Include Bootstrap from a CDN

Downloading Bootstrap

If you want to download and host Bootstrap yourself, go to getbootstrap.com, and follow the instructions there.

Bootstrap 3 Tutorial

Programing Coderfunda October 28, 2018 Bootstrap, Bootstrap3 No comments

Bootstrap 3 Tutorial

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.

Bootstrap is completely free to download and use!

Try it Yourself Examples

This Bootstrap tutorial contains hundreds of Bootstrap examples.

With our online editor, you can edit the code, and click on a button to view the result.

<div class="jumbotron text-center">
  <h1>My First Bootstrap Page</h1>
  <p>Resize this responsive page to see the effect!</p>
</div>

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor..</p>
      <p>Ut enim ad..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor..</p>
      <p>Ut enim ad..</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>
      <p>Lorem ipsum dolor..</p>
      <p>Ut enim ad..</p>
    </div>
  </div>
</div>

Bootstrap 3 Tutorial

Programing Coderfunda October 28, 2018 Bootstrap, Bootstrap3 No comments

Bootstrap 3 Tutorial

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.

Bootstrap is completely free to download and use!

Try it Yourself Examples

This Bootstrap tutorial contains hundreds of Bootstrap examples.

With our online editor, you can edit the code, and click on a button to view the result.

Object Oriented PHP for Beginners: Steps 1 – 6

Programing Coderfunda October 27, 2018 object, oop's, php No comments

Object Oriented PHP for Beginners: Steps 1 – 7

Step 1:

Directly accessing properties – don’t do it!

You don’t have to use methods to access objects properties; you can directly get to them using the arrow operator (->) and the name of the variable.

For example: with the property $name (in object $stefan) you could get its value like so:

$name = $stefan->name;

Though doable, it is considered bad practice to do it because it can lead to trouble down the road. You should use getter methods instead – more on that later.

<?php include("class_lib.php"); ?>  
<?php 
 $stefan = new person();  
 $jimmy = new person;
 
 $stefan->set_name("Stefan Mischook");
 $jimmy->set_name("Nick Waddles"); 
 
 // directly accessing properties in a class is a no-no.
 echo "Stefan's full name: ".$stefan->name;
?>

Step 2:

Constructors

All objects can have a special built-in method called a ‘constructor’. Constructors allow you to initialise your object’s properties (translation: give your properties values,) when you instantiate (create) an object.

Note: If you create a __construct() function (it is your choice,) PHP will automatically call the __construct() method/function when you create an object from your class.

The ‘construct’ method starts with two underscores (__) and the word ‘construct’.

<?php   
 class person {
  var $name;
  function __construct($persons_name) {  
   $this->name = $persons_name;  
  }  
 
  function set_name($new_name) {
     $this->name = $new_name;
  } 
 
  function get_name() {  
     return $this->name;  
   }  
 
 }   
?>

For the rest of this tutorial, I’m going to stop reminding you that:

Functions = methods
Variables = properties

Since this is an OO PHP tutorial, I will now use the OO terminology.

Step 3:

Create an object with a constructor

Now that we’ve created a constructor method, we can provide a value for the $name property when we create our person objects.

You ‘feed’ the constructor method by providing a list of arguments (like you do with a function) after the class name.

For example:

$stefan = new person("Stefan Mischook");

This saves us from having to call the set_name() method reducing the amount of code. Constructors are common and are used often in PHP, Java etc.

<?php include("class_lib.php"); ?>  
<?php 
 $stefan = new person("Stefan Mischook");
 echo "Stefan's full name: ".$stefan->get_name();
?>

This is just a tiny example of how the mechanisms built into OO PHP can save you time and reduce the amount of code you need to write. Less code means fewer bugs.

Step 4:

Restricting access to properties using ‘access modifiers’

One of the fundamental principles in OOP is ‘encapsulation’. The idea is that you create cleaner better code, if you restrict access to the data structures (properties) in your objects.

You restrict access to class properties using something called ‘access modifiers’. There are 3 access modifiers:

public
private
protected

‘Public’ is the default modifier.

<?php   
 class person {  
 var $name;  
  public $height;  
  protected $social_insurance;
  private $pinn_number;
 
  function __construct($persons_name) {  
   $this->name = $persons_name;  
  }  
 
  function set_name($new_name) {    
   $this->name = $new_name;
  } 
 
  function get_name() {
   return $this->name;
  }  
 
 }
?>

Note: When you declare a property with the ‘var’ keyword, it is considered ‘public’.

Step 5:

Restricting access to properties: part 2

When you declare a property as ‘private’, only the same class can access the property.

When a property is declared ‘protected’, only the same class and classes derived from that class can access the property – this has to do with inheritance …more on that later.

Properties declared as ‘public’ have no access restrictions, meaning anyone can access them.

To help you understand this (probably) foggy aspect of OOP, try out the following code and watch how PHP reacts. Tip: read the comments in the code for more information:

<?php include("class_lib.php"); ?>
<?php  
 $stefan = new person("Stefan Mischook");   
 echo "Stefan's full name: " .  $stefan->get_name() ;  
 
 /*  
 Since $pinn_number was declared private, this line of code 
 will generate an error. Try it out!   
 */  
 
 echo "Tell me private stuff: ".$stefan->pinn_number;  
?>

Note: If you try to access a private property/variable outside of the class, you will get this:

'Fatal error: Cannot access private property person::$pinn_number in ...'

Step 6:

Restricting access to methods

Like properties, you can control access to methods using one of the three
access modifiers:

public
protected
private

Why do we have access modifiers?

In a nutshell: it comes down to control -it is makes sense to control how people use classes.

The reasons for access modifiers and other OO constructs, can be tricky to understand … especially since we are just beginners here. So give yourself a chance!

That said, we can (summarize and) say that many OOP constructs exist with idea the many programmers may be working together on a project.

<?php 
 class person {  
  var $name;  
 
  public $height;  
  protected $social_insurance;  
  private $pinn_number;
 
  function __construct($persons_name){   
     $this->name = $persons_name;  
  }       
 
  private function get_pinn_number(){
   return
   $this->pinn_number;  
  }       
 }   
?>

Notes: Since the method get_pinn_number() is ‘private’, the only place you can use this method is in the same class – typically in another method. If you wanted to call/use this method directly in your PHP pages, you would need to declare it ‘public’.

Nerd Note: Again, it is important (as we go along,) that you actually try the code yourself. It makes a HUGE difference!

Object Oriented PHP for Beginners: Steps 1 – 6

Programing Coderfunda October 27, 2018 object, oop's, php No comments

Object Oriented PHP for Beginners: Steps 1 – 7

Step 1:

Directly accessing properties – don’t do it!

You don’t have to use methods to access objects properties; you can directly get to them using the arrow operator (->) and the name of the variable.

For example: with the property $name (in object $stefan) you could get its value like so:

$name = $stefan->name;

Though doable, it is considered bad practice to do it because it can lead to trouble down the road. You should use getter methods instead – more on that later.

<?php include("class_lib.php"); ?>  
<?php 
 $stefan = new person();  
 $jimmy = new person;
 
 $stefan->set_name("Stefan Mischook");
 $jimmy->set_name("Nick Waddles"); 
 
 // directly accessing properties in a class is a no-no.
 echo "Stefan's full name: ".$stefan->name;
?>

Step 2:

Constructors

Note: If you create a __construct() function (it is your choice,) PHP will automatically call the __construct() method/function when you create an object from your class.

The ‘construct’ method starts with two underscores (__) and the word ‘construct’.

<?php   
 class person {
  var $name;
  function __construct($persons_name) {  
   $this->name = $persons_name;  
  }  
 
  function set_name($new_name) {
     $this->name = $new_name;
  } 
 
  function get_name() {  
     return $this->name;  
   }  
 
 }   
?>

For the rest of this tutorial, I’m going to stop reminding you that:

Functions = methods
Variables = properties

Since this is an OO PHP tutorial, I will now use the OO terminology.

Step 3:

Create an object with a constructor

Now that we’ve created a constructor method, we can provide a value for the $name property when we create our person objects.

You ‘feed’ the constructor method by providing a list of arguments (like you do with a function) after the class name.

For example:

$stefan = new person("Stefan Mischook");

This saves us from having to call the set_name() method reducing the amount of code. Constructors are common and are used often in PHP, Java etc.

<?php include("class_lib.php"); ?>  
<?php 
 $stefan = new person("Stefan Mischook");
 echo "Stefan's full name: ".$stefan->get_name();
?>

This is just a tiny example of how the mechanisms built into OO PHP can save you time and reduce the amount of code you need to write. Less code means fewer bugs.

Step 4:

Restricting access to properties using ‘access modifiers’

One of the fundamental principles in OOP is ‘encapsulation’. The idea is that you create cleaner better code, if you restrict access to the data structures (properties) in your objects.

You restrict access to class properties using something called ‘access modifiers’. There are 3 access modifiers:

public
private
protected

‘Public’ is the default modifier.

<?php   
 class person {  
 var $name;  
  public $height;  
  protected $social_insurance;
  private $pinn_number;
 
  function __construct($persons_name) {  
   $this->name = $persons_name;  
  }  
 
  function set_name($new_name) {    
   $this->name = $new_name;
  } 
 
  function get_name() {
   return $this->name;
  }  
 
 }
?>

Note: When you declare a property with the ‘var’ keyword, it is considered ‘public’.

Step 5:

Restricting access to properties: part 2

When you declare a property as ‘private’, only the same class can access the property.

When a property is declared ‘protected’, only the same class and classes derived from that class can access the property – this has to do with inheritance …more on that later.

Properties declared as ‘public’ have no access restrictions, meaning anyone can access them.

To help you understand this (probably) foggy aspect of OOP, try out the following code and watch how PHP reacts. Tip: read the comments in the code for more information:

<?php include("class_lib.php"); ?>
<?php  
 $stefan = new person("Stefan Mischook");   
 echo "Stefan's full name: " .  $stefan->get_name() ;  
 
 /*  
 Since $pinn_number was declared private, this line of code 
 will generate an error. Try it out!   
 */  
 
 echo "Tell me private stuff: ".$stefan->pinn_number;  
?>

Note: If you try to access a private property/variable outside of the class, you will get this:

'Fatal error: Cannot access private property person::$pinn_number in ...'

Step 6:

Restricting access to methods

Like properties, you can control access to methods using one of the three
access modifiers:

public
protected
private

Why do we have access modifiers?

In a nutshell: it comes down to control -it is makes sense to control how people use classes.

The reasons for access modifiers and other OO constructs, can be tricky to understand … especially since we are just beginners here. So give yourself a chance!

That said, we can (summarize and) say that many OOP constructs exist with idea the many programmers may be working together on a project.

<?php 
 class person {  
  var $name;  
 
  public $height;  
  protected $social_insurance;  
  private $pinn_number;
 
  function __construct($persons_name){   
     $this->name = $persons_name;  
  }       
 
  private function get_pinn_number(){
   return
   $this->pinn_number;  
  }       
 }   
?>

Nerd Note: Again, it is important (as we go along,) that you actually try the code yourself. It makes a HUGE difference!

28 October, 2018

Bootstrap Get Started

What is Bootstrap?

Bootstrap History

Why Use Bootstrap?

Where to Get Bootstrap?

Downloading Bootstrap

Bootstrap Get Started

What is Bootstrap?

Bootstrap History

Why Use Bootstrap?

Where to Get Bootstrap?

Downloading Bootstrap

Try it Yourself Examples

Try it Yourself Examples

27 October, 2018

Object Oriented PHP for Beginners: Steps 1 – 7

Step 1:

Step 2:

Step 3:

Step 4:

Step 5:

Step 6:

Object Oriented PHP for Beginners: Steps 1 – 7

Step 1:

Step 2:

Step 3:

Step 4:

Step 5:

Step 6:

Meta

Popular Posts

Categories

Social Media Links

Pages

Blog Archive

Data Publish News

Al Jazeera – Breaking News, World News and Video from Al Jazeera

Laravel News