CS 1520 Final

jQuery Function Syntax

//long form $(document).ready(function(){ //insert functions here }); //short form $(function(){ //insert functions here });

Guidelines for Creating Mobile Sites

1) Simplicity (things need to be obvious) 2) Responsiveness 3) Location of controls (bottom/right) 4) Obvious orientation

Processing an HTTP Request

1. Create a request and a response 2. Handle the request from the client

General Approach to Creating a Web Server

1. Open a server socket 2. Wait for a connection from a client 3. Process each connection as they come in

jQuery mobile: how do you add separate pages?

<div data-role="page" id="pageone"> <a href="#pagetwo">Go to Page Two</a> </div> <div data-role="page" id="pagetwo"> <a href="#pageone">Go to Page One</a> </div>

ServerSocket

socket that just waits for connections

What is LAMP?

LAMP is a software bundle / platform consisting of Linux, Apache, MySQL, and PHP Useful for creating dynamic website and web applications

What is the LAMP Stack?

Linux - Open-source / stable operating system for hosting web servers Apache - Web server used by LAMP SQL - Serves as LAMP's relational database management system PHP - Server side scripting language designed for web-development and used by LAMP

Spreadsheet vs. Database

Spreadsheet: Can put anything in any place you want, can get away with pretty much anything SQL Databases - require more structure for your data

What does SQL stand for?

Structured Query Language

Socket

a binary connection that accepts data opens a port on your computer and allows someone to connect to it

jQuery mobile: how do you add extra styling to page content?

class="ui-content"

jQuery mobile: how do you create a footer?

data-role="footer"

jQuery mobile: how do you specify a header?

data-role="header"

jQuery mobile: how do you define where page content goes?

data-role="main"

jQuery mobile: how do you specify a page?

data-role="page"

What is jQuery?

jQuery is a lightweight JavaScript library

Basic jQuery Syntax

$(selector).action()

What is jQuery Mobile?

A touch-optimized web framework for creating mobile web applications that is built on top of the jQuery library

What does jQuery Mobile do?

Allows you to create mobile-optimized web pages and applications

What does jQuery do?

Attempts to make it easier to use JavaScript on your website Takes common JavaScript tasks that take many lines of code and wraps them into methods that only take a single line Simplifies complicated tasks like AJAX calls

What is a selector?

Defines what HTML element(s) we want to access