Looking at basics of web development (starting with HTML)

I have decided that I would like to look at the basics of web development, and I have a bit of an approach I would like to look at for this.  I think that I will probably approach it in this order:

  • HTML
  • CSS
  • PHP
  • JavaScript

I think that makes a fair amount of sense.  I’d like to create a new lesson every week:

HTML Basics

I have been looking at the HTML basics, I’m not really sure where I would like to go with this for sure, but I am going to look at this starting in this order:

  • HTML file format
  • HTML <head> content
  • HTML <body> content
  • <head> tags
  • <body> tags

I know that looks pretty brief, but I think several of these will end up being multiple lessons.

I also would like to be able to provide external resources for most of these things.  In part because I refer to them on a regular basis myself.

CSS Basics

I will do a similar thing with CSS:

  • Inline CSS format
  • Header CSS Format
  • External CSS Format
  • Including External CSS
  • CSS selectors
  • CSS declarations
  • CSS properties
  • CSS values

This is a much longer list, though I think it is more finely broken down.

PHP Basics

PHP is my strongest programming language.  I hear a lot of people complaining about it, so I keep trying to do things in different ways for a variety of things, but I think that it is a reasonable place to start learning a number of basic programming concepts:

  • Writing output
  • Getting input (forms)
  • Processing input
  • Displaying based on new input.

That’s really the very basic structures.  I will probably need to look a variety of different things or not.

JavaScript Basics

JavaScript allows you to do things on a client’s computer.  I use it very minimally right now, and think that I am strongly of the opinion that JavaScript (and CSS) should be able to be turned off, without losing the basic functionality of the webpage.  I can’t really break this down all that easily, but I can work on handling this in a better way along the way.

This entry was posted in Education, Site News, Web Development Basics (edu) and tagged , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Leave a Reply