course IFS 232 course Client side scripting Home

  • Slides: 18
Download presentation
<course> IFS 232 <course/> <Client side scripting/>

<course> IFS 232 <course/> <Client side scripting/>

Home Department Module Topic INFORMATION SYSTEMS INTRODUCTION TO CLIENT-SIDE SCRIPTING Alpha-numeric code Credit Value

Home Department Module Topic INFORMATION SYSTEMS INTRODUCTION TO CLIENT-SIDE SCRIPTING Alpha-numeric code Credit Value Duration Level Lecturer IFS 232 (1 st Semester) 20 SEMESTER 6 Johan Breytenbach Email ifsuwc@gmail. com <course> IFS 232 <course/> <Client side scripting/>

Main Outcomes After the course students must demonstrate: �The ability to understand code HTML

Main Outcomes After the course students must demonstrate: �The ability to understand code HTML pages, and make use of CSS attributes; �An understanding of the basic principles of objectoriented computer programming; (Java/Javascript) �The ability to design and code client-side browser applications using the Javascript language �The ability to apply client side programming techniques in a mobile environment (XML, XML parsing)

<course> IFS 232 <course/> <Client side scripting/>

<course> IFS 232 <course/> <Client side scripting/>

<What is the client side? /> <What is scripting? />

<What is the client side? /> <What is scripting? />

Client side scripting • Client-side scripting generally refers to the class of computer programs

Client side scripting • Client-side scripting generally refers to the class of computer programs on the web that are executed client-side, by the user's web browser, instead of server-side (on the web server). • This type of computer programming is an important part of the Dynamic HTML (DHTML) concept, enabling web pages to be scripted; that is, to have different and changing content depending on user input, environmental conditions (such as the time of day), or other variables. • Javascript

Recap of Day 1 (4) Client/Server architecture:

Recap of Day 1 (4) Client/Server architecture:

Client side scripting • Web systems use a combination of client side scripting (HTML/Javascript/XML)

Client side scripting • Web systems use a combination of client side scripting (HTML/Javascript/XML) and server side programming (php/ASP. Net/Java)

. Net framework – the CLR

. Net framework – the CLR

<What is HTML? /> <What is CSS? /> <What is Javascript? />

<What is HTML? /> <What is CSS? /> <What is Javascript? />

What is HTML? • HTML is a language for describing web pages. • HTML

What is HTML? • HTML is a language for describing web pages. • HTML stands for Hyper Text Markup Language • HTML is not a programming language, it is a markup language • A markup language is a set of markup tags • HTML uses markup tags to describe web pages • More about HTML soon (first 2 weeks of this course)

What is CSS? • CSS stands for Cascading Style Sheets • Styles define how

What is CSS? • CSS stands for Cascading Style Sheets • Styles define how to display HTML elements • Styles were added to HTML 4. 0 to solve a problem • External Style Sheets can save a lot of work • External Style Sheets are stored in CSS files • More about CSS ….

What is Javascript? • Java. Script was designed to add interactivity to HTML pages

What is Javascript? • Java. Script was designed to add interactivity to HTML pages (movement/changes/actions) • Java. Script is a scripting language • A scripting language is a lightweight programming language • Java. Script is usually embedded directly into HTML pages • Java. Script is an interpreted language (? ) • Everyone can use Java. Script without purchasing a license – its free!

<IFS 232 outline/>

<IFS 232 outline/>

PROGRAMMING BASICS, HTML, CSS (Building a website) Assigment 1 JAVASCRIPT PROGRAMMING JAVASCRIPT together with

PROGRAMMING BASICS, HTML, CSS (Building a website) Assigment 1 JAVASCRIPT PROGRAMMING JAVASCRIPT together with HTML/CSS Assigment 2 ADVANCED APPLICATIONS XML, JAVASCRIPT, and MOBILE DEVICES Assigment 3

The FOSS lab - your PC • The Terminal Window • G Edit •

The FOSS lab - your PC • The Terminal Window • G Edit • Save your files as html files in your user folder

Getting started with HTML • Towards Assignment 1 • www. w 3 schools. com

Getting started with HTML • Towards Assignment 1 • www. w 3 schools. com • HTML Basics