You are techY podcast

  • with Ellen Twomey
Inspiring interviews, simple-to-understand training and tech coaching so you can GET TECHY!

Episode #9 - 20% of HTML for 80% Effectivness

About This Podcast

20% of tech jobs are held by women. 20%!!!! That is ridiculous! What is going on here? Why does tech repel women? We will explore that and many other topics that will empower you, support you and educate you to get TECHY! YOU ARE TECHY! Whether you know it or not, you are techy. I can’t wait to show you how. As a returnship mother of four, I have felt techy, felt not techy and everything in between. I’ll show you how to grow your skills and share with you some of my favorite friends who are women just like you crushing it in the tech world. Join me! We having a fantastic ride ahead of us!

In This Episode...
  • >> A step by step guided tutorial to help you master the basic knowledge behind HTML.
  • >> Similarities and differences between HTML, CSS and JavaScript and where to draw the line.
  • >> Adding HTML to your resume.
Transcript

Ellen: 00:01
You are listening to the, You are techY podcast with Ellen Twomey, episode number nine.

Intro: 00:10
Welcome to the You are techY podcast where it’s all about growing in your techy-ness so you can find the tech job of your dreams and now your host, technology learning coach, Ellen Twomey.

Ellen: 00:30
I legitimately believe this is the best HTML training you will find anywhere. And I’m going to tell you why I think that. I’m not just saying like, Oh, it’s the best. It’s because I have put an enormous amount of time and energy into understanding the learning aspect of it. So here’s the thing, you can read a book or watch a documentary and just kind of like get information and not be sure how it applies to your life. That’s a valid form of knowledge I read all the time. I don’t always know what I’m going to get out of it. That’s totally valid. That isn’t what I do here. What we do here is say, what specific knowledge do I need to get the results? So in this case with HTML, it builds skills for a resume to get a job, build freelance skills or if you’re, I know I’ve got some people here who are building their own companies and websites, it’s to have those skills.

Ellen: 01:33
Now I’ve gone over the whole like WordPress, you can do WordPress without HTML, I just want to say that, but you will never go wrong. Like I don’t even if you want to be a scrum master and that doesn’t involve any coding, you’ll never go wrong learning this. I’m gonna tell you the 20% of HTML you need to get the 80% functionality. And I’ve gone over this in meticulous detail and this is the thing about HTML. You don’t need a ton of time. You just just do it every day for a week, maybe two. And I’m going to go over like the couple of different contexts to go over, but I’m going to tell you which parts of it are worth learning and spending the time on and I get really specific. Um, and which ones do you not need to worry about. And I explain why it doesn’t really matter and then also because I’m teaching you how to learn it.

Ellen: 02:24 Let’s say that there’s one thing that you don’t know and then you get on the job, but you have HTML on your resume and you don’t know how to do this one thing, which that’s happens all the time in software and I feel like the new people, that’s the biggest message I have for you. Like they just look it up like I know that that’s what they do. It’s not just what I did. I talked to lots of developers. They just look it up. Now there’s thought behind it, but you have to know where to apply it when. That’s the tricky part, but so back to HTML. If you know enough of this, if you know this 20% you put it on your resume, it’s a line on your resume. You get into the workplace and you don’t know something. I’m going to show you how to just find the answer quickly, which is that’s exactly what we need to do. I’m going to jump into the learning here. So let me share my screen with you.

Ellen: 03:18
Okay. If you have never heard of w3 schools, this is a great reference. Now, one of the things I really like to teach is not about, well this is, is this bad or good? I want you to really avoid that language because certain resources are better in certain circumstances. And D H w three schools is a comprehensive resource. We’ve meaning it, you can look up any tag in it. So it’s going to have every single HTML tag. That’s what it’s for. But if you go here without a plan and you don’t know, you’re like, I just want to learn HTML. It’s actually really pretty tricky. And you might say, but Ellen, they have all these great tutorials and I would say, okay, well which one are you trying to learn? So then you might say, I don’t know, I guess I want to learn HTML.

Ellen: 04:17
Or I guess here’s the problem. You get into this whole thing where it’s like feature, feature, feature, feature. Okay. So I just told you, I promised you you’re going to, if you don’t know how to do something, we’re going to do HTML and, but now you know, if you don’t know how to do something, you can come to w three schools and then you can go up here in the search and search for how to do it. Okay. I think the real challenge will come in when we decide when do we need HTML versus CSS versus JavaScript. That’s the big thing because HTML, technically you can do things with it, but it makes responsive design really, really tricky. And we just do a lot of that in CSS and we even do it in JavaScript. So just to be clear, there are many, many functions that you can do.

Ellen: 05:13
Many features you can produce, put an image on the screen, for example. You could do that in HTML, you can do it at CSS and you could do it in JavaScript. That’s one of the reasons it gets so confusing. So you might say, well, which one do you use? It depends. And that is the trick there in lies the like why it’s so hard to parse it out. When you’re new you’re like, but I don’t know which one to use so I’m going to tell you, I’m going to teach you the 20% of HTML that will give you 80% of the functionality that you need out of HTML. When we’re learning with this approach, which is called the big picture approach to learning tech, we don’t want to learn line by line by line and memorize it isn’t really helpful. Okay. We want to learn by sequencing in the right order and by having stakes, have a sequence, have a stake.

Ellen: 06:05 You’ll up your odds of learning this much more. The other reason that w three schools is really great is they have this try, try it window. So this is the window here. So if I click learn HTML and I’m on the very first one, if I scroll down a little bit, it’ll say try it yourself and we are on the very first one. Okay. So this is the one where on that was the result that you just saw right here. This is a heading. This is a paragraph. There’s a little bit more to it. So these are the lines of code and I, I say don’t go line by line by line. You need this amount to start. This is your starting point and HTML has this doc type HTML in there. Um, it looks like w three schools even puts it an extra HTML there. I don’t know why. I think that has to do with their editor. Oh, okay. But you can leave that in there for, or their purposes because this is just an editor, so you can see here’s this is the heading. Okay. Then if I change this and say super duper heading

Ellen: 07:08
And then I click run, then it just changes it. You can see where it does that. Okay. And they have their same page title number three. Let’s try that. So they’ve got title up here. So title is usually, I guess it doesn’t change here. Title is different than a heading. It’s the one that appears up here in the browser, so that’s another one, right? Like it’s an environment thing that it’s tricky. So if you were doing a normal HTML page, you might say, well where would I do that? I recommend using w three schools first and then using a notepad and I will go into how to do this because it’s actually a little tricky. I want you to understand that the structure of HTML is the important part. Okay. If you have, for example, so here’s, so we have this doc type has to go first.

Ellen: 08:03 HTML optionally you can have an HTML additional one additional tag there. Everything between the curly brackets is a is a tag. Here is the head open tag. Then when I have this backslash here, here is the head close tag and then the title of the page goes in between. So open title, the text that I want to appear close title, that’s all within the top of that. That’s all the head, you know, it’s like the heading, the header of the top of the HTML. You don’t really need to know anything else about that yet. And then all of the content, like the super duper heading and this is the paragraph goes within the body tag and we have the body tags. You have to have body open, there’s body open, there’s body closed and you may say, well why is that? Is that body open? It just is.

Ellen: 08:54
The tag you put here is called an open tag and if you put a slash at the end, then that’s the close tag. There are a few tags in HTML that don’t require a close tag, but for the most part when you open something you have to close it. Each one is a heading. This is a super duper headed close tag, paragraph E, open close P. okay, so this is, this is, I’m considering this, I mean there are a few tags in here, but this is step one. You have to set this up like the way it is and you might just say, well okay, I can remember that. Or it doesn’t even really matter if you can remember it. You just have to understand that when I type something between these paragraphs, woohoo.

Ellen: 09:37 If I type that, then I click run, it will appear here. You have to understand that dynamic and you have to understand that a heading means something that’s larger on a page where the title means it appears here. That’s the important part that you need to learn when it comes to HTML. So that’s the beginning of it. And now we’re going to talk about just a few more tags that are really important to this experience of learning 20% of HTML for 80% effectiveness.

Ellen: 10:12
Okay, so. The next thing is that without, so all that was, it was text. So without linking then that there’s no point, right? Like everything on the web is about the hyperlink. That’s where the name HTML comes from. Hyper text markup language. Okay? And the hypertext is a link. So that’s very much the way that internet was designed is that it was originally just in a room and there were you know, a handful of computers.

Ellen: 10:46
But we would link from one document to the other and that’s out of the government out of a project called DARPANET. That’s how it grew. Here’s how we execute that. So all I’m doing here, this one looks a little different. I no longer have the heading tag, so I’m going to actually remove that. I’m going to parse out what is different on this one, which is this HTML links and I’m going to copy it and I’m going to go back to this one here and I’m going to just paste it under my paragraph and I think it’s really helpful to have a very basic web site or webpage and add to it and then see what happened. And that’s the beauty of HTML that you don’t find in other languages. That’s why it’s called a scripting language. Now you do find this almost all the way for CSS.

Ellen: 11:43
The only thing is CSS. You have to have an element that you’re applying everything to and pretty much it’s like type it in. You see it on the screen, type it in and you see it on the screen. But JavaScript, you can easily show something on the screen, but there’s more logic happening behind it. There’s very little logic happening here. We type something in, it gets encoded, the computer understands it, it spits it out. Okay, so I’ve added to this website and I’m going to run it and I’m not going to explain it. I’m going to run it first. Okay. That is key. Put it in, see what happens. Okay, so we look and we say, Oh, HTML links. That’s between an H2 tag. I can look at this and see that my H1 tag up here, this is super, a super duper heading is bigger than my HTML links. You’re starting to already understand. You can visually see that the heading tags are emphasized and bigger. They’re bold, but they are, uh, one is the biggest and then two and then three of them for now. Exactly how big it is. That is a default in HTML that we can change in CSS. But that’s important. Now it only goes one through six. So I can change this. Let’s change this one over to a six.

Ellen: 13:13
I make a couple of changes, right? And now you can see, Ooh, it’s like a little heading. All right? But we don’t like that. Let’s do, let’s do one and let’s keep it to two now. So we’re gonna run that again. It’s back. It’s really great to like type it in, run it, type it in, run it, and just see what happens. So HTML links down here. We now have a link. So if I click on this, it gives me a link. Okay, I’ll run it again. It comes back to here. How did I do that? Okay. First of all, they put it within a paragraph and then they added a link tag. What’s a link tag? It goes like this. Let me, and I’m going to just white space doesn’t matter. So I can enter, I can put a ton of white space in. It’s fine.

Ellen: 13:55
As long as I’m not within quotes. Okay. So if I come down here and I look at the link, here’s how a link works. It’s literally a, which is confusing, right? You’re like, what is a? A means I’m starting a link. Then I close this with a closing A tag. But you might notice, why don’t I have a bracket here? Well we do, but it’s at the end of this. So this whole thing is the open A where the open link bracket and so it says a, I have a link and that link is an href, a hypertext link and a href equals and then I put what the link is that I want for it to be.

Ellen: 14:47
Well let’s go. Okay, let’s click up. There we go. And I was playing around with this S here, but leave the S in. I put an hgtv.com and here it went here, the hgtv.com but I still have visit our HTML tutorial. So if I want the link to read something more appropriate, I just tape it HGTV. And then here it is so you can see how just typing it in and getting really um, specific and really help you to understand what each tag is doing. We’re going to move on to just a couple of more things.

Ellen: 15:27
I can put a link into my HTML or what else might you want? Let’s, let’s go back. Let’s go back and run this. It’s pretty boring, right? You might also want an image, right? You might want multiple images. So we’re going to go, we’re going to go in the same thing. I’m going to just all this copy. Now if you’re like Ellen, wait, where are you getting that from? Here we go.

Ellen: 15:59
And I type in image. Now I can also just find it over here, images. And that’s, that’s what I did. So here are the images and then when I go here, I just go try it myself. And now I have that code. So that’s really the way that a beginner will learn is, is to copy and paste the code. Now this is the one that starts getting tricky back to our, well, it’s a couple of these. Okay, so here’s our link with, yeah, let me close this one. Here’s our, here’s our, uh, try it now that has the HGTV and let’s go and add, I’m just pasting this image here and then I’m going to click run. Now I’ll tell you right now that if you try this and it doesn’t work, the problem is that your image is not in the right folder. And this sounds so silly, but it’s a ton about what is made up of tech is the environment.

Ellen: 17:08
Like what does, where should everything go? So being organized is really helpful. If it’s not in the same folder, you can get around that. You just have to have a different, it has to look more like a path like you have here with it. With HGTV, it will be a longer path. Okay. So this picture, but I’m using their picture because if I use one of mine, it won’t work. Does that make sense? You have to use one of theirs in w3 schools. I’m gonna show you next what you can do with yours. Okay. So I have this picture. I just want to [inaudible] this couple of things about the image tech. So instead of the a, I have the IMG and instead of a truck I have source, cause I’m not doing a hypertext link. I’m doing going to a source. So in this one it’s picked truly JPG and then it’s all in double.

Ellen: 17:58
It’s all double quotes after the equal side. Then I have a little space. Uh, and also you’ll notice the image tag does not have a close tag. I can not explain the logic to them, but it has an alt tag, an alt tag that has to do with when I mouse over the picture and it might not render in there. Try it in there, try it now. But if I moused over this on, on the web, it would say Italian. Truly. Okay. One other quick things. So we’ve got links, we’ve got an image. What about a link? What about an uh, an image that is a link. So let me come here. I’m going to leave all that up. And all I’m doing is I just copied the HRF here, but instead of having HGTV, so like down here, I’m going to paste an image and now I’m going to run it.

Ellen: 18:54
Okay? So you can see when I mouse over the first image, nothing happened. But when I mouse over the second image, I get this cursor and I can click and it goes to HGTV. So we’ve got a href, we’ve got a link, let’s run it again. We’ve got a link to HGTV. We’ve got a picture and then we’ve got thrilling. So those are some really basic functionality of HTML that’s only going to get you so far. Okay. Um, but it’s a start. It’s definitely a start. And there are a couple other things that I really want you to have a strong understanding of before you kind of try it out on your own. I told you that HTML and CSS and JavaScript have overlapping functions. What are the important parts about that is that CSS can be inputted directly into the HTML, but that’s not normally, that’s not like common practice.

Ellen: 19:56
Both CSS and JavaScript are typically linked in the HTML. And I’m gonna show you what that looks like. But first I just want to tell you how this is a key component of HTML. If you’re building an HTML based site, you’re not going to use all HTML. You’re going to use JavaScript files and CSS files. So linking between files, I don’t mean the hyper text linking like we just did is an important part. Like it’s, it’s, I’m going to show you and you’re going to think, okay, that’s, well that’s pretty easy. It is and it isn’t because it’s foundational to creating the result that you want in the head section. So if you put this in the body, won’t work, it’s important to know where things go. That’s very important. Like an HTML. If you flipped the open-close it’ll all be messed up. It’s really the structure really matters.

Ellen: 20:57
So in um, CSS, excuse me, in CSS, let me see if I can show you right. I want to just show you this one quickly that within the heading tag, so that’s open head. I have a style tag and then I have a close style tag and you can put the CSS right here and they have, they have background color, black with white text and margin and padding. That’s totally fine. Invalid for you to practice CSS that way. This is not the way it’s done in practice. The way it’s done in practice is to link to an outside site to link to an outside file, a CSS file. So we’re going to copy this and we’re going to come over here and we’re going to go in between the head tags and we’re going to paste it here. Now this is telling me that I have a link to a REL.

Ellen: 22:01
I think it means related style sheet CSS is cascading style sheets. It’s where you put all the color in a button. It’s where you have put a different background if you want. It’s all in CSS that sounds, it gets complicated quickly but it has an href just like our link does down here. And that href is called styles dot CSS and you should know that that’s a common name for a style sheet. And you could have multiple style sheets with that name if they’re within different folders. Otherwise there’s just one. Typically you’re going to need more than one style sheet or large productions. You could have multiple ones here and you could have like a button CSS and you can have a uh, a text box, a CSS, and a lot of that has to do with like who’s working on what. So that can happen a lot of different ways.

Ellen: 23:01
So this would add styles, whatever is in the CSS file, it’s now in the HTML file and I can just use it the way they use it. We’re not going to go into all that because that’s CSS. Do you see where that line is so like tricky. I’ll do another one on CSS, but it is very much like it’s TML and that you type it in and then it shows it type it in and then it shows if you have LinkedIn appropriately and tag it correctly in HTML. So that’s kind of the tricky thing. So this is how we include, you might call it in, you’re probably thinking why are you emphasizing the word include, they will call it in an include file. Okay. So this is an include file as opposed to typing. Let’s go back to here. Just having these two style tags up here with HTML.

Ellen: 23:51
The only way you would do that is if you had just a little bit of CSS. But this will, this is a great one to show you kind of how CSS works. And we’re going to now move on to JavaScript. That is also typically in another file. A, you might have a little bit here. So when you try this on w three schools, it’s totally fine that they’re like HTML. My first Java script, here’s the, but they’re showing all this to you. But again, let me show you these script tags. Script open script close. They’re putting the JavaScript inside of the HTML. And that’s not normally what happens. It’s an include file, but you can start to see where, uh, that’s absolutely how we start looking it up and we can find the different things that we need. Okay. So there are a couple more things, yeah.

Ellen: 24:43
That I want to go into with this. And this has to do more with actually some UX stuff. So outside of our JavaScript tags and our CSS tags and putting links in and putting images in, there’s a little bit more information that we’re going to want in our, um, in our HTML. But this one, this stuff we don’t see, but Google and other websites are going to use it when they’re, the search engines are going to use it to find and categorize your website. So it’s important that we look at this, um, these there it’s metadata and this is the heart of SEO. Okay. So you, you can go through, and I’ll put this link on here. We could go through through each one of these different elements of the meta tags, but a meta tag is this meta tags character set is telling you which character set we’re using.

Ellen: 25:47
So it’s like saying I’m going to use the word or I’m going to use a word basically that we would take that one and that would be one that we would add. Okay. And again, we’re going, it’s typically first actually, and we’re going to put that in the head in this head tag. Alright, so that one wasn’t very helpful. But again, we are not going to see a result, but I do want to go over, we’re just going to go over two of these. It’s this one here, which is the description. And it’s this one here, which is the keywords.

Ellen: 26:26
So you’re definitely going to want to describe what your website does. And here you can see that the description is, it’s not really a sentence, but it’s like a brief intro. So I might want to change mine to say highlights in HGTV and then my keywords, HTML, CSS, XML, JavaScript, maybe I don’t want to do that. I want to say it’s HTML basics. It’s linking files and it’s some HGTV highlights. So the keywords are separated with commas. And this is when we talk about our metadata. This is what we’re talking about and how, and this is how SEO works. Like when you want to know what the right information to put in is. This is, this is how it works, is that you have to literally type in what your website is about. Now, it doesn’t work at that generically because Google is checking to see, like did you type in something that’s accurate to your web page.

Ellen: 27:31
So that’s the other thing is you want to do this per page. The more specific you can get, then the better results you can get. Um, so these are a little bit juggle. So that’s metadata and you might be thinking, Whoa, Whoa, Whoa. We started with paragraphs and links and our metadata. Yeah, because that is the essential component of those. These are the essential tags of HTML that I really want you to understand. Okay. There’s one more, it’s actually two more, but there that I want you to understand their importance because it really is, they really are kind of key to how HTML works. So we’re going to come here and the main thing that I want you to look at. Do. There we go.

Ellen: 28:18
So they so down here you can see I have all these other things. I have these two links. I have these, there are these two options for me, HTML classes and HTML ID. So I’m going to do this one and then I’m going to do this. I’m going to do HTML ID. So we’ve got our classes and then the other one we’ve got is the ID and the main difference. So you’re going to see. Let me show you what it looks like and then I’m going to explain how they’re different. The main difference. Okay. You can see they’re using the same information as they did with the CSS because it’s helpful. Okay.

Ellen: 29:10
HTML class, so you can see this is all my important heading. This is important text. So this is all very basic. Is that in here? In this h1 tag my and then I have an open bracket span space class equals note, important close span. Close h1. Okay and you might be like, Whoa, Whoa, Whoa. What are all these mean? So a class has to do with what? CSS. So this is where they become integrated. I’m really teaching you a little CSS right now. If you’re wanting to get super technical, but you are going to see this word class as well as, okay here. Oh they are using it here. Here’s class and let’s do.

Ellen: 30:04
And you’re going to see ID right here. h1 ID equals my header. And you are going to see class and ID all over HTML. If you, if you’re looking at, and you might be like, what the heck is that? So there is the difference between an ID and a class is that an ID can be used to identify one element. Okay. Where a class can be used to identify multiple different elements. So that’s the difference there. And if you say, okay, well what’s it doing? Let’s look at what it’s doing and then we’ll change what it’s doing and see the result. So let’s start with ID, which is actually simpler. So the ID is not its own tag. So that’s why you’ll see it within an h1 it can be within a paragraph. The class, they used it in a span, which is a, you might also see it in a div tag, which we’re not going to go over today.

Ellen: 31:05
But um, div tags are just organization of the tags. There’s really, they’re like a holder for other information. Okay. So h1 ID equals my header. Well, it’s in double quotes. So that means it’s if it’s in double quotes as a specific text referring to something specific, like a hyperlink, like an image file, something like that. Well in this case, my CSS is right up here so I can see it and I know it’s CSS because I have a style open and a style close. That’s how I know. And my header is defined by a background color of light. Blue did that. A color of black, that means the text, the text is black, a padding of 40 padding, um, is spacing around the edges. There are like multiple layers of this. You can do adding margins. It’s like a whole, there’s a series of boxes around everything, but all you need to know is that pattern is going to push it in about, um, it’s going to push it in a certain amount. And in this case it’s 40 pixels. Okay. And then I’m going to text align centers. So let’s just change that text align to left and run it. And you can see that it’s over here. Well that’s because this is defined as my header. And you might say why this is selected by the person typing it. So I could change this to my background.

Ellen: 32:34
And I can run it. And what, wait, what has happened? Well, what happened is I no longer am referring to my header. So if I come down here and I call my background and I run it, now we’re back on track, but I really don’t like the white, I mean the black, I like white. So we’re going to move it to white and I’m going to move it back into the center and then I’m going to run it against you. I continue to run it. I will tell you that the color is, you can use white, black, whatever. Like if you’re in UI or UX, you’re using something called a hexadecimal code. But this is fine for learning purposes and you can see it like there is, you can type in white and something comes, you can type in black and it’s totally fine to just put that in as a placeholder.

Ellen: 33:17
So this is for ID classwork similarly, but we’re going to look at it just quickly. Um, I think this class is easier to work with. So important is the word right here. That’s within this span and the word the class is referencing note. So in my style sheet you can see it’s defined a little differently. It’s spanned at note as opposed to that. The hashtag that the ID has, this is, this is just a class and you can see that my font size is 120% bigger than whatever my H one is. Then whatever it’s with it. And then the color is red. But I really don’t like that. I’m going to put purple and then I’m going to run it and Oh, I’m sorry. It’s being applied. I’m sorry I was down here with important, they’re applying it to both span class note important and down here span in class note important.

Ellen: 34:16
Yeah, that makes sense. Because what we want to say is, uh, like if you had a menu and you wanted them all to have the same color, if you change one, you want them all to change. And this is where you could do that a thousand places, which is not normal, but it’s not uncommon to have dozens or hundreds. And so we could just change it at one place. And again, here I’m typing the CSS, they’re showing us the CSS in here, but imagine like files with all sorts of things, but you could just go in and change at one time and then it perpetuates it everywhere. I know that there can be a lot of complexities about it, but that’s the fundamental piece that we’re looking at is that, um, by having this type of structure, what I’m doing is allowing, um, the, the ability to make a change one time and it can be precipitated throughout.

Ellen: 35:10
I don’t have to go and make the change every time, every time. So setting up the initial structure is really, really important. So those, those are literally, if you go over those tags and you get those put HTML and you practiced it a few times with HTML on your resume after you do it in w three schools, then you put it in a text file and you try it there. And then you have that, you have a file kind of separate from, from the try it. There’s always going to be a little bit of um, environmental things they’re setting up, they’re setting up something that you can type in, but you never really need to stop using the try it. You can always test your code there and then put it in a bigger file, like it’s on file. But when I have it in a text file, and you do need to do save as dot HTML and you need to make sure you have all files instead of dot text selected because it’ll just add the dot text.

Ellen: 36:05
Once you have that, now you can put that on get hub and you start your repository. And that’s kind of how you start to build your, um, your programming portfolio is you just have an HTML file. That’s the first thing you have. And that’s a really great way to just kind of say, I’m starting my coding journey. And that’s great. You know, a lot of the UX designers I’ve been talking to lately are the aspiring UX designers. They’re like, no, we, I really, they want to know if I know HTML. And then once you do this and you like see, okay, I can do a few things and I know where to reference it, you’ll be so much more comfortable with it. And you go over this video a couple of times and you practice maybe 10, 12 times put on your resume as you work towards building your other skills, your CSS skills, your JavaScript skills, which again, if you’re UI focused, then yeah, I think there’s some validity to putting that in there.

Ellen: 36:56
If you’re a research focused UX or that’s totally fine, you just say that it’s your use, use it, your research focus this direct sir and that new, if that’s not the right fit for you, okay, that’s fine. Um, but just knowing a little bit of HTML, will never, never hurt. And also just like creating the get hub repo and all that, like it’s, it’s not that hard, but if you sit down and spend an hour doing it, you’ll, it’ll, it’ll kind of elevate you in a different level. You’ll just understand all those components. So I’m super excited about this one. I think that there’s a lot of great information in here and I think if you go to w3 schools and you just do it, you can get totally overwhelmed. And I think if you do this one and you just practice it again and again, then um, I think it’s going to really help focus your attention on what you need to do and what you need to learn. Uh, so I hope it’s been helpful.

Ellen: 37:46
Hey techies, I just want to take a minute to tell you about spiffy on demand car care with four very active kids and my husband and I both running our own businesses, we’re always looking for ways to 86 items from the to do list. That’s why I love spiffy. They come right to my house. They’ll go right to your house or office too. They’ll get your car in tip top shape, whether that’s an oil change, a car wash or car detailing. I know you’ve got those meshed up pretzels in the minivan and spiffy loves our mission of helping moms get into tech. That’s why they’re offering You our techY podcast listeners a great deal. You’ll get $20 off your oil change and $30 off any car detailing or car wash services by entering the promo code techie at checkout. How awesome that? No more going to the local oil change store while the technician waste your time with upsells. I seriously hate that. Just go to get spiffy.com schedule your appointment and enter the promo code, techy, T E C H Y at checkout.

Ellen: 38:56
Hey, if you enjoyed listening to this podcast, you have to sign up for the You are techY email list. Imagine being in the tech job of your dreams. Join me to get the strategies, training and never ending support to get hired. Sign up at youaretechy.com That’s Y-O-U-A-R-E-T-E-C-H-Y dot com. I’ll see you next time.

ready to start your tech journey?

"Too often we underestimate the power of a group of people. You are Techy has changed my life dramatically. Because of You are Techy, I believe in myself. I am so thankful for their part in my journey.”
tech mom gretchen testimonial
Gretchen
Scrum Master
“Before I found You are TechY, I didn’t understand my worth, value, and contributions to my team and especially myself. I understand my worth, and I’m not afraid to show how much I am needed as a team member, a leader, and most importantly, a woman in Tech!“
tech mom katelyn
Katelyn
Product Owner

Join our You are techY FB Group! Membership is free and you won’t believe the supportive community that we have rock n’ rolling just waiting for you!