Sketch the anatomy and flow of a website feature

Web Concepts & Fundamentals

Get started in your project! Here are your project steps for this unit.
Get started in your project! Here are your project steps for this unit.
1. Pick a website (ex. Amazon.com)
2. Choose one specific feature / user action (ex. Add to Cart)
3. Sketch the user flow for said feature, starting with submitting the URL
4. What happens each step of the way? What technologies are used and what for?
Share your write up or sketch in your project workspace.
Share a sketch or write up the anatomy of a feature
Share your progress in your project section to get feedback from other students

Logic & Code

Re-sketch or write up the anatomy of your feature
Add more detail to your sketches by asking yourself: whenever a request or action is made, what happens in the back-end? How does the system know what to do next, or what to show the user next? Where does the database come into play, if any?

Special Topics

Share a final sketch of your feature for feedback
Share your progress in your project section to get feedback from other students

Additional Resources

Welcome to the first unit of Extended Programming Concepts in Laymen's Terms!

To start at Step 0, here is an overview of how this whole class will work: Overview Slides.

----------

In this first unit we'll cover web concepts and fundamentals, which will include the following topics:
1. How the Internet Works
2. Back-End Techologies
3. Databases
4. Front-End Technologies
To learn these concepts use:
- Video Lecture #1 from me
- Module 1 Slides so you can follow along
Additionally, here's a great resource for an overview of how the internet works:
- HowStuffWorks: Internet Basics
In this second unit we'll move on to the topic of Logic & Code. Specifically, we'll cover:
1. Basic development logic and principles
2. How to read code
3. Tools to use when you’re ready to code
To learn these concepts use the following resources:
- Video Lecture #2 from me
- Module 2 Slides so you can follow along
Additionally, use these sesources for HTML, CSS, and JS:
- w3schools
- HTMLDog
...and these Tools to get started:
- XAMPP (recommended) or MAMP (Mac-specific)
- JSFiddle
- Sublime Text 2 or your favorite text editor
Welcome to the third and final unit of this class. At this point we've covered Web Concepts & Fundamentals and Logic & Code. Now we'll wrap up with what I'll call "Special Topics" which include:
1. What is an API?
2. What is Caching?
3. What is a CMS (Wordpress, Drupal, Magento, etc), and which should I use?
4. How do I hire developers if I don't have any technical expertise?
5. ... and more
To learn these concepts use the following resources:
- Video Lecture #3 from me
- Module 3 Slides so you can follow along

Becky Berowski

39

40