Course Overview ATLS 3020 - Digital Media 2 Week 1 - Day 1 Roadmap - - PowerPoint PPT Presentation

▶
course overview
SMART_READER_LITE
LIVE PREVIEW

Course Overview ATLS 3020 - Digital Media 2 Week 1 - Day 1 Roadmap - - PowerPoint PPT Presentation

Aug 10, 2023 566 likes •722 views

Course Overview ATLS 3020 - Digital Media 2 Week 1 - Day 1 Roadmap 1. Introductions 2. Syllabus 3. Class website 4. About this class Introductions 1. Name 2. Major and Year 3. Why you are in TAM 4. Hobby, Interesting fact, etc

slide-1
SLIDE 1

Course Overview

ATLS 3020 - Digital Media 2 Week 1 - Day 1

slide-2
SLIDE 2

Roadmap

  • 1. Introductions
  • 2. Syllabus
  • 3. Class website
  • 4. About this class
slide-3
SLIDE 3

Introductions

  • 1. Name
  • 2. Major and Year
  • 3. Why you are in TAM
  • 4. Hobby, Interesting fact, etc
slide-4
SLIDE 4

Introductions

Brittany Office: ATLAS 324 Office Hours: Tue & Wed 5-7 Email: Brittany.Kos@colorado.edu

slide-5
SLIDE 5

Syllabus

. . . is on the class website creative.colorado.edu/~kosba/dm2/syllabus

slide-6
SLIDE 6

Website

creative.colorado.edu/~kosba/dm2 Grades, Labs, Lessons, and everything else will be located

  • n this website. We will not have a D2L site.

An email should have been sent to you with a username and password.

slide-7
SLIDE 7

About this class

  • Web 2.0

○ PHP ○ Javascript/jQuery

  • Server and client

scripting

slide-8
SLIDE 8

DM1

About this class - Layers of a website

Content (text, images, links)

HTML PHP SQL/MySQL

Server Scripting (dynamic pages) Database (storing information)

Javascript/jQuery CSS

Style (colors, borders, fonts, font size, placement) Client Scripting (interactive pages)

ajax

Client-to-Server Scripting (partial form submits)

DM2

slide-9
SLIDE 9

About this class - Layers of a website

Content (text, images, links)

HTML PHP SQL/MySQL

Server Scripting (dynamic pages) Database (storing information)

Javascript/jQuery CSS

Style (colors, borders, fonts, font size, placement) Client Scripting (interactive pages)

ajax

Client-to-Server Scripting (partial form submits) Front-End Back-End Client Server

slide-10
SLIDE 10

About this class - The Internet

Servers Clients The Internet ISP

PHP SQL HTML CSS Javascript

slide-11
SLIDE 11

About this class - Javascript Examples

  • Rollovers - mikekus.com/portfolio
  • Aminations - hereistoday.com
  • Games

○ gabrielecirulli.github.io/2048 ○ js1k.com

slide-12
SLIDE 12

About this class - jQuery Examples

  • Parallax Effect - www.firewatchgame.com/
  • Grid Layout - www.jqueryrain.com/?4qSzh9Yo
  • Slideshows - colorado.edu
slide-13
SLIDE 13

About this class - PHP Examples

  • Google Search

○ www.google.com/?gws_rd=ssl#q=red ○ www.google.com/?gws_rd=ssl#q=blue

  • Amazon Search

○ www.amazon.com/s/ref=nb_sb_noss_2?url=search-alias%3Daps&field-keywords=red ○ www.amazon.com/s/ref=nb_sb_noss_2?url=search-alias%3Daps&field-keywords=blue

  • Calculations - you.regettingold.com
slide-14
SLIDE 14

For Wednesday . . .

  • Review HTML/CSS

○ Code Adademy: www.codecademy.com/tracks/htmlcss ○ Khan Adaceny: www.khanacademy.org/computing/computer- programming/html-css

  • Make sure you can login onto the server