Wednesday, December 12, 2018

How to enable JavaScript

Hello guys evening and welcome to my new tutorial post on JavaScript. In this tutorial post we gonna be talking about how to enable JavaScript on our various browsers.

All the modern browsers comes with built-in support for JavaScript. Many at times you may need to enable or disable this support manually.

Friday, December 7, 2018

JavaScript Syntax (JavaScript tutorial)

Hello guys morning to you all and welcome to this tutorial post on JavaScript. Like you all know i started my tutorial on JavaScript in my previous tutorial post and we looked at a brief JavaScript Overview. Now in this tutorial post am gonna be discussing JavaScript Syntax.

A JavaScript consists of JavaScript statements that are placed within the <Script>.....</Script> HTML tag in the web page.

You can place the <Script> tag containing the JavaScript code anywhere within your web page but it is preferred way to keep it within the <head> tags.

Thursday, December 6, 2018

What is JavaScript?

Hello guys evening and welcome to a brand new section of my tutorials. Its really being a while and i wanna apologize to all my blog readers, have being occupied with so much work lately that i don't even have much time to drop tutorials here for you guys but i promise to make it up to you guys.
     Am happy to inform you guys that i will be starting my tutorials on javascript from this very post. Now lets take a look at the overview.

JavaScript Overview
JavaScript started life as LifeScript, but Netscape changed the name, possibly because of the excitement being generated by Java to JavaScript. JavaScript made its first appearance in Netscape 2.0 in 1995 with a name LiveScript.

JavaScript is a lightweight, interpreted programming language with object oriented capabilities that allows you to build interactivity into otherwise static HTML pages.
 The general-purpose core of the language has been embedded in Netscape, Internet Explorer, and other web browsers.

The ECMA-262 specification defined a standard version of core JavaScript language.

JavaScript is:
  • JavaScript is a lightweight, interpreted programming language
  • Designed for creating network-centric applications
  • Complementary to and integrated with java
  • Complementary to and integrated with HTML
  • Open and cross-platform

Client-side JavaScript: 
Client-side JavaScript is the most common form of the language. The script should be included in or referenced by an HTML document for the code to be interpreted by the browser.

It means that a web page need no longer be static HTML, but can include programs that can interact with the user, control the browser, and dynamically create HTML contents.

The javascript client-side mechanism features so many advantages over traditional CGI server-side scripts. For example, you might use javascript to check if the user has entered a valid email address in the form field.
The javascript code is executed when the user submits the form, and only if all the entries are valid they would be submitted to the web server.

JavaScript can be used to trap user initiated events  such as button clicks, link navigation and other actions that the user explicitly or implicitly initiated.

Advantages of JavaScript:
The merits of using javascript are:
  • Less server interaction: You can validate user input before sending the page off to the server. This saves server traffic, which means less load on the server
  • Immediate feedback to the visitor: They don't have to wait for the page to reload to see if they have forgotten to enter some thing
  • Increased interactivity: You can create interfaces that react when the user hovers over them with a mouse or activates them via the keyboard
  • Richer interfaces: You can javascript to include such items as drag-and-drop components and sliders to give a rich interface to your site visitors
Limitations with JavaScript:
We can not treat JavaScript as a full fledged programming language. It lacks the following important features:

  • Client-side JavaScript does not allow the reading or writing of files. This has been kept for security reason.
  • JavaScript can not be used for Networking applications because there is no such support available.
  • JavaScript doesn't have any multi-threading or multi-process capabilities.
Once again, javascript is a lightweight, interpreted programming language that allows you to build interactivity into otherwise static HTML pages.

JavaScript Development Tools:
One of javascript strengths is that expensive development tools are not usually required. You can start with a simple text editor such as Notepad++ .
Since it is an interpreted language inside the context of a web  browser, you don't even need to buy a compiler.

To make our life simpler, various vendors have come up with very nice javascript editing tools. Few of them are listed below:

  • Microsoft Frontpage: Microsoft has developed a popular HTML editor called Frontpage. Frontpage also provides web browsers with a number of javascript tools to assist in the creation of an interactive website.
  • Macromedia Dreamweaver MX: Macromedia Dreamweaver is a very popular HTML and JavaScript editor in the professional web design crowd. It provides several handy prebuilt JavaScript components, integrates well with database, and conforms to new standards such as XHTML and XML.
  • Macromedia HomeSite 5: This provides a well-liked HTML and JavaScript editor, which will manage their personal websites just fine.
Where is JavaScript Today?
The ECMAScript Edition 4 standard will be the first update to be released in over four years. JavaScript 2.0 conforms to Edition 4 of the ECMAScript standard, and the difference between the two is minor.
The specification for JavaScript 2.0 can be found on the following sites: http://www.ecmascript.org
Today, Netscape's JavaScript and Microsoft's JScript conforms to the ECMAScript standard, although each language still supports features that are not part of the standard.

Alright guys we have come to the end of this tutorial. In the next tutorial, we will be discussing JavaScript syntax.
Bye for now and take care.  

Tuesday, August 14, 2018

Media types (Css tutorial)

Hello guys!! afternoon, welcome to this new tutorial on CSS. In today's tutorial i want to talk about CSS Media Types.


One of the most important features of style sheets is that they specify how a document is to be presented on different media: on the screen, on the paper, with a speech synthesizer, with a braille device, etc.



Here are currently the two ways to specify media dependencies for style sheets:


  • Specify the target medium from a style sheet with the @media or @import at-rule.
  • Specify the target medium within the document language.
The @media rule:

An @media rule specifies the target media types (separated by commas) of a set of rules.

Below is a short example:

<style type="text/css">
<!--
@media print {
      body { font-size: 12pt }
   }
@media screen {
      body { font-size: 14pt }
   }
@media screen, print {
     body { line-height: 1.4 }
   }
-->
</style>

You can also read: Html Formating

The document language:

In HTML 4.0, the media attribute on the link element specifies the target media of an external style sheet:

Below is a short example:

<style type="text/css">
<!--
<!doctype  html public "-//w3c//dtd html 4.0//en">
<html>
<head>
<title>link to a target medium</title>
<link rel="stylesheet"  type="text/css"  media="print, handheld"  href="nova.css">
</head>
<body>
<p>The body of the document</p>
</html>
-->
</style>

You can practice the above code using the Notepad++ for better understanding.

You can also read: Html Document structure

Recognized media types:

The names chosen for CSS media types reflect target devices for which the relevant properties make sense. They give a sense of what device the media type is meant to refer to. Following is the list of various media types:



Value

Description

all

Suitable for all devices.

aural

Intended for speech synthesizers.

braille

Intended for braille tactile feedback devices.

embossed

Intended for paged braille printers.

handheld

Intended for handheld devices (typically small screen, monochrome, limited bandwidth).

print

Intended for paged, opaque material and for documents viewed on screen in print preview mode.

projection

Intended for projected presentations, for example projectors or print to transparencies.

screen

Intended primarily for color computer screens.

tty
Intended for media using a fixed-pitch character grid, such as teletypes, terminals, or portable devices with limited display capabilities.

tv

Intended for television-type devices.

Note: Media type names are case-insensitive.

Alright guys we have come to the end of this tutorial on CSS media types. Always feel free to ask questions in areas that you don't understand very well and your questions will be attended to as soon as possible.

Also appreciate this wonderful information shared on this blog by commenting below. Like our facebook page, follow us on google+, and subscribe with us to get our tutorial posts sent directly to your email.

Am also happy to inform you all that very soon i will start my tutorials on javascript, always check up on our updates and invite your friends to this great blog. See you in my next tutorial post, bye for now.

Sunday, August 12, 2018

@ Rules (Css tutorial)

Hello guys! evening and welcome to a brand new episode  of my tutorial on CSS. I know you guys are not really happy that i don't update my tutorial posts regularly, i apologise.


In my last tutorial post on CSS i talked about Pseudo elements which i explained in details the various Pseudo elements and their applications. Now in this tutorial post i want to talk about the @ Rules  and their applications.

Tuesday, July 17, 2018

Pseudo elements (Css tutorial)

Hello guys! morning to you all, wishing you all a happy wednesday. Alright in my previous tutorial post i talked about Css Pseudo-classes. Am going to move on to the next topic which is Css Pseudo element.

Css Pseudo-elements are used to add special effects to some selectors. You do not need to use javascript or any other script to use those effects. A simple syntax of Pseudo-element is as follows:

Friday, July 6, 2018

Css Pseudo Classes (Css tutorial)

Hello guys! good evening to you all. Without wasting much time let me introduce you guys to the topic for this tutorial section, i will be talking about pseudo-classes. I know you must be wondering what i mean by that, just relax and read through the tutorial so you can understand.



CSS pseudo-classes are used to add special effects to some selectors. Javascript or any other script is not needed in other to use those effects. Below is the syntax of pseudo-classes:

Friday, June 8, 2018

Css Layers (Css tutorial)

Hello guys! afternoon and welcome to this new section of my tutorial on CSS. Once again i apologize for not droping any tutorial post for some time now. Without wasting much time lets go down to the topic for this tutorial.

In my last tutorial i talked about CSS positioning so in this tutorial am moving on to CSS layers.

Sunday, May 13, 2018

Positioning (Css tutorial)

Hello Web design tutorialz readers! morning to you all. Welcome to a new section on my tutorials on CSS. Before i continue i want to first apologize to you guys for not droping any tutorial post since last month, was very busy with other stuffs.

Am going to continue from where i stoped, in my last tutorial on CSS i talked about Visibility and i showed you guys how it works. Now in this tutorial am going to be talking about Positioning in CSS. Without wasting much time, lets go down to business.