the web101 project https://web101.org The web101 project is an instructional series for learning about web technologies, from it's beginnings through the modern web. Sun, 24 Jan 2021 00:00:00 -0700 hourly 1 en-us Copyright 2021 Mark Fischer Learning about web technologies, from the very beginnings through the modern web. Mark Fischer episodic Mark Fischer podcast@web101.org The web101 project is an instructional series for learning about web technologies, from it's beginnings through the modern web. The web101 project is an instructional series for learning about web technologies, from it's beginnings through the modern web. Mark Fischer podcast@web101.org https://web101.org/images/show-art-01.png the web101 project https://web101.org no noHugo -- gohugo.io More Elements https://web101.org/005-html-2/ Sun, 24 Jan 2021 00:00:00 -0700 Mark Fischer w10100005 Mark Fischer 5 More Elements In this episode we cover some more of the basic HTML elements. Lists, tables, headers are all on the menu. We also start discussing styling, and the differences between structure and presentation. In this episode we cover some more of the basic HTML elements. Lists, tables, headers are all on the menu. We also start discussing styling, and the differences between structure and presentation. In this episode we cover some more of the basic HTML elements. Lists, tables, headers are all on the menu. We also start discussing styling, and the differences between structure and presentation. Web 101 - Episode 5: HTML Part 2 ]]> 00:24:23 First Page https://web101.org/004-first-page/ Mon, 18 Jan 2021 00:00:00 -0700 Mark Fischer w10100004 Mark Fischer 4 First Page We've seen enough HTML to build our first page and view it in a browser. We'll go over the most basic software tools in web development - a web browser, and a text editor. We've seen enough HTML to build our first page and view it in a browser. We'll go over the most basic software tools in web development - a web browser, and a text editor. We've seen enough HTML to build our first page and view it in a browser. We'll go over the most basic software tools in web development - a web browser, and a text editor. Web 101 - Episode 4: First Page

We've gone over enough of the foundational basics now that we can create our first actual web page. It won't be much to look at, but it will contain the most essential elements required in web development. We'll go over the most basic tools in our toolbox as a web developer - a web browser and a text editor.

]]> 00:15:45 HTML Part 1 https://web101.org/003-html-1/ Sun, 10 Jan 2021 00:00:00 -0700 Mark Fischer w10100003 Mark Fischer 3 HTML Part 1 Hypertext Markup Language - HTML is the scaffolding of a web page. It defines the content and structure of a page, and links together all the pieces required to deliver the page's visual layout and interactivity. Elements, tags, attributes, content, flow, phrasing, and more! Hypertext Markup Language - HTML is the scaffolding of a web page. It defines the content and structure of a page, and links together all the pieces required to deliver the page's visual layout and interactivity. Elements, tags, attributes, content, flow, phrasing, and more! Hypertext Markup Language - HTML is the scaffolding of a web page. It defines the content and structure of a page, and links together all the pieces required to deliver the page's visual layout and interactivity. Elements, tags, attributes, content, flow, phrasing, and more! Web 101 - Episode 3: HTML Part 1 - Intro and Basic Structure

HTML is the scaffolding of a web page. It defines the content and structure of a page, and links together all the pieces required to deliver the page's visual layout and interactivity. In this episode we'll go over the basic anatomy of an element, the differences between that and a tag, attributes, element categories, and how elements fit together to make up a page.

]]> 00:40:11 HTTP https://web101.org/002-http/ Sun, 03 Jan 2021 00:00:00 -0700 Mark Fischer w10100002 Mark Fischer 2 HTTP The Hypertext Transfer Protocol is at the heart of the web. It is a fairly straightforward communications protocol allowing a wide variety of clients to talk to a wide variety of servers. The ease of use of HTTP has helped lead to the web becoming nearly synonymous with "the internet". The Hypertext Transfer Protocol is at the heart of the web. It is a fairly straightforward communications protocol allowing a wide variety of clients to talk to a wide variety of servers. The ease of use of HTTP has helped lead to the web becoming nearly synonymous with "the internet". The Hypertext Transfer Protocol is at the heart of the web. It is a fairly straightforward communications protocol allowing a wide variety of clients to talk to a wide variety of servers. The ease of use of HTTP has helped lead to the web becoming nearly synonymous with "the internet". Web 101 - Episode 2: The Hypertext Transfer Protocol (HTTP)

The Hypertext Transfer Protocol is at the heart of the web. It is a fairly straightforward communications protocol allowing a wide variety of clients to talk to a wide variety of servers. The ease of use of HTTP has helped lead to the web becoming nearly synonymous with "the internet".

In this episode, we will talk about the basics of HTTP, and look at examples of simple requests and responses. We'll cover tools used to create and examine requests, and go over the most used response codes.

]]> 00:33:07 The Big Picture https://web101.org/001-the-big-picture/ Mon, 28 Dec 2020 12:00:00 -0700 Mark Fischer w10100001 Mark Fischer 1 The Big Picture In this episode, I thought it might help to look back at a brief history of where the ideas for the web came from, and some of the major milestones over the past many decades. I'll also touch on the major pieces of the web we'll tackle in this project - HTML, CSS, Javascript, HTTP, Python, and MySQL. Each of these major pieces will have many episodes devoted to it. Hopefully at the end, you'll have a good idea of how they all fit together, as well as some basic understanding of each. In this episode, I thought it might help to look back at a brief history of where the ideas for the web came from, and some of the major milestones over the past many decades. I'll also touch on the major pieces of the web we'll tackle in this project - HTML, CSS, Javascript, HTTP, Python, and MySQL. Each of these major pieces will have many episodes devoted to it. Hopefully at the end, you'll have a good idea of how they all fit together, as well as some basic understanding of each. In this episode, I thought it might help to look back at a brief history of where the ideas for the web came from, and some of the major milestones over the past many decades. I'll also touch on the major pieces of the web we'll tackle in this project - HTML, CSS, Javascript, HTTP, Python, and MySQL. Each of these major pieces will have many episodes devoted to it. Hopefully at the end, you'll have a good idea of how they all fit together, as well as some basic understanding of each. Web 101 - Episode 1: The Big Picture

A Brief History

The web is a vast topic. To begin to aproach it, I thought it might help to look back at a brief history of where the ideas for the web came from, and some of the major milestones over the past many decades. While the web is only officially thirty years old at this point, its roots and ideas go back all the way to the 1940s.

While there are too many specific events and dates to call out, here is a small selection of some of the ones I thought were most important:

The Big Picture

The major pieces of the web we'll tackle in this project are HTML, CSS, Javascript, HTTP, Python, and MySQL. Each of these major pieces will have many episodes devoted to it. Hopefully at the end, you'll have a good idea of how they all fit together, as well as some basic understanding of each.

]]> 00:20:25 An Introduction https://web101.org/000-intro/ Fri, 04 Dec 2020 12:00:00 -0700 Mark Fischer w10100000 Mark Fischer An Introduction I've always enjoyed teaching and mentoring. A couple of years ago I had the great privilege to teach a class in web programming for the Computer Science department at the University of Arizona. So I thought I would dust off that course material, update it for 2020, and release it again as a podcast and video series. I hope you find it useful. I've always enjoyed teaching and mentoring. A couple of years ago I had the great privilege to teach a class in web programming for the Computer Science department at the University of Arizona. So I thought I would dust off that course material, update it for 2020, and release it again as a podcast and video series. I hope you find it useful. I've always enjoyed teaching and mentoring. A couple of years ago I had the great privilege to teach a class in web programming for the Computer Science department at the University of Arizona. So I thought I would dust off that course material, update it for 2020, and release it again as a podcast and video series. I hope you find it useful. Hi, and welcome to web 101

My name is Mark Fischer. I'm a web developer and programmer, and have been working with web technologies since 1994.

I've always enjoyed teaching and mentoring. A couple of years ago I had the great privilege to teach a class in web programming for the Computer Science department at the University of Arizona. I had a lot of fun teaching those classes, and in the intervening years have wished I could refer back to pieces of that material to show co-workers and clients. So I thought I would dust off that course material, update it for 2020, and release it again as a podcast and video series.

There are innumerable ways to learn about web technologies these days, but who knows. Maybe my way of explaining the web resonates with you more than one of those others. Either way, this is a thing I wish existed, so I'm going to make it.

I don't know what sort of schedule I'll be able to keep to, but I want to keep episodes relatively short and focused, no more than 30 minutes. I'm going to try for something every week.

You can subscribe to the podcast, and watch the videos at web101.org.

Take it easy, and we'll see you next time.

]]> 00:02:10