web_development_basics.md

Introduction to Software / Web Development

1. Humans and Written Languages (10 min)
   1. Breaking down the following English sentence.
      1. "Hello, did you know that it is 271 days until my birthday!"
      2. Our eyes and brains have been trained to interpret characters and symbols.
   2. Morse code
      1. We can teach our brains and eyes to interpret other languages
      2. Let's interpret the following message
         1. ... --- ...
         2. SOS How do we know what these Symbols/Character mean?
         3. Agreed Upon Standard
2. Computers and Languages (5 min)
   1. We can use Computer Programming Languages to communicate and instruct computers to do certain things
   2. What is Software Development?
      1. Software Program is set of instructions written in a computer programming language.
   3. Let's interpret the following message
      1. python print('Hello World')
      2. javascript console.log('Hello World')
3. How the web works 101 (10 min)
   1. The Browser and its parts
   2. From Http Request to Rendered Webpage in a browser
   3. HTML, CSS, and JS build the DOM
4. Html & CSS Basics (20 min)
   1. Add Content and Structure to the DOM with HTML
   2. Add initial styling to content with CSS
5. JavaScritpt Basics (30 min)
   1. Add interactivity to a web page with JavaScript
6. Lab: Build and Publish a web app (30 min)
   1. What is a Server
   2. Publishing our WebPage to a Serve
7. Where to go from here
   1. Software engineering degree here at Keller
   2. Free resources
   3. Coding Bootcamps