Web #1: Getting Started and "Hello World" Website

  1. Introduction
    • Why did you take this class?
    • Difference between websites and applicationsData-driven.
    • Why do you think Computer Science is hard?
    • How do you get better?Borrow ideas, copy code, Stackoverflow, etc
    • Story: My road to being a web developer.
  2. Classroom rules / coding ethics:
    • As we learn new stuff, try to use programming lingo.
    • Inspire each other. Share your work to motivate others.
    • The best way to learn is to type it on your own. Compile and see if it works!
      • I'm a visual learner. I'm a POCProof of concept type of guy.
    • Ask questions, but try to figure it out first.
    • Don't give up! You're here. This is going to be tough, but a lot easier than working 2 jobs.
    • Be organized.
  3. How the Internet works. See diagram.
  4. Before we build a website...
    • Why aren't we learning how to program first?
    • What is .NET or ASP.NET?
    • Assume everything is case-sensitive.
    • What is an IP AddressUnique address (192.x.x.x) to identify your computer?
    • What is DNS and DNS ServerDomain Name System is the site name. DNS Server maps the name to an IP address. Think phone book.?
    • What is UI and UXUser interface / User experience?
    • What is HTML?
    • What are the layers (or tiers)Front-End, middle-layer (server-side code), Back-End (data) of a website? Discuss right-click > view source.
    • Let's talk about what it takes to show a website on the Internet.
  5. So many ways to build a website. So many technologies to choose from.
    • Primary frameworks: PHP, Python, ASP.NET, Ruby on Rails.
    • Do your research. What skills are local companies looking for?
    • In this course, we'll focus on Microsoft technologies (such as ASP.NET)
  6. Let's go over basic HTML tags. Open Sample.html page.
  7. Very, very basic programming.
    • Declaring variables
    • Functions. Parameters and arguments.
    • FOR loops and WHILE loops
  8. Ok, let's build a simple Hello World"Hello World" is a term used to show that your program or site is working. website!
    • Make sure you have Visual Studio Community
    • Make sure you have Google Chrome or Edge.
    • You can build a running website without coding:
      • How? Visual Studio is an IDEIntegrated Development Environment that scaffolds working code when you create a new project.
      • Web forms (older .NET sites which are still around). We'll only cover this once.
      • MVC (Model-View-Controller)
    • Steps:
      • Open Visual Studio > Create a new project
      • Template: ASP.NET Web Application (.NET Framework) using C#
      • Select a folder. Remember, be organized.
      • Choose Web Forms or MVC.
      • For Web Forms, notice the .aspx and .aspx.csCode behind. Server side code. pages.
      • For MVC, notice the Model / View / Controllers folders.
      • Notice scaffold code. Press Run.
      • Web form pages have .aspx extensions. MVC pages do not.
  9. Go to the next lesson - Database