Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Development Intro

797 views

Published on

Web Development Intro - Coding and Data Skills

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Web Development Intro

  1. 1. Cindy Royal, Ph.D Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu cindyroyal.com @cindyroyal slideshare.net/cindyroyal The World of Web Development
  2. 2. Intro • html • css • ftp • how to get a domain, • file organization • javascript • Flash Then, this idea of using data on Web sites came about, and programs like PHP and ASP allowed programming concepts that allowed the Web to connect to databases. Now, there are multiple ways to have a fully featured, archived and searchable online presence, without having to know every technology. You can visualize these in phases or categories.
  3. 3. Intro • html • css • ftp • how to get a domain, • file organization • javascript • Flash Then, this idea of using data on Web sites came about, and programs like PHP and ASP introduced programming concepts that allowed the Web to connect to databases. Now, there are multiple ways to have a fully featured, archived and searchable online presence, without having to know every technology. You can visualize these in phases or categories.
  4. 4. Web Development Categories  Basic HTML design  Programming emerges  Blog Platforms  Content Management Systems  Web Frameworks  Other
  5. 5. Basic HTML Design  HTML – early 90s, language of the Web  Became XHTML to add structure, conventions – early 2000's; now HTML5  Cascading Stylesheets – CSS – 1996; current implementation CSS3  Javascript (1995), Flash (1996), AJAX, JQuery  All client-side languages – activity occurs at the client (user) level
  6. 6. Web Programming  Server-side  ASP, ColdFusion, PHP, Java, Python, Ruby  Databases – MySQL  Powerful functionality, server-side includes, post data to forms, populate sites with data  Gave rise to Content Management Systems
  7. 7. Blog Platforms  Started as platform for online journaling; Web sites for people who didn't know html.  Early platforms – Open Diary, LiveJournal late '90s  Blogger -started 1999 by Evan Williams (also Twitter) and Meg Hourihan; purchased by Google 2003  Movable Type – 2001; Six Apart  Wordpress – 2003; can host yourself or on their site  Now Tumblr, Pinterest a
  8. 8. Content Management Systems  Wordpress has often been modified as CMS - 26% of the Web powered by Wordpress  Drupal  Joomla  Squarespace  Wix  Weebly
  9. 9. Web Frameworks  Set up frameworks for Web programming languages  Easy way to provide for common methods and actions; connection to database  Bootstrap is a frontend framework  Ruby on Rails – written in Rails  Django - Python  CakePHP
  10. 10. Data Visualization is the Future
  11. 11. Open Source Tools • Google – Charts and Fusion Tables • Google Drive • Flourish – owned by Google • Knight Lab Tools – Timeline.js, Storymap.js • Tag Crowd • D3 • Python – can use to analyze data, scrape website, hit API. • Tableau • R and R Studio
  12. 12. Challenges Ahead  Lots to learn  Different ways to tell stories  Programming  Focus  Innovate!

×