| Grade Mastered |
Code Syntax |
Explanation |
| 6th Grade |
< p > |
The <p> tag is the tag you use to make paragraphs in HTML. You put these tags around most of the text on your webpage. I used this on this portfolio. |
| 6th Grade |
< div > |
The <div> tag is used to separate parts of your webpage from other parts. If you just simply use the <div> tag, it adds a space. However, you will most likely use the <div> tag when trying to make large parts of your webpage be stylized easier in CSS> This is because the <div> tag can go around a large chunk of your webpage without confusing it unlike most tags would (like if your tried to put a <p> tag around a large part of your code it would surely be confusing to your webpage and mess things up but the div tag wouldn’t do anything like that) so this way you can easily add ids and classes to large chunks of your page to stylize and personalize select parts of your page easily using CSS. I used this on portfolio. |
| 6th Grade |
< img > |
The <img> tag is used to add a picture to your webpage. The code is <img=”insertnameofimagehere.jpg” src=”C:Users/Username/Put/Your/File/Path/Here” alt=”put a description of the image for people using screen readers here”/> (yes I just did that all from memory and I am proud of myself). For the part that says img= (which means image) you would put the name of the image with quotes around it. For src= (which means source) you would put either the relative file path to the image from where your HTML file is or you could just give it the full file path with C: (or D: if that’s on your computer) your username and all. And lastly the part where it says alt= (which means alternative) you would put a description of the image for people with a screen reader so the screen reader can read that description to people who can’t see or with some other disability. I used this on my portfolio. |
| 6th Grade |
HTML |
HTML is the file type that you put tags in to create a website. It stands for Hyper Text Markup Language. You would edit it most likely with Notepad++. I used this for portfolio. |
| 6th Grade |
< head > |
The <head> is where you put all your meta tags in. The tags put in here won’t show up on a webpage, it’s just stuff that the user can’t see, but the website needs to know, like what your CSS file is, what the tab at the top should say instead of simply the file name, who made it, the copyright, etc. I used this on portfolio. |
| 7th Grade |
< a > (anchor tags) |
The <a> tag is used to link another webpage to the one you are already on. You could use it to create a navigation bar. You must put an href= and then put in quotes the file path to get to the link if it’s something you created or put the url (what you would type in the search bar on a search engine to immediately get to website) from online if it’s something by somebody else. Simply put a # in the href to make it reload the page. You can also make it move to certain parts of the webpage using ids by using “#idnamehere” in the href. You can also put “mailto:email@email.com” (apparently it works on Word too) in the href to make it open up their default email sending app with a new one addressed to the email that it after the words “mailto:”. |
| 7th Grade |
Navigation Bar |
The vocabulary term “navigation bar” is a part of the webpage that is used to navigate to other webpages usually other webpages you created that are attached to that one. You use a lot of <a> tags when making one of these! |
| 7th Grade |
ID |
An ID is used to stylize specific parts and pieces of your webpage in CSS. Any tag can have an id by putting <whatthetagis whatthetagis id=”idname”> in the opening tag. To select this whenever you need to either with an <a> tag or in CSS you type it as #idname. Everything in between the opening tag and the closing tag that you assigned the id to is now a part of that id. Each ID name has to be unique. |
| 7th Grade |
Classes |
Classes are very similar to ids. You assign something a class the same way you do an ID but instead you put class and when referring to it any way anywhere else like in CSS you put .classname so you put the class name but you put a period in front. The main difference between classes and id’s is that every ID has to be unique each time you give something an ID so if you wanted to have multiple different parts of your webpage to be styled in a certain way (like multiple paragraphs) you could do that with a class, but not an ID. |
| 7th Grade |
background-image |
Background-image is a CSS property you can use in CSS to have an image set as the background for a part of your webpage. You would put “background-image:urlrelative/file/path/from/css/not/your/HTML/goes/here)” in your CSS to set the background image. |
| 8th Grade |
footer |
The footer tag is what I used to put my copyright on this portfolio on the bottom of every page. However, it had to be inside a div for it to not automatically put it at the top of my page for some reason. It tells screen readers that it's the end of the page. |
| 8th Grade |
article |
The article tag is what I use now instead of a div tag for specialized content. It tells screen readers it's an offical article and not just some random words. |
| 8th Grade |
nav |
The nav tag is used to make the nav bars. It's easier and quicker than using a bunch of anchor tags. Plus it tells screen readers that it's a navigation bar and not just hyperlinks. |
| 8th Grade |
section |
The section tag is similar to the div tag and is used to have id's and classes like a div. But this tells screen readers that it's seperate from other things. |
| 8th Grade |
figure |
Figure is an easier way to divide up pictures from text and text from pictures and add captions to photos using figcaption, and it's like a div. |
| 9th Grade |
console.log ("") |
The most basic Javascript function. It's exactly what it sounds like, it logs whatever you type inside the parentheses
into the console. If it's a text string you need to put parentheses around it. |
| 9th Grade |
Var (or let) variableName = value |
You type let before a variable and then type the value to set it to that value. A variable made with var or let
can have its value changed later. |
| 9th Grade |
If (condition) { console.log("code to run goes here") } |
An if statement makes the code in the curly braces run if the condition in the parentheses is met. Such as
exampleVariable === true and if exampleVariable is set to true then the code will run because then that condition
has been met. |
| 9th Grade |
= = = |
You use three equal signs to show something is equal to something in Javascript except for when you first set a variables
value, so mainly when setting the condition for an if statement. |
| 9th Grade |
True values and false value conditions |
When writing an if statement and you just put the name of the variable it well check to see if that variable is set to
true. This can be used by having the variable set to a text string that isn't empty, any number that isn't 0, the actual
boolean value of true, and not anything like undefined or null. Then the code in the if statement will run if any of those
true values are detected as the value of the variable you named. |
9th Grade |
if (condition){ }else{} and if (condition){ }else if(condition){} |
Else statements make the code in it run if the condition for the first part of the if statement was not met. Else if basically checks for a different condition if the first one was false.
|
9th Grade |
case (value) |
This is used usually for random numbers. It checks to see if the variable equals that value or number and says what
code to follow if that's true. A default case statement shows the code what to do instead of just saying undefined or
something of that sort when the code doesn't know what to do.
|
10th Grade |
System.out.println("") |
To print something to the console in Java, put something in the quotes. |
10th Grade |
class |
A class is what defines a certain type of object or method within an object in Java. |
10th Grade |
constructor |
A constructor is what you put in the class you want to make an object from.
The name of the constructor will be the same name as the class. It does not need
a return statement, it only needs the parameters you want to set. You can use the
overflow method to have multiple constructors with different parameters. |
10th Grade |
instantiating |
Instantiating means to create a signular insteance of an object in the code
with all necessary parameters that are needed for the constructor. |
10th Grade |
public/private |
Public methods or objects can be accesses outside of their class or routine,
whereas private is not. |
10th Grade |
return |
A return statement is what tells a routine within a class what kind of
variable or data you want it to have on standby, ready to be printed or used
in some way. You use "void" when you don't need it to return anything. |
| 11th Grade |
< iframe > |
Iframe tags are used to put pdfs on websites. |
| 11th Grade |
JMP LBL |
JMP LBL makes the robot go to the spot in the code where
you put the label set to the number you specified so it can
loop the code. |
| 11th Grade |
PR(#) |
If you put PR(#) in the code and then put =
and then a position, it will set that position register
as the position you specified. If you just put PR(#) into the code
as a position, the robot will go to the position that is set there. |
| 11th Grade |
KindOfMovement P(#) SpeedValue PositionType |
This tells the robot where to go. The KindOfMovement
could be linear, for example meaning it would go in a straight line
to get where it is headed. The P(#) is the identifier for the position
you want it to go. The SpeedValue is how fast you want it to go in
percentage or mm/sec. PositionType is either FINE meaning it goes there
and stops or something like CNT which means the position you put is the
center for a circular movement. |