101

JavaScript Bangla Book .pdf

Embed Size (px)

Citation preview

  • ISBN :

  • Managing Director- Bookbd

    Senior Developer -South Asian ICT

    [email protected]

    Senior Developer, South Asian ICT

  • [email protected]

    wbe`K eyKwewW

    www.bookbd.info

    facebook.com/ebookbd

    facebook.com/groups/bookbd

    [email protected]

  • HTML)

    (HTML)

    HTML

    HTML

    HTML

    HTML

    (Comments)

    (Comments)

    Heading ( ) Elements

    Paragraph () Element

    ()

    () Element

    Font () Element

    Font

    color

    face

    size

    HTML Presentational Elements

    Bold Element

    Italic Element

  • Underline Element

    Elements

    Element

    Element

    Element

    Element

    Element

    Element

    List

    Ordered List (ol)

    type

    start

    Unordered List (ul)

    type

    Definition List (, & )

    Nesting Lists

    (HTML Links)

    href

    Declare

    Javascript Declare........................................................

    Key word

    Arithmetic operator

    Assignment operator

    Comparision logical operator

  • if if

    Nested if

    if.else

    if..else if..else) Switch

    for loop while loop

    do..while

    Break Break

    Continue

    Continue syntax..................................................................... Continue

    (Concatenation)..............................

    ...................................

    Array

    Array

    Date()

  • (onClick)

    Double click

    Onkey)

    onMouseMove

    (onLoad)

    (onunLoad)

    ONCHANGE

    OnError)

    onFocus

    (onSelect)

    (Form)

    alphabets

    alphabets

    window.open()

    window.close()

    window.print()

    window.find()

  • onmouseover

    World Clock

  • Interactive

    Interactive

    Interactive

    Lightweight Programming

    Language Object based internet programming language

    Object based internet programming language

    Netscape Navigator Microsoft Internet Explorer Firefox Safari Opera Google Chrome

    Brendan Eich Netscape

    Mocha

    LiveScript LiveScript JavaScript

  • Lightweight

    JDK (Java Development Kit)

    Virtual Machine Interpreter

  • Syntax

    HTML mix

    Text editor Notepad

    Hottest

    User friendly

    Secure

  • start

    start

    All Programs

    All Programs

    Accessories Accessories

  • Accessories

    Notepad Notepad Notepad

    Notepad

    Notepad

    Untitled Notepad

    File

    Save As

  • File Save As

    Save AS

    Save AS

    File name Save as type

    All Files Save

  • Save

    firstjavascript (firstjavascript.html )

  • Notepad

    Mozila Firefox Internet Explorer open address

    localhost/firstjavascript.html ( localhost/

    ) enter press

  • Enter Press

    XAMPP XAMPP

    XAMPP

    XAMPP

    open

    XAMPP open

    XAMPP open

  • XAMPP open

    Apache MySql Start Apache MySql

    Start

    Apache MySql Start

    Computer C XAMPP

  • XAMPP

    XAMPP

    XAMPP

  • htdocs open

    htdocs open

    htdocs open

    htdocs open

  • New

    Text Document Text Document Create

    Text Document

    Text Document

    Text Document

  • New Text Document Text Document Text

    Document

    Text Document

    New Text Document

    New Text Document

    New Text Document Notepad

    File

    Save As

  • File Save As

    Save AS

    Save AS

    File name Save as type

    All Files Save

  • Save

    firstjavascript

  • Notepad

    Mozila Firefox or Internet Explorer open address

    localhost/firstjavascript.html localhost/

    ) enter press

    2.1.26-Enter Press

  • HTML)

  • (HyperText Markup Language)

    (HTML)

    Hyper : HTML "Hyper"

    Text : Text

    Markup : Markup.

    Language :

    HTML (Markup Language), XML (Markup Language), PHP

    (Programming Language)

    HTML

    HTML

    ASCII (American Standard Code for Information Interchange)

  • HTML HTML

    HTML HTML

    HTML

    CSS (Cascading Style Sheet)

    CSS

    (PHP, JAVA, JavaScript )

    HTML

    HTML.

  • Web Design/Development

    HTML.

    HTML HTML

    HTML

  • HTML

    HTML

    HTML html

    (html html

    html head

    body head

    head body

    body

    HTML

    Start Run

  • Start Run

    Window R)

    Window key + R

  • Open "notepad" Ok

    notepad OK

  • HTML

    HTML

    This is my first HTML Program ;)

    Hellow World !!

    p1.html) HTML

    Notepad HTML

    HTML File Save As...

    File Save As...

  • .html

    File name

    html html

    HTML " ")

    " ") "_")

    Save as type All Files

    Save as type All Files

  • Save

    Save

    Open With

    Internet Explorer, Mozilla Firefox, Google Chrome, Opera

  • HTML

    HTML

    HTML html

    (html

  • head ( ) body

    This is my first HTML Program ;)

    This is my first HTML Program ;)

    Title

    Hellow World!!

    HTML " Hellow

    World !! "

    This is my first HTML Program;)

  • Hellow World !!

    (Comments):

    (Comments)

    (!--)

  • This is a comment. The Comment line (s) w. . .

    Heading ( ) Elements

    ( )

  • h1 (Heading 1) h2 (Heading 2)

    h3 (Heading 3)

    h4 (Heading 4)

    h5 (Heading 5)

    h6 (Heading 6)

    Heading 1 ()

    The example of Heading Elements

    This is Heading 1 The largest one

    This is Heading 2 The larger one

    This is Heading 3 Larger than (h4,h5 & h6)

    This is Heading 4 Smaller than (h3)

    This is Heading 5 Larger than (h6)

    This is Heading 6 The smallest one

    (p2.html)

    ( )

    ( ) "This is Heading 1 The largest one"

    ( ) "This is

    Heading 2 The larger one"

  • Paragraph () Element

    The example of Paragraph Element

    Paragraph Element

    This is a paragraph. This is a paragraph. This is a paragraph. This is a

    paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a

    paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a

    paragraph. This is a paragraph.

    p3.html) Paragraph

  • ()

    ()HTML

    (White Space Collapsing)

    Use of Non-Breaking Space

    White Space Collapsing!

    The browser will show only one space

    instead of using extra spaces in HTML Editor.

    The browser will show only one space

    instead of using extra spaces in HTML Editor. The

    browser will show only one space instead of using

    extra spaces in HTML Editor.

    p4.html)

  • ()

    HTML Entity Entity

    Use of Non-Breaking Space

    Non-Breaking Space Entity!

    The Non-Breaking Space Entity creates extra space for displaying in

    webpages.

    The Non Breaking

    Space.

    p5.html)

  • ()

    () Element

    Enter

    p6.html)

  • ()

    Use of Line Break Element

    Poem Writing using Line Break Element!

    My Bonnie lies over the ocean.

    My Bonnie lies over the sea.

    My Bonnie lies over the ocean.

    Oh, bring back my Bonnie to me.

    p7.html)

  • Font () Element

    Font

    Font

    color

    Value :

    color value/ Color

    1. Color name "green,red,yellow");

    2. RGB (Red, Greeen & Blue) Code-RGB rgb(0,0,0)

    3. Hex (Hexadecimal) "#0000FF"

    color

    Hex_Code

    Use of Color Attribute in HTML Font Element

    Set Text/Font Color using Hex_Code!

    This Font/Text will be displayed as Orange Color.

    This Font/Text will be displayed as Orange Color. This Font/Text will be displayed as Orange Color. This Font/Text will be displayed as Orange Color.

    This Font/Text will be displayed as Orange Color.

    (p8.html) color

    Orange ( Hex_Code "#FFA500"

  • color

    Color_Name

    Use of Color Attribute in HTML Font Element

    Set Text/Font Color using Color_Name!

    This Font/Text will be displayed as Orange Color. This

    Font/Text will be displayed as Orange Color. This Font/Text will be displayed as Orange Color. This Font/Text will be displayed as Orange Color. This Font/Text will be displayed as Orange Color.

    (p9.html) color

    Orange ( Color_Name "Orange"

  • color

    face

    Arial, Calbiri, Courier, Times New Roman

    Value :

    face value/

    face

    Use of Face Attribute in Font Element

    Set different types of Fonts using Face Attribute !

    This is a paragraph, shown in the Times New Roman font.

    (p10.html) face

    "Times New Roman"

  • face

    Use of Face Attribute in Font Element

    Set different types of Fonts using Face Attribute !

    This is a paragraph, shown in the Arial font.

    (p11.html) face

    "Arial"

  • face

    size

    Value :

    size value/ 12 .

    size

    Use of Size Attribute in Font Element

    Set Fonts Size using Size Attribute !

    This line should be displayed larger than normal size.

    (p12.html) size

  • +2

    face

    Use of Size Attribute in Font Element

    Set Fonts Size using Size Attribute !

    This line should be displayed smaller than normal

    size.

    (p13.html) size

  • -1

    size

    HTML Presentational Elements:

    Presentational Elements

    Bold Element:

    Use of HTML Presentational Elements!

    Bold Element

    This line should be displayed as bold

    (p14.html)

  • ( )

    Italic Element:

    Use of HTML Presentational Elements!

  • Underline Element:

    Use of HTML Presentational Elements!

    Underline Element

    The following word would be Underlined

    (p16.html)

    ( ) (Underlined)

  • Elements:

    Strikethrough

    Use of HTML Presentational Elements!

    Strikethrough Elements

    These Elements are not available in HTML 5 version

    These Elements are not available in HTML 5 version

    (p17.html)

  • ( ) ( )

    (available)

    Element: TeleType tt.

    Use of HTML Presentational Elements!

    TeleType Element

    The following word would be TeleTyped

    (p18.html)

  • ( ) (TeleTyped)

    Element: Superscript sup.

    Use of HTML Presentational Elements!

    Superscript Element

    This Book written on the 15th March.

    (p19.html)

  • () (th)

    Element: Subscript sub.

    Use of HTML Presentational Elements!

    Subscript Element

    The EPR paradox< sub >2< /sub > was devised by Einstein, Podolsky, and

    Rosen.

    (p20.html)

  • () (2)

    Element:

    Use of HTML Presentational Elements!

    Big Element

    The following word should be bigger than those around it.

    (p21.html)

    () (bigger)

  • Element:

    Use of HTML Presentational Elements!

    Small Element

    The following word should be smaller than those around it.

    (p22.html)

    () (smaller)

  • Element: Horizontal hr.

    Use of HTML Presentational Elements!

    HR Element

    HTML

    HTML is a language for describing web pages.

    CSS

    CSS defines how to display HTML elements.

    (p23.html)

    HTML is a language for describing web pages.

  • List

    Unordered List (

    Ordered List (

    Definition List ( )

    , ,

    Ordered List (ol)

    Use of HTML Lists!

    Ordered List Element

  • Point number one

    Point number two

    Point number three

    (p24.html)

    Use of HTML Lists!

    Ordered List Element

  • Web Design

    Web Development

    Web Programming

    (p25.html)

    type

    type

  • type

    1 (

    A ( )

    a ( )

    I

    i ( )

  • type

    Use of HTML Lists!

    Type Attribute Ordered List Element

    Web Design

    Web Development

    Web Programming

    (p27.html)

    type

  • type

    Use of HTML Lists!

    Type Attribute in Ordered List Element

    Bangladesh

    India

    Pakistan

    Australia

    South Africa

    Newzealand

    England

    Zimbabwe

    (p28.html)

  • type

    type

    Use of HTML Lists!

    Type Attribute in Ordered List Element

    Bangladesh

    India

    Pakistan

    Australia

    South Africa

    Newzealand

  • England

    Zimbabwe

    (p29.html)

    type

    type

    Use of HTML Lists!

    Type Attribute in Ordered List Element

    Bangladesh

    India

    Pakistan

    Australia

  • South Africa

    Newzealand

    England

    (p30.html)

    type

    type

    start 1,a,A,i I)

    start

    start

    number

    3 number 3

  • Use of HTML Lists!

    Type and Start Attributes in Ordered List Element

    Bangladesh

    India

    Pakistan

    Australia

    South Africa

    Newzealand

    England

    (p31.html)

    type

    start 3

    3

  • type start

    Use of HTML Lists!

    Type and Start Attributes in Ordered List Element

    Bangladesh

    India

    Pakistan

    Australia

    South Africa

    Newzealand

    England

  • (p32.html)

    type

    start 3

    C

    type start

    Use of HTML Lists!

    Type and Start Attributes in Ordered List

    Element

    Bangladesh

  • India

    Pakistan

    Australia

    South Africa

    Newzealand

    England

    (p33.html)

    type

    start 5

    e

  • type start

    Use of HTML Lists!

    Type and Start Attributes in Ordered List Element

    Bangladesh

    India

    Pakistan

    Australia

    South Africa

    Newzealand

    England

    (p34.html)

  • type

    start 5

    V

    type start

    Use of HTML Lists!

    Type and Start Attributes in Ordered List Element

    Bangladesh

    India

    Pakistan

    Australia

    South Africa

  • Newzealand

    England

    (p35.html)

    type

    start 4

    iv

    type start

    Unordered List (ul)

  • Use of HTML Lists!

    Unordered List Element

    Bangladesh

    India

    Pakistan

    Australia

    South Africa

    Newzealand

    England

    (p36.html)

  • type

    type

    type

    disc (disc )

    square (square/

    circle (circle/

  • Bangladesh

    India

    Pakistan

    Australia

    South Africa

    Newzealand

    England

    (p37.html) type

    type disc

    type

    Use of HTML Lists!

  • Type Attribute in Unordered List Element

    Bangladesh

    India

    Pakistan

    Australia

    South Africa

    Newzealand

    England

    (p38.html) type

    type square

    type

  • Use of HTML Lists!

    Type Attribute in Unordered List Element

    Bangladesh

    India

    Pakistan

    Australia

    South Africa

    Newzealand

    England

    (p39.html) type

    type circle

    type

  • Definition List (, & )

    Definition List Defininition

    List

    Definition Term .

    Use of HTML Lists!

    Definition List Element

    Unordered List

    A list of bullet points.

    Ordered List

    An ordered list of points, such as a numbered set of steps.

    Definition List < /dt >

    A list of terms and definitions.

    (p40.html) Definition List

    Definition List Definition

    Term

  • ,

    Use of HTML Lists!

    Definition List Element

    HTML

    HTML is a Markup Language.

    CSS

    CSS stands for Cascading Style Sheet

    PHP < /dt>

    PHP is a Server-Side Scripting Language

    (p41.html) Definition List

  • Definition List Definition

    Term

    ,

    Nesting Lists:

    Use of HTML Lists!

    Nesting List

    Dhaka

    Munshiganj

    Narayangonj

  • Rajshahi

    Barisal

    Chittagong

    Khulna

    Rongpur

    (p42.html)

    Dhaka

    Mungshiganj Narayangonj

    Munshiganj Narayangonj Dhaka

    Dhaka

    Dhaka

    (Narayangonj)

    Narayangonj

    Rongpur

  • 01712901842 Email: [email protected]

    www.bookbd.info

    [email protected].