Slide3A brief history of Web Development https://pantheon.io/blog/history-‐website-‐development-‐infographic
Web Development Stages1 – Concept Development Web Development Stages 1 – Concept Development Write down the following: ◦Who is this website for? (the types of users) ◦Why am I making it? (what is the problem?) ◦What is the most important thing visitors should do on your website. ◦Write, read. Write, read. Repeat. ◦Sketch (draw) your website outline.
Web Development Stages2 – Prototype Development Web Development Stages 2 – Prototype Development A “broken” version of your website: ◦Links work, but don’t lead to any content. ◦“User Journey” is complete: ◦“As a I want to “ ◦Quick to change and move things around.
Web Development Stages3 -‐ Development Web Development Stages 3 -‐ Development Ideally, your requirements are complete ◦Work at an iterative pace: ◦Develop at the lowest possible work unit ◦Use the tool that suits you, and makes you the most productive: ◦Text Editor ◦IDE ◦Terminal ◦GUI
Web Development Stages 4 -‐ TestingWeb Development Stages 4 -‐ Testing If you don’t test; prepare to fail. Types of testing: ◦Functional Test (does the feature work?) ◦User acceptance test (is it what the user wants?) ◦Unit test (is the code stable?) ◦Coverage tests (are all code paths executing?)
Web Development Stages6 -‐ Maintenance Web Development Stages 6 -‐ Maintenance Small effort, big rewards ◦Enable maintenance by tracking: ◦Successful requests ◦Failed requested ◦Repeated failed requests ◦Key function execution ◦Infrastructure
Slide10Tools & Frameworks USE THESE TO JUMPSTART YOUR DEVELOPMENT
A quick note about workflowsA quick note about workflows A good development workflow: ◦Helps you get started. ◦Maintains your dependencies. ◦Enforces best practices. ◦Prepares your tools. ◦Fights regressions. ◦Eases the release process.
Slide18Quick Demo Web Development QUICKEST WAY TO PUBLISH A WEBSITE – GUARANTEED!
Demo Steps – Phase 1Local Development & Testing Demo Steps – Phase 1 Local Development & Testing 1.Create a directory anywhere in your file system, and change (cd) into this directory: 1.On Windows – recommended to use a path without spaces, so D:\gustt_demo 2.On Mac, default path is /users/home/yourusername/gustt_demo 2.Create a index.httml file in this directory, with any content you like. 3.Start a local server: 1.Python 2: 1.pytthon –m SimpleHTTPServer 8000 2.Python 3: 1.pytthon –m httttp.server 8000 4.Browse httttp://localhostt:8000
Demo Steps – Phase 2 PublishingDemo Steps – Phase 2 Publishing 1.Commit your files to git: 1.gitt initt 2.gitt add . 3.gitt committ –m “inittial committ” 2.Create a repository on github: 1.Login to your github account https://github.com/name/ 2.If you are creating an account for the first time, click on the welcome email to verify it. 3.Create a repository called name.gitthub.io 4.Type these commands to configure git: 1.gitt config –global user.name “Your Name” 2.gitt config –global user.email “email@example.com” 3.Push your website: 1.gitt remotte add origin httttps://gitthub.com/name/name.gitthub.io.gitt 2.gitt push –u origin mastter