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
Introductions Brittany Office: ATLAS 324 Office Hours: Tue & Wed 5-7 Email: Brittany.Kos@colorado.edu
Syllabus . . . is on the class website creative.colorado.edu/~kosba/dm2/syllabus
Website creative.colorado.edu/~kosba/dm2 Grades, Labs, Lessons, and everything else will be located on this website. We will not have a D2L site. An email should have been sent to you with a username and password.
About this class ● Web 2.0 ○ PHP ○ Javascript/jQuery ● Server and client scripting
About this class - Layers of a website Client-to-Server Scripting (partial form submits) ajax Client Scripting (interactive pages) Javascript/jQuery Style (colors, borders, fonts, font size, placement) CSS DM2 DM1 Content (text, images, links) HTML Server Scripting (dynamic pages) PHP Database (storing information) SQL/MySQL
About this class - Layers of a website Client-to-Server Scripting (partial form submits) ajax Client Scripting (interactive pages) Javascript/jQuery Front-End Style (colors, borders, fonts, font size, placement) Client CSS Content (text, images, links) HTML Server Scripting (dynamic pages) PHP Back-End Database (storing information) Server SQL/MySQL
About this class - The Internet Clients Servers ISP The Internet HTML PHP CSS SQL Javascript
About this class - Javascript Examples ● Rollovers - mikekus.com/portfolio ● Aminations - hereistoday.com ● Games ○ gabrielecirulli.github.io/2048 ○ js1k.com
About this class - jQuery Examples ● Parallax Effect - www.firewatchgame.com/ ● Grid Layout - www.jqueryrain.com/?4qSzh9Yo ● Slideshows - colorado.edu
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
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
Recommend
More recommend
