Programming Games Review for midterm. Work session. Homework: Prepare for midterm.

Slides:



Advertisements
Similar presentations
Javascript It’s not JAVA. What do these all have in common?
Advertisements

JavaScript Part 6. Calling JavaScript functions on an event JavaScript doesn’t have a main function like other programming languages but we can imitate.
HTML 5 and CSS 3, Illustrated Complete Unit L: Programming Web Pages with JavaScript.
The Web Warrior Guide to Web Design Technologies
1 Lesson 10 Using JavaScript with Styles HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
 CSS ids  Pages  Sites  HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple.
Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-
Computer Science 103 Chapter 4 Advanced JavaScript.
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
Programming Games Computer science big ideas. Computer Science jargon. Show virtual dog Homework: [Catch up: dice game, credit card or other form.] Plan.
Programming Games Basic HTML5 audio example. Catch-up. Work on basic video. Homework: Complete basic video.
SYST Web Technologies SYST Web Technologies Lesson 6 – Intro to JavaScript.
CITS1231 Web Technologies JavaScript and Document Object Model.
Programming Games Google Map API examples. CSS. Classwork/homework: Catch up. Upload work. Show your [more] complex Google Maps API example. Plan your.
Programming Games Show your simple video. More video examples. Audio. Classwork/Homework: Produce more complex video program.
Canvas academy.zariba.com 1. Lecture Content 1.What is Canvas? 2.Including Canvas in your HTML 3.Commands in Canvas 4.Drawing Shapes with Canvas 5.Animations.
JavaScript – The DOM JavaScript is object based The browser is object based – We can access the browser's objects in the same way we did JavaScript's Two.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
Programming Games Show project. Refresher on coordinates. Scaling, translation. HTML5 logo. Refresher on animation. Bouncing ball. Homework: Do your own.
BIT 116:JavaScript. BIT 116: Scripting2 Today Ch 9: Object Oriented Programming, Part 1 –Random numbers –Basic OOP stuff Reading quiz turned in?
Introduction to Programming the WWW I CMSC Summer 2003 Lecture 7.
Synthesis ENGR 1181 MATLAB 11. Topics  No new material  Covers topics that will be on the Midterm 2 Exam MATLAB 01 – Program Design MATLAB 02 – Introduction.
JavaScript - Basic Concepts Prepared and Presented by Hienvinh Nguyen, Afshin Tiraie.
Programming games HTML/JavaScript basics Functions, events, forms Classwork: [Show favorite sites.] Coin toss. Homework: GET WEB SPACE. Complete coin toss.
Dialog boxes in JavaScript Events in JavaScript – What are they – “Which events are there?” – “How do I register event handlers to an HTML element?” –
Internet & World Wide Web How to Program, 5/e. © by Pearson Education, Inc. All Rights Reserved.2 Revised by Dr. T. Tran for CSI3140.
Advanced DOM Builds on last presentation on DOM Allows you to dynamically create elements and position them on a page DOM methods/properties are W3C standard.
HTML JAVASCRIPT. CONTENTS Javascript Example NOSCRIPT Tag Advantages Summary Exercise.
Programming Games Logic. Slide show. Range input. Storage. Datatypes. Binary numbers. Homework: Catch up. This includes uploading projects to your server.
MAT 279 Data Communication and the Internet Prof. Shamik Sengupta Office New Building
Creating Web Documents: JavaScript Ftp / file management: review Introduction to JavaScript Sources Homework: start review for midterm, work on Project.
USING JAVASCRIPT TO SHOW AN ALERT Web Design Sec 6-2 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Javascript Overview. What is Javascript? May be one of the most popular programming languages ever Runs in the browser, not on the server All modern browsers.
JavaScript. JavaScript Introduction JavaScript is the world's most popular programming language. It is the language for HTML and the web, for servers,
Understanding JavaScript and Coding Essentials Lesson 8.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
Drop-down box. Objectives Learn the HTML syntax of a drop-down list javascript properties of a list/menu: length options selectedIndex The location sub-object.
Introduction to JavaScript MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/2/2016.
Javascript Basic Concepts Presentation By: Er. Sunny Chanday Lecturer CSE/IT RBIENT.
JAVASCRIPT A quick review. True False ■The DOM is a standardized way of referring to parts of a Web page. ■TRUE ■In the DOM, attributes have their own.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
JavaScript Tutorial. What is JavaScript JavaScript is the programming language of HTML and the Web Programming makes computers do what you want them to.
Lab Test 2 Session 1 Date: Friday, December 3 Time: 2:30 - 4:20 (110 minutes) Locations: - Lab 1006 (for Friday students) - Lab 1004 (for Monday students)for.
Introduction to Web Site Development Department of Computer Science California State University, Los Angeles Lecture 9: JavaScript.
Programming Games Reprise Credit Cards! Reprise Binary. Overall time limit, setTimeout Homework: [Show virtual something.] Make proposal as reply to my.
 2001 Prentice Hall, Inc. All rights reserved. Outline 1 JavaScript.
Client-side (JavaScript) Validation. Associating a function with a click event – Part 1 Use the input tag’s onclick attribute to associate a function.
Programming games Show work on site. Work on slide show. Timed event for bouncing ball. Homework: [Finish slide show and upload to site.] Acquire a short.
Tarik Booker CS 120 California State University, Los Angeles.
REEM ALMOTIRI Information Technology Department Majmaah University.
Programming Web Pages with JavaScript
Intro to JavaScript CS 1150 Spring 2017.
Section 17.1 Section 17.2 Add an audio file using HTML
JavaScript Functions.
4. Javascript Pemrograman Web I Program Studi Teknik Informatika
Programming the Web using XHTML and JavaScript
DHTML.
Programming Games Computer science big ideas and Computer Science jargon: review of things we have used in examples. Show virtual dog Homework: [Catch.
JavaScript an introduction.
DHTML Javascript Internet Technology.
Cleveland Tech Consulting, LLC
Event Driven Programming & User Defined Functions
DHTML Javascript Internet Technology.
Pertemuan 1b
Training & Development
For this assignment, copy and past the XHTML to a notepad file with the .html extension. Then add the code I ask for to complete the problems.
Programming games Share your plans for your virtual something.
JavaScript is a scripting language designed for Web pages by Netscape.
Go over midterm. CSS catchup. Work session Homework: complete project
Presentation transcript:

Programming Games Review for midterm. Work session. Homework: Prepare for midterm

Research test Write JavaScript code to change a certain img picture to classday.gif if it is Monday or Thursday. Fill in the ????. Write your source. d = new Date(); if ( ???? ) {place.src="classday.gif";}

Midterm review Read the guide. Review ALL the lecture notes. Ask questions Come to office hours ???

Basic programming concepts function variable datatype event array operators statements: assignment, if, for, switch, function call notation (syntax): uses of parentheses, brackets, square brackets, pointy brackets

HTML basics style, script and body elements element consists of opening tag, contents of element, ending/closing tag. opening tag has a type and may have other attributes including name, id, etc. certain tags have specific attributes –a has href –img has src

Advice Study midterm guide. The questions will be identical or strongly similar to these questions! The midterm will NOT ask for large sections of code from the class projects.

Advice: Not for the midterm organization of code –function definitions and variables (var statements) in element –structured content in element In some applications, HTML elements are created dynamically. event handling (responding to player actions, time) –buttons: using or or element –setInterval –addEventListener

Homework Study for midterm –come to office hours or make appointment for Wednesday Make proposal (to the forum on moodle) with a topic for your midterm project. Work on your JavaScript project