Home
Videos uploaded by user “We Will Code”
Stand in Line, freeCodeCamp Basic Javascript
 
02:49
In this challenge we are asked to add a number to an end of an array as well as remove the first element of that array. Then we are asked to return the removed element. In javascript we can utilize 2 methods we learned about to accomplish this, and that is the .push and .shift method.
Views: 4943 We Will Code
Profile Lookup, freeCodeCamp Basic Javascript
 
08:28
In this challenge we learn how to look through an array of contacts in javascript and see if we have a specific contact name, and if so we print out some properties of that contact. Javascript contact lookup can be done with a function that uses a for loop some nested if statements.
Views: 6787 We Will Code
Size your Images, freeCodeCamp review html & css, lesson 17
 
02:22
In this lesson we learn how to change the width size of our image element.
Views: 3780 We Will Code
Counting Cards, freeCodeCamp Basic Javascript
 
09:46
In this basic Javascript freeCodeCamp challenge we create a card counting function in javascript. A card counting function can be used in games like blackjack to help guess what card may or may not be coming next. A javascript card counting function can be written using switch statements that decrements, increments, or doesn't change when our function is called and updates our global count variable each time we count a card. We learn that by keeping track of how many high cards or low cards are left in the game, we can better guess when to bet or when to hold off.
Views: 5869 We Will Code
Import a Google Font , freeCodeCamp review html & css
 
02:22
In this challenge we learn how to link to google the google font of lobster, and apply it to our style tag to change our h2 elements.
Views: 2440 We Will Code
Word Blanks, freeCodeCamp Basic Javascript
 
04:43
In this challenge we learn how to create a mad libs style function that allows us to pass in some words and create a silly sentence. We store this sentence and a variable "result" and after they words are passed in, we return the updated variable.
Views: 4547 We Will Code
Add Borders Around your Elements, freeCodeCamp review html & css, lesson 18
 
03:12
In this challenge we learn how to add borders around elements. We create a 10 px wide green solid border around our cat image.
Views: 3154 We Will Code
Create a Form Element, freeCodeCamp review html & css, lesson 29
 
02:13
freeCodeCamp tutorial help and review, in this challenge we find out how to create a form element. With a form element we can specify where we want user input to be sent so we can view it at a later time. This is helpful when users fill out forms.
Views: 3217 We Will Code
Return Early Pattern for Functions, freeCodeCamp Basic Javascript
 
02:19
In this challenge we go over 'return'. When a return statement is reached, the function will stop executing and will return to where it was called.
Views: 3105 We Will Code
Finding a Remainder in Javascript, freeCodeCamp Basic Javascript
 
02:37
In this challenge we learn about the remainder operator sometimes confused with modulus. The remainder operator is helpful in revealing even or odd numbers, as well as other important functions such as how much change a machine should give back.
Views: 2673 We Will Code
Set the ID of an Element, freeCodeCamp review html & css, lesson 37
 
02:43
freeCodeCamp tutorial, help and review, in this challenge we go over setting the id of an element. Element as similar to classes. They help us name our element and then manipulate it using style(css) and also with javascript (which we will cover later). ID's should be unique and ideally used once. You'll learn why in future lessons, just trust me for now, if you are using an ID multiple times with different elements, then you probably want to use a class instead.
Views: 2504 We Will Code
Give a Background Color to a Div Element, freeCodeCamp review html & css, lesson 36
 
03:30
freeCodeCamp tutorial, help and review, in this challenge we learn how to apply style to our div elements. We modify our default background and change it to silver by creating a class within our div element.
Views: 2759 We Will Code
Add Images to your Website, freeCodeCamp review html & css, lesson 16
 
03:39
In this challenge we learn how to add images to our webpage. We also learn about the 'alt' attribute which explains what the image is about if the image fails to load, as well as how it helps those who cannot see by having it read to them.
Views: 2236 We Will Code
Factorialize a Number, freeCodeCamp review Basic Algorithm Scripting, lesson 2
 
05:46
In this challenge, we factorialize a number. I achieved this using a for loop which checks if the number passed in to our parameters is greater than our counter(i). As long as it is, it multiplies i by our variable total which we declare and initilize to 1. As it goes through the loop our total is updated until 'i' is equal to our number passed into the 'num' parameter.
Views: 1663 We Will Code
Nesting For Loops, freeCodeCamp Basic Javascript
 
09:37
This challenge we learn how to iterate through multi-dimensional arrays in javascript. Javascript multi-dimensional arrays can be iterated through nesting for loops together.
Views: 7561 We Will Code
Using Objects for Lookups, freeCodeCamp Basic Javascript
 
06:32
In this challenge we learn how to use an object to lookup values in our properties. This can be done instead of using a switch statement.
Views: 4525 We Will Code
Assignment with a Returned Value, freeCodeCamp Basic Javascript
 
03:29
In this challenge we learn how to assign our functions returned value to a variable in javascript. This will allow us to use that value whenever we need it again.
Views: 2433 We Will Code
Create a Set of Radio Buttons, freeCodeCamp review html & css, lesson 32
 
06:06
freeCodeCamp tutorial, help and review, In this challenge we learn about radio buttons. Radio buttons allow to choose 1 button choice from multiple choices available.
Views: 2321 We Will Code
Golf Code, freeCodeCamp Basic Javascript
 
07:29
In this challenge we take what we learned about javascript conditionals and the importance of the order we put our conditionals, and use it to create a function that tells us our golf score.
Views: 4098 We Will Code
Escape Sequences in Strings, freeCodeCamp Basic Javascript
 
03:37
In this lesson we go over other escape sequences that we have access to such as newline, tab, and backspace (plus others). We learn how to utilize them within our code.
Views: 4354 We Will Code
Access MultiDimensional Arrays With Indexes, freeCodeCamp Basic Javascript
 
03:50
In this challenge we learn how to select values of arrays within arrays in javascript. The outter level array indexes go first in brackets and each subsequent array index follows.
Views: 2200 We Will Code
Add Font Awesome Icons to our Buttons, freeCodeCamp Bootstrap Review, lesson 13
 
02:40
This is freeCodeCamp tutorial of the "responsive design with bootstrap" section, in this challenge we add a thumbs up icon insie of our like button using fort awesome icons. These can be utilized by adding the tag "link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/" inside of angle brackets.
Views: 1746 We Will Code
Turn an image into a Link, freeCodeCamp review html & css, lesson 24
 
02:51
freeCodeCamp review and help, in this challenge we learn how to make an image into a link which we can click to send to a seperate webpage. We add a hash symbol as our href so as to make it a dead link, but we can add any url here so that when the image is clicked, the link will send us to that url.
Views: 2552 We Will Code
Style Text Inputs as Form Controls, freeCodeCamp Bootstrap Review, lesson 17
 
02:43
This is a freeCodeCamp tutorial of the "responsive design with bootstrap" section. In this lesson we add a font awesome icon to our submit button, and we also give our form's text field a class of "form-control"
Views: 1470 We Will Code
Uncomment Html, freeCodeCamp review html & css
 
02:25
This lesson teaches how to uncomment code within html.
Views: 1809 We Will Code
Iterate Through an Array with a For Loop, freeCodeCamp Basic Javascript
 
07:12
In this challenge we learn how to iterate through an array with a for loop in javascript. Iterating through arrays in javascript can be done with for loops. Create a counter (i) that will go through the indexes of the array as long as it(i) is less than the length of the array.
Views: 4956 We Will Code
Selecting from many options with Switch Statements, freeCodeCamp Basic Javascript
 
06:17
In this challenge we look at javascript switch statements. Switch statements in javscript are similar to if, else if statements. There are certain situations where a switch statement is better and some where if, else if is better, but when possible use a switch statements for clarity sake.
Views: 3125 We Will Code
Escaping Literal Quotes in Strings, freeCodeCamp Basic Javascript
 
02:51
In this challenge we learn how to add multiple double or single quotes inside of our string by using the backslash escape character ( \ ). The backslash can be used when you want to include quotes inside of a string to notify javascript that the escaped quotes is a literal quote that you want within your string. If we do not use the escape character, javascript will think the quote marks the end of the string.
Views: 2865 We Will Code
Inherit Styles from the Body Element, freeCodeCamp review html & css, lesson 46
 
03:18
freeCodeCamp tutorial, review and help, in this challenge we learn about inheritance. When we apply a style to an element, that style will also be applied to the elements within that element. So when we apply a style to the body, all other elements will inherit the style from it as well.
Views: 1799 We Will Code
Use a CSS Class to Style an Element, freeCodeCamp review html & css
 
06:14
This challenge introduces CSS classes. A class allows you to specify which elements you want to receive certain styles. This comes in handy when you do not want to apply the same style to like elements. For example, you might want to apply a style to your first heading tag and to your first paragraph tag. And a different style to your second heading tag, and paragraph tag. You can give the first 2 tags the same class which contains the specific style you want applied. While the next heading and paragraph can have a different style applied through their specific class. Class names are created by you, so give them good ones.
Views: 2261 We Will Code
Make Images Mobile Responsive, freeCodeCamp Bootstrap Review, lesson 2
 
03:48
This is freeCodeCamp tutorial of the "responsive design with bootstrap" section. In this lesson we learn how to make our images responsive on all screens.
Views: 1756 We Will Code
Prioritize One Style Over Another, freeCodeCamp review, html & css, lesson 47
 
03:07
freeCodeCamp tutorial, review and help, in this challenge we learn about prioritizing one style over another. Sometimes styles can conflict with other styles, and learning the order of importance can help save a headache later.
Views: 2268 We Will Code
Find the Longest Word in a String, freeCodeCamp review Basic Algorithm Scripting, lesson 4
 
07:05
freeCodeCamp tutorial, review and help, in this challenge we are faced with the daunting task of finding the longest word in a string. We utilize concepts for past lessons such as .split, for loops, and if statements.
Views: 1704 We Will Code
Make Dead Links using the Hash Symbol, freeCodeCamp review html & css, lesson 23
 
01:24
freeCodeCamp help and review, In this challenge we learn how to make dead links. Sometimes when we are creating a webpage, we might know we want to link to an external page, but might not know what that page is yet. So we can add a hash symbol(#) in the meantime.
Views: 2484 We Will Code
Create a Custom Heading, freeCodeCamp Bootstrap Review,  lesson 12
 
04:18
This is freeCodeCamp tutorial of the "responsive design with bootstrap" section. In this challenge we wrap our title h2 tag, and our topmost image and wrap them around a div with class row, then we put div's around the individual title h2 element, and a div around the topmost image element and give the classes of col-xs-8, and col-xs-4.
Views: 1287 We Will Code
Returning Boolean Values from Functions, freeCodeCamp Basic Javascript
 
03:00
In this challenge we learn about a common anti-pattern used by beginners a lot to check if a comparison is true or false. Since a comparison in javascript will automatically return either true or false, we need not create an if else statement to check it.
Views: 2117 We Will Code
Accessing Nested Arrays, freeCodeCamp Basic Javascript
 
05:32
In this challenge we learn how to access values within objects inside of a nested array. Accessing nested arrays in javascript is possible with dot or bracket notation.
Views: 4036 We Will Code
Convert Celsius to Fahrenheit, freeCodeCamp Basic Javascript
 
03:04
In this challenge we figure out how to convert a temperature in celsius, to fahrenheit. We utilize what we learned in previous sections and simply write the expression which takes in celsius and multiplies it by 9/5 and then adds that to 32 and stores the result in our variable called fahrenheit.
Views: 3366 We Will Code
Confirm the Ending, freeCodeCamp review Basic Algorithm Scripting
 
05:11
In this challenge we are introduced to the substr() method and substring(); I did not look into the substring method so can't tell you much about it, but the substr() method returns the characters in a string beginning at the specified location through the specified number of characters. When we pass in a negative peragmeter it starts at the end of the passed in string.
Views: 1004 We Will Code
Change the Font Size of an Element, freeCodeCamp review html & css
 
04:14
In this challenge we change the font size of our 'p' elements, through our style tag using CSS.
Views: 2397 We Will Code
Manipulating Complex Objects, freeCodeCamp Basic Javascript
 
05:02
In this challenge we learn about manipulating complex objects in javascript. Javascript complex objects can be manipulated in different ways, in this particular lesson we have an array which contains an object inside it which holds album data, we add a new album object with data within it including an properties with an array in it.
Views: 4194 We Will Code
Accessing Nested Objects, freeCodeCamp Basic Javascript
 
04:59
Accessing nested objects in javascript. In this challenge we learn how to access values inside of objects by using bracket or dot notation and specifying the keys that contain the values we are looking for.
Views: 4264 We Will Code
Title Case a Sentence, freeCodeCamp review, Basic Algorithm Scripting, Lesson 5
 
10:49
freeCodeCamp tutorial, review Algorithm Scripting. In this challenge we capatilize the first letter in every word of a string. We use .split and .join with a for loop to accomplish this goal.
Views: 1490 We Will Code
Compound Assignment With Augmented Addition, freeCodeCamp Basic Javascript
 
01:51
In this lesson we are learning about compound assignment and how to rewrite our code in shorter format to be more efficient and clear. For example (myVar = myVar + 2) can be rewritten as (myVar += 2) and means the same thing.
Views: 1564 We Will Code
Global Scope and Function, freeCodeCamp Basic Javascript
 
01:51
In this challenge we learn about global scope. Global scope refers to a variable that is availabe everywhere in javascript code, as opposed, for example, to a local variable that exist only in its function
Views: 2263 We Will Code
Target Elements by Class Using jQuery, jQuery in freeCodeCamp
 
03:02
In this challenge we learn how to target elements by their class. This is helpful when you do not want to select all elemets of the same type, but rather would like to select by class.
Views: 1217 We Will Code
Use the Bootstrap Grid to Put Elements Side By Side, freeCodeCamp Bootstrap Review, lesson 9
 
04:40
This is freeCodeCamp tutorial of the "responsive design with bootstrap" section. In this lesson we learn how bootstraps grid system works. We learn that a page is divided into 12 columns and those 12 can be manipulated in different ways to position content on a webpage in a variety of ways.
Views: 2128 We Will Code
Reverse a String, freeCodeCamp review, Basic Algorithm Scripting, lesson 1
 
07:02
In this video, we begin the basic algorithm scripting section from freeCodeCamp. I walk through my thought process as best as I could, but since I am still new to this, I would like all the comments and support possible from you guys. Thanks for watching!
Views: 2222 We Will Code
Local Scope and Functions, freeCodeCamp Basic Javascript
 
04:03
In this challenge we learn about local scope and how variables in javascript that are declared inside of a function only exist in that function. If the variable is called from outside of the function, "undefined" is returned.
Views: 2890 We Will Code
Add Rounded Corners with a Border Radius, freeCodeCamp review html & css, lesson 19
 
02:01
In this challenge we learn how to add a rounded corner to our cat image. We utilize the border-radius property to accomplish this using some styling (CSS).
Views: 905 We Will Code