class: middle <span>.eight[CSET-105]</span><br> <span>.eight[Intro to Web Applications]</span> <br> <br> # Welcome to CSET! Find a seat, meet your fellow students, and fill out the **first page** in front of you. --- # Agenda 1. [ ] [Complete Info Sheets](#info) 2. [ ] [Daily Journal](#journal) 3. [ ] [Review Schedule](#schedule) 4. [ ] [Review Syllabi](#syllabi) 5. [ ] [Programming Basics](#basics) 6. [ ] [Hand Out Laptops](#laptops) --- name: info class: middle, center # Zach Fedor [fedor@stevenscollege.edu](mailto:fedor@stevenscollege.edu) Quickest way to contact me is on Slack. --- class: middle, center # .eight[Find Someone Who...] Flip your info sheet over and see how many boxes you can fill out by meeting your classmates. --- name: journal # Daily Journal - Short writing prompt every day to start class - Write down the date - Write down the prompt word for word - Then write a few lines about it Sometimes they're questions to make you think about life. Sometimes they'll be puzzles to get you warmed up for class. --- class: middle, center .right[2019-08-19] # What do I want to build with the knowledge I'll have when I graduate? --- name: schedule # Class Schedule The easy stuff: - Seventeen weeks until Winter Break - Monday through Friday from 12:00 to 4:30 pm - Wednesdays start at 12:30 pm - Greenfield campus --- # Class Schedule Slightly harder stuff: - Monday & Tuesday: - CSET-105 first half of semester - CSET-115 second half of semester - Wednesday & Thursday: - CSET-110 - Friday: - CSET-120 --- name: syllabi # Course Websites - [CSET-105 Intro to Web Applications](https://ts-cset.github.io/cset-105) - [CSET-110 Web Development I](https://ts-cset.github.io/cset-110) - [CSET-115 Technical Requirements & Data Structures](https://ts-cset.github.io/cset-115) - [CSET-120 Software Project I](https://ts-cset.github.io/cset-120) --- name: basics class: middle # .eight[Programming Basics] ## Or, How To Think Like A Computer --- # Terms - Computer Program - Algorithm - Binary - Unicode - Abstraction - Pseudocode - Boolean .fourteen[Do you **know** any of these terms? What about **recognize**? Are any **new**?] --- class: middle, center # The goal is to improve your knowledge and skills to develop programs that solve real-world problems. --- # What is a .eight[computer program]? --- count: false # What is a .eight[computer program]? <img style="display: block; margin: 0 auto;" alt="Black Box" src="https://cs50.harvard.edu/college/2018/fall/weeks/0/notes/input_output.png" /> --- class: middle, center  --- # How do we represent our problem? .fourteen[Count the number of people in this room.] --- count: false # How do we represent our problem? .fourteen[Count the number of people in this room.] - Tally marks on the whiteboard - Counting on our fingers --- count: false # How do we represent our problem? .fourteen[Count the number of people in this room.] - Tally marks on the whiteboard - Counting on our fingers .eight[What if I only have one hand?] --- # Binary - Computers only understand electricity or not electricity - Yes / No, True / False, 1 / 0 - We count in Decimal, there are 10 symbols - Binary is counting with 2 symbols --- class: middle, center # .eight[123] # .fourteen[One Hundred Twenty Three] --- # Decimal <table> <thead> <tr> <td>Hundreds</td> <td>Tens</td> <td>Ones</td> </tr> </thead> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </tbody> </table> --- # Binary <table> <thead> <tr> <td>Fours</td> <td>Twos</td> <td>Ones</td> </tr> </thead> <tbody> <tr> <td>0</td> <td>0</td> <td>0</td> </tr> <tr> <td>0</td> <td>1</td> <td>1</td> </tr> </tbody> </table> --- # Binary Is More Than Numbers - ASCII, common pattern to translate - .eight[65] means "A", .eight[66] means "B"... - Computer uses context to figure out what the binary means .eight[Bit]: One binary digit .eight[Byte]: Eight bits --- class: middle, center # .eight[72 73 33] --- class: middle, center count: false # .eight[72 73 33] # .fourteen[H I !] --- class: middle, center  # .fourteen[How many symbols are there?] --- # Abstraction - Lower levels are hidden - We use easier higher levels We don't need binary, we'll use a programming language --- # Pseudocode - Not a real programming language, just an abstraction - Looks like english --- class: middle, center # .fourteen[Program me to make a PB&J] --- The End!