The body tag

Hey everyone,

So for today’s tag we have the <body> tag. This is also one of those tags that has a closing tag. Eg: <body></body> This is a very important tag because this is where you put all your stuff to make your webpage visible. So all the text, images, multimedia…it goes between these two tags. A very important set of tags. Can’t view anything without them. So let’s continue our example:

<html>

<head>

<title>My Webpage</title>

</head>

<body>

My Webpage

</body>

</html>

More tags coming up. Tomorrow I get into stylizing.

The title tag

We’re on day three. Tagtober is going great! So here is one of the most important tags you have to have to make a webpage. Although, technically a webpage can display without it, it’s not wise to. The <title> tag also has a closing tag. <title></title> It displays the title of your page. Eg: My webpage. If you leave it blank then it will display the root. What do I mean? Say if you have your document in a folder on your computer. It’s going to display something like: //My Documents://My Webpage//index.html. Along those lines. If you upload that to the internet then it will be along the same lines but with the host’s information instead. You definitely don’t want that. You also want people to find your website and the title tag helps them do that. So let’s continue our example:

<html>

<head>

<title>My Webpage</title>

</head>

</html>

See you tomorrow!

The head tag

I’m continuing my Tagtober theme with the next important tag. This is the <head> tag. You can do a lot of things with the <head> tag. Insert a lot of things in here such as the <title> tag (tomorrow’s topic), stylesheet links, javascript information, etc… Like other tags, it has to have a closing tag. Example: <head></head>. So far our webpage would look like this:

<html>

<head>

</head>

</html>

More to come tomorrow!

Tagtober

Hey everyone,

Happy October! I can’t believe that October is already here. This year is passing us by so quickly. So I wanted to make a concept for this month called ‘Tagtober’ where I discuss an HTML tag everyday for October. I don’t know how it came to me, but it just did. This will provide some information for you, some short bits, and keep the blog updated. I will also keep writing longer articles. I hope you enjoy it.

Beginning a web portfolio in college

This idea came to me a long time back. I guess it’s just sort of a no-brainer, but for some of us that are starting in the web design or web development we might not think of keeping every little piece or project that we have done. While I attended DeVry University for my first two certificates, one in Web Design and the other in Web Development, I had no thought about keeping everything. Sure there were a few pieces that made me proud and I decided to keep them, but not everything. That is where I went wrong. Now, I am going back for my B.A. in Multimedia Design and Development and anything I create that is related to my field, I am keeping. So why is it important to start a web portfolio in college and does it have to be perfect?

No. You don’t have to have a perfect web portfolio. You’re a student. That’s the point. As you are venturing throughout college you will have various classes and will collect many projects. Display these on your portfolio. Explain what you are learning, what you have learned, and what you are going to learn. I think a lot of us tend to over-obsess about the look of a website, but I have seen some really great portfolios that have simple layouts.

It’s also important to have that portfolio because you will start networking in college, with both friends, professors, and even future employers. So even though it is not a perfect representation just yet, it shows people what you are capable of and lets them learn a little about you.

Since I am going back to college for my B.A. I am having to redo some of my basic classes and most all of my web development and design courses have already been taken, but I still have a few left. Those I do not, I will be making sure to save and add to my portfolio.

I also want to make one thing clear: don’t haphazardly throw your web portfolio together. You need to show who you are without jumbling everything up. There are ways to make everything nice and professional and if you ever need a helping hand there are plenty of websites I can hook you up with for resources either for inspiration, information, or for help with things like colors or photo resizing.

Above anything else, remember, it’s about you. Make it about you and make it fun while you do.

Why is the ‘center’ tag gone?

Can I whine when I say, ‘why is the center tag gone?’ I know I am being a cry baby, but the center tag was one of the best tags for both HTML5 and CSS3. Now it is outdated and you can’t use it anymore. Damn you whoever made this decision! Okay so let me clarify a bit about the center tag. In HTML5, the center tag, <center>, was used to center items on the page. You could even center the whole page if you wanted. This made things a whole lot easier if you wanted a clean look. In CSS3, you had to use:

align: center;

Which was so much easy if you knew how to write stylesheets or even used it in the HTML document itself. The thing is that now you cannot use either you have to use different ways to center the items on the page. These I will have to explain in a more in depth article later. I am working on a one-page website where I had to center the navigation and title boxes and neither line up with each other. It would have been easier if the center tags were still here. Alas it is gone. Goodbye center tag.

Working on my portfolio

I’ve complained about making a portfolio before, but right now I am working on some websites for my portfolio. The one I am working on now is a redo of my first website ever, which was about whales. It was generalized of course. It wasn’t comprehensive. This is my one-page website and it will only feature information about five whales. It’s the first time I am using a background image. So far I like it. I’m thinking I can get it done tomorrow or Sunday if I put my nose to the grindstone. Then I will start work on my multi-page site. So anyway, I will update with some more articles soon. Just have had a busy life. Talk soon and have a great night!

What’s the difference between front-end, back-end, and full-stack developers?

I’ve mentioned these different kind of developers in many other posts I have made before. I thought I would go ahead and clarify with an article all it’s own. It can be confusing, especially to those new in the coding world. I know it was when I started.

So a front-end developer deals with the building of the websites. They make the websites look pretty and make them function in a way that will help their customers with their needs. The front-end developer’s basic knowledge should include:

  • HTML
  • CSS
  • JavaScript
  • jQuery or some kind of JavaScript library
  • Bootstrap or Sass (extended CSS)

You do not have to be an expert in everything. However, you should have advanced knowledge in HTML and CSS. You should have a pretty good knowledge of JavaScript. Basic knowledge of jQuery or a JS library is preferred and basic knowledge of Bootstrap or Sass is definitely an add on.

Moving on, a back-end developer deals with basically the structure of the website. This can be the security, databases, site operations, etc… Back-end developers basic knowledge should include:

  • Python
  • Python libraries such as Django
  • Java
  • Ruby
  • MySQL or something equivalent

Again you do not have to be an expert in everything, but focusing on at least one of each will help you. MySQL is a database language, but not the only one. So if you focus on it and learn it, chances are you will be able to learn others quickly. There are plenty of languages out there for back-end developers, pick a few and dedicate yourself to learning them, if that is where you want to go.

Last, we have full-stack developers. This sounds weird. What are they? Full-stack developers deal with both sides of the website. They know coding languages from each side and are able to put the website together completely from both ends. They also have a wider array of jobs open to them because they are more knowledgeable in both arenas. This does take a lot of studying, but it is worth it considering the amount of money you make.

So that is a little about types of web developers. If you want to learn more, go here: https://www.computerscience.org/bootcamps/resources/frontend-vs-backend/.

Thanks for reading!

On a personal note…

Hey everyone,

August was a tough month for me. I took a job at Kroger and that did not go well as I thought it would. So that is why I had a decline in the articles and activity. However, I will be updating much more now. I can’t wait for you all to see what I have in store. There will be a lot more articles on various topics and they will be more in depth. Can’t wait to start!