Thursday, May 25, 2017

12/05/2017

jquery selectors

☺jQuery selectors are one of the most important parts of the jQuery library.

☺All selectors in jQuery start with the dollar sign and parentheses: $(). 

1.Element selector
       $(document).ready(function(){
    $("button").click(function){
        $("p").hide();
    });
});


2.#id selector
       
  $(document).ready(function(){
    $("button").click(function(){
        $("#test").hide();
    });
});




 3.class selector
        $(document).ready(function(){
    $("button").click(function(){
        $(".test").hide();
    });
});
 

09/05/2017

15TH DAY AT UKI 


jQuery






Why use jquery?

1.jquery is a javascript library.
2.jquery simplifies javascript programming.
3.jquery is easy to learn.

         ☺ jQuery is a lightweight, "write less, do more", JavaScript library.
The purpose of jQuery is to make it much easier to use JavaScript on your website.

The jQuery library contains the following features:
  • HTML/DOM manipulation
  • CSS manipulation
  • HTML event methods
  • Effects and animations
  • AJAX
  • Utilities
 jquery syntex

Basic syntax is: $(selector).action()
  • A $ sign to define/access jQuery
  • A (selector) to "query (or find)" HTML elements
  • A jQuery action() to be performed on the element(s)


Examples:
$(this).hide() - hides the current element.
$("p").hide() - hides all <p> elements.
$(".test").hide() - hides all elements with class="test".
$("#test").hide() - hides the element with id="test".

Saturday, May 20, 2017

08/05/2017

14TH DAY AT UKI

ARRAY

   1.  Javascript arrays are used to store multiple values in a single variable.
        Example:
                 var cars=["saab","volvo","BMW"]

   2. We refer to an array element by referring to the index number.
        Example:
                var cars=["saab","volvo","BMW"]
                document.getElementById("demo").innerHTML=cars[0];
       result is saab

3.  Array indexes starts with 0.

 4. Arrays are a special type of objects.

 5. Length property
       The length property returns the number of elements.
          Example:
                var fruits=["banana","orange","apple","mango"];
                fruits.length;
      result is 4 
           


For Loop

    1.Loops are handy, if you want to run the same code over and over again, each time with a different value.

    for(statement1;statement2,statement3)
    {
     code block to be executed
     }

Example:
     for(i=0;i<5;i++)
     {
      text+="The number is"+i+"<br>";
      }
  

2.Statement1
Normally you will use statement 1 to initialize the variable used in the loop (i = 0).
This is not always the case, JavaScript doesn't care. Statement 1 is optional.


3.Statement2
Often statement 2 is used to evaluate the condition of the initial variable.

4.Statement3
Often statement 3 increments the value of the initial variable.
statement3 is optional.

Wednesday, May 17, 2017

05/05/2017

13TH DAY AT UKI


JAVASCRIPT

   1.  There are a number of different places where Javascript can be used but the most common place to use it is in a web page. 
                                                                                                               



    The HTML defines what the content is.
    CSS defines the appearance of a web page.
    Javascript adds behavior to the web page.


JAVASCRIPT VALUES

       The javascript syntax defines two types of values:
                     1.fixed values
                               fixed values are called literals.
                     2.variable values
                                 variable values are called variables.


JAVASCRIPT VARIABLES

       Javascript variables are containers for storing data values.

       All javascript variables must be identified with unique names.These unique names are called identifiers.

       Names for variables are :
             1.contain letters,digits,underscores and dollar signs.
             2.Names must begin with a letter.
             3.Names can also begin with $.
             4. Names are case sensitive.
             5.reserved words are cannot be used as names.

      In javascript, the equal sign(=) is an "assignment" operator, not an "equal" operator.

      The "equal" operator is written like == in javascript.


EXAMPLE:
        var price1=5;
        var price2=6;
        var total=price1+price2;  


JAVASCRIPT DATA TYPES

     Javascript variables can hold many data types:numbers,strings,objects.

        Examples:
          1.Number
               var length=16;
          2.String
               var lastname="johnson";
          3.Objects
               var X={firstname:"john",lastname:"doe"};

     In programming,data types are important concept.

     To be able to operate on variables,it is important to know something about the type.

     Javascript evaluates expressions from left to right.

     Different sequences can produce different results:

          var X=16+4+"volvo";
               results:20volvo
           
          var X="volvo"+16+4
               results:volvo164
                     Since the first operand is a string, all operands are treated as strings.

          Javascript has dynamic types.
                  This means that the same variables can be used to hold different data types:
             var X;
                 Now X is undefined.
                
             var X=5;
                 Now X is a number.

             var X="john";
                 Now X is a string.    
   
     

Monday, May 8, 2017

04/05/2017

12TH DAY AT UKI
😖 CREATE A WEBSITE.

1.NAVIGATION BAR
         A navigation bar is a navigation header that is placed at the top of the page.
        A standard navigation bar is created with <nav class="navbar navbar-default>

                                                                                                                         














2.CAROUSEL
       The carousel plugin is a component for cycling through elements,like a carousel(slide show).
       plugins can be included individually (using bootstrap's individual "carousel.js" file),or all at once(using "bootstrap.js" or "bootstrap.min.js").




3.LAYOUT
         websites often display content in multiple columns(like a magazine or newspaper)
         HTML5 offers new semantic elements that define the different parts of a web page:
         <header> - defines a header for a document or a section.
         <nav> - defines a container for navigation.
         <section> - defines a section in a document.
         <article> - defines an independent self-contained article.
         <aside> - defines content aside from the content(like a sidebar).
         <footer> - defines a footer for a document or a section.
         <details> - defines additional details.
         <summary> - defines a heading for the <details> element. 


























Wednesday, May 3, 2017

03/05/2017

11TH DAY AT UKI

1.BOOTSTRAP

😇Bootstrap is the most popular HTML,CSS and javascript framework for developing responsive,mobile-first web sites.

😇Bootstrap is completely free to download and use. 




2.WHY USE BOOTSTRAP?

😌Speed of development.
😍responsiveness.
😍consistency.
😍customizable.
😍support.



3. WHERE TO GET BOOTSTRAP?

       There are two ways to start use bootstrap on your own web site.
               1.  download bootstrap from get bootstrap.com
               2.include bootstrap  from a CDN.





Tuesday, May 2, 2017

02/05/2017

10TH DAY AT UKI


PERSONAL COACHING
      
    LEADERSHIP
         Manager - authority power(power of position)

         Leader - charismatic power


    LEADER
       1.  transactional(task oriented)

       2. transformational(people oriented)


    MBO - Management By Objective


    CSR - Corporate Social Responsibility 
  
Extroverts - Funny type

Introverts - developers


DIV TAG

😵The div tag defines a division or a section in an html document.
😵the div tag is used to group block-elements to format them with CSS.







Monday, May 1, 2017

28/04/2017

9th day at uki

1. PERSONAL COACHING
       
😍SMART
  ♧♧ S - Specific
 ♧♧  M - Measurable
  ♧♧ A - Achievable
 ♧♧  R - Realistic
♧♧  T - Time oriented

😍GOAL SUCCESS FORMULA
   ♧♧ C - Clear
    ♧♧C - Confidence 100%
   ♧♧ E - Expectation
  ♧♧  E - Emotions 

GOAL SETTINGS

CSS
   Three types of css
      1. Inline css
      2.Internal css
      3.External css

INLINE CSS
   An inline CSS is used to apply a unique style to a single HTML element.
   An inline CSS uses the style attribute of an HTML element.

           <html>
           <body>
              <h1 style ="color:yellow;">
                    this is a heading</h1>
           </body>
           </html>

INTERNAL CSS


      <html>
      <head>
       <style>
          body {background-color:powder blue;}
          h1 {color:blue;}
          p {color:red;}
       </style>
      </head>
      <body>
         <h1> this is a heading </h1>
          <p> this is a paragraph </p>
      </body>
      </html>

EXTERNAL CSS
       <link rel="stylesheet" href="filename">


PROGRAMMING PRACTICALS






HTML introduction

HTML stands for Hyper Text Markup Language. HTML describes the structure of web page using markup. HTML elements are the building blo...