Daily Bruin Online, Winter 2017
Instructor: Byron Lutz (byronlutz@gmail.com), Full-stack engineer at Factual.
Materials: Bring your laptop and a charger to each training session. All software we use is free and mostly open-source.
Location: Week 1: Ackerman 3508; Week 2: Ackerman 3508; Week 3: Ackerman 3508. (Up-to-date information will be posted outside the Daily Bruin office, at Kerckhoff 118 on the morning of each training.)
Time: Trainings are from 10:30 a.m. - 3:00 p.m. We'll take a lunch break around noon each day, so either bring money or pack a lunch.
Attendance: Attending all three trainings (and the media-law training) are all mandatory. You will be working in groups during the trainings, so it's difficult to plan unless everyone is present.
Office Hours: There won't be any official office hours, however feel free to email Byron any time. If you think other people may have the same question, please post an issue in this repo so everyone can see and respond!
- Introductions
- Pre-survey
- Introduction to Journalism
- What is journalism?
- SPJ Code of Ethics
- What is data journalism? + Examples
- VIDEO: Data Viz: You're Doin' it Wrong
- Web development
- HTML review
- Lab: Build your news homepage
- CSS
- Lab: Style your news homepage
- Git/GitHub
- GitHub Pages
- Lab: Track your news homepage in git, make changes, and push
- Web Inspector
- Lab: Make a change to your favorite webpage
- HTML review
- Work on Project 1
- Questions
- Transitional training
Project 1 due Saturday, January 28 by 5 p.m.
Project 1 sample solution
Media law training: Tuesday, January 24, from 6:00 p.m. to 8:00 PM, located in the Bruin Reception Room.
- Resume/Hiring Tips
- Training 1 review
- HTML
- CSS
- Project 1
- Git part 2 (branches, merges)
- Responsive design (using Bootstrap)
- Lab: Make your homework project responsive
- Basic Javascript
- VIDEO: Wat
- jQuery
- Lab: Use some jQuery effects in the console on DailyBruin.com
- AJAX
- Work on Project 2
Project 2 due Saturday, February 4 by 5 p.m.
- Training 2 review
- JS
- jQuery
- AJAX
- Project 2
- Handlebars
- Demo (earthquake project using handlebars)
- Lab: Convert part of your project to use Handlebars
- Promises
- Questions...
- Editor-led training
- Post-survey