hello!

journalisM

+

Coding

=

coding is your friend.

Huffington Post

NPR

More than half of the job openings at the New York Times require knowledge of programming.

Where DO I Start?

Learn.KnightLab.com

Sublime Text

Google Chrome

All of these are FREE!

WHAT IS HTML?

Structures content

Pre-existing elements

<p>

<img>

<footer>

paragraph

image

footer

WHAT IS HTML?

opening tag


    <p>

        Here is your paragraph!

    </p>

closing tag

 

Here is your paragraph!

 

HTML ONLY

WHAT IS CSS?

Tells browser how your HTML

elements look and function

Pre-existing properties and ranges of values

WHAT IS CSS?

element {
    property: value;
}
p {
    color: red;
}

 

Here is your paragraph!

 

HTML & CSS

Digital journalism, bit by bit

For students, by students

A starting point in the right direction

Learn.knightlab

Learn.Knightlab

What We've MADE

What We've MADE

More cool Stuff

Stories

More cool Stuff

Coding languages

JavaScript and jQuery

 

d3.js


 

Python and R

 

create interactive stories like slideshows and quizzes

 

make awesome graphics and vizualizations

 

work with data

 

More cool Stuff

Resources

Classes:   JOUR 390: Advanced Interactive

                          Storytelling and Design

                           EECS 130: Tools and Technology of

                      the World Wide Web

              EECS 330: Human-Computer

Interaction

Learn.KnightLab.com

The Knight Lab

Knight Lab!

Open Lab: Tue 6:00 p.m. - 10:00 p.m. (free pizza!)

Journalism and technology innovation lab

Fisk 111

Lab Lunch: Thu 11:30 a.m. - 1:00 p.m. (free lunch!)

ditty

@AditiHBhandari

eunice

@euniceyounglee

 

 

Made with Slides.com