HTML Part I (Locally) :: End-to-End Full Stack Developer Tutorial

#EndToEndProgrammingTutorial #ComputerProgramming #HowToBecomeProgrammer #YouCodeStuff

For all of my videos, feel free to ask questions in the comments!! I really do enjoy helping people learn.

03: HTML Part I Locally

I had this great idea of how to explain HTTP (HyperText Transfer Protocol) for people who are starting out, explains how websites get from the server to your browser. I'll show you how you can navigate around your computer in your browser and how you can make a local HTML (HyperText Markup Language) file right now!

In this video we finally get to start doing stuff! Before we jump head first into our steps of creating our server, we can use our local machine to see how some HTML is created and parsed by your favorite browser. I’m talking about some HTTPS and how we can use the way back machine to see what the web looked like a long time ago! We’re going to be making and using cookies soon enough, but here I explain what they are and where they live.

I talk a bit about text editors and how we can save HTML files and then make them happen in the browser using file:/// on both Windows and Mac. We start making some standard HTML5 starting blocks with HTML tags, touch a little on CSS (cascading style sheets) and how they work, and then some common things you may run into with encoding.

In this video we make an HTML document that we run locally that shows you some elements like paragraph, lists, tables to display data, and how to play an audio file and a video file right in your browser!

00:00 Introduction
00:34 HTTP HyperText Transfer Protocol
01:36 Way Back Machine! Internet Archive
03:31 Drive-Through anaolgy, how a web server works like a fast food restaurant
06:03 Explaining extra variables sent for website, quick explanation of cookies
07:01 Web server is where your website is created for the most part
08:21 Server side vs. Client side programming
09:07 HTTPS Explanation of SSL and Secure Certificates
15:17 HTML HyperText Markup Langauge
16:34 Starting with Text Editors (I can float notepad++ and notepad)
18:23 HTML Markup, starting with some basic tags and understanding
20:14 Accessing Files using file:/// in your browser
22:31 File encoding and possible issues in HTML
30:46 the BOM Byte Order Mark
31:32 Running or Installing a web server like Apache or nginx locally
39:25 HTML5 Document
58:11 Image tags in HTML
1:06:31 HTML5 Audio Tag
1:08:54 HTML5 Video Tag

---------------------------------------------
This video has been produced under fair use.

Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, education and research. Fair use is a use permitted by copyright statute that might otherwise be infringing.