Web Development Intro - Coding and Data Skills

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. 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. 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. Web Development Categories

Basic HTML design

Programming emerges

Blog Platforms

Content Management Systems

Web Frameworks

Other

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. 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. 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. Content Management Systems

Wordpress has often been modified as CMS -
26% of the Web powered by Wordpress

Drupal

Joomla

Squarespace

Wix

Weebly

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. Data Visualization is the Future

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. Challenges Ahead

Lots to learn

Different ways to tell stories

Programming

Focus

Innovate!