scripting

Introduction

In this report I will be writing about fundamentals of JavaScript and jQuery and its key features.

What is java script?

JavaScript is a programming language that makes your web pages interactive, this eliminates download time as it is run on the user’s computer; this is often used for polls and quizzes, The support for Java script are built in on most websites and web developer simply need to use JavaScript for the java script to be active, be aware some websites black content so all you have to do is simply enable it. The two main reasons for JavaScript is validation, for example making sure what information the user puts in is correct.

What is JQuery?

JQuery is a JavaScript library which makes it much easier to use JavaScript on your website. JQuery takes many lines of JavaScript code and compacts it into a line of code making it simpler to use this means to you have to be an expert on JavaScript to use JQuery there’s load of other frameworks but JQuery seems to be the most popular.

JQuery also simplifies HTML, CSS, AJAX, Effects and animations and Utilities.

Key Features of Java Script

Support from browser

To use JavaScript you do not need to install any plugins, the plugin for JavaScript is built in to every browser as all browsers have accepted Java as a scripting language.

Can be used on client side and server side

JavaScript has access to document object model it means you can change your webpage while it is running which means JavaScript to add different effect to webpages.

Functional programming language

In JavaScript a function can be assigned to variables like any other data type and gives you the ability to code in functional style.

Support for objects:

JavaScript is an object oriented language but also makes it easier to use these objects and support java script.   

Key features of JQuery

JQuery has many key features one of them being its core functionality and the way it is used, It also finds content is documents with great navigating tools which is one of the reasons why it makes it much easier to use JavaScript. Another key feature of JQuery is it manipulates CSS, where it can edit and change documents, it can also position its info. Another key feature is how it simplifies key events such as DOM events and keyboard and mouse events.

Another feature it has, is the ability to use effect and basic animations like moving objects on your website and basic animations. JQuery also provides an official plugin which gives users interfaces like widgets, slider controls, progress bars and many interfaces.  

M2

Introduction

In this report i will be comparing the advantages of client side scripting to server side scripting, describe how client side scripting can improve the user experience and lastly validating and describing how client side scripting can improve form validation.

The advantages of client side scripting to server side scripting.

Server side

Advantages

There are loads of server-side technologies that can be used when developing web 

applications.the most popular is Microsoft ASP.NET in this server side code it is written in languages like C#. Server side processing is used to connect with permanent storage like files or databases. examples of server-side processing are user validation, saving and retrieving data and navigation

Disadvantages

The disadvantages of server side processing is that it creates page post back :it can introduce processing overhead which can decrease the performance which will force the user to wait for the page to be there or created. Once it is posted back to the server, the client must wait for the server to process the request and send the page back to the client.

Client side

Advantages

The advantages of client-side is that it also uses ASP.net web applications are programming languages like C#.

Comparing to server-side  code client-side scripts are embedded on users and clients web page and processes on their internet browser, client side scripts are written in languages like JavaScipt connects with HTML and CSS when it comes to text boxes and buttons all internet browser should automatically support these languages.

More advantages include faster response times, a more interactive application, less overhead on the web server. Client-side code is perfect for when the web page needs to be changed.

Disadvantages 

There are also some disadvantages of client-side scripting are that scripting languages require more time and effort, while the client's browser will support scripting language.

 

References

http://www.seguetech.com/blog/2013/05/01/client-side-server-side-code-difference

Assignment 3 Task 1 design a website

Assignment 3 Task 1 design a website


My website will be more than just uk rap I will be outlining the commercial uk rap artist and underground rap artist appealing to older and younger audiences. My target audience will be 13+
My colour scheme will be red and black

On my first webpage it will be a homepage, highlighting the main stories and news on the uk rap scene, on my second webpage I will be outlining the commercial rap artist with their latest news, there biographies and facts you didn't know about the artist. On my third web page I will be outlining underground artist with the same ideas as the previous webpage. On my fourth page I will have events coming up to see the artist live and lastly I will have a gallery of the rap artists.



This hierarchy Chart outlines all the pages I will be making for my website.

I created this hierarchy chart using qsee lite which is a software that allows you to create flow charts.

I have decided that my website will be complementary colours blue and yellow as is helps my website to stand out.7
(M2)
I used The QSEE Flow chart template to create the chart, I right clicked to create the boxes then I used the line tool to link them together

 

     B28D00       FFCF19       FFCA00        000CB2      0011FF

This is the homepage for my website as you can see on my homepage I will be outlining the highlights of the website.I will have a sign in box for dedicated fans, a news feed and lastly video of the week. Most of the page will consist of colours yellow and blue and the penguin will be my logo.

(M2)

Adobe Kuler

I used Adobe Kuler to create my colour palette, I wanted to use complementary colours so I clicked on the complementary template and found that blue and yellow are complementary so I saved the results

I

My second

 This page will target underground rap, it will have a description of what the page is about, a chart of the best rappers on scene on a monthly basis. Also up and coming rappers and biographies on some of the best.

 My third page will outline mainstream rap this will focus on the same principle as the underground page, difference being it will be about more popular rap artist. 

 This will be my gallery page this will show a selection of photos of rap stars, also concert photos and unique pictures related to rap.

 This is my shop page on this page you will be able to purchase merchandise and albums of there latest work. lastly you can download free mix tapes also. A search engine will also be required to search the merchandise.

 Lastly my news feed this will have news on all the rap stars with the latest news from Facebook, Twitter and Yahoo. 

(M2)

Ca-Coo

I used Ca coo to create my wire frame, this program has wire frame templates to make creation easier used templates for all but one design, It al;so allows you to create buttons and even has there own pictures, I didn't use any of their graphics but I did use buttons and change the colours of the buttons.I also used my own pictures. Lastly you are able to save your wire frames online, this means you do not take up space on your computer,      

Fonts

Google web fonts, this gives me extra fonts to use, I used arial fonts for all my designs.