Home
Videos uploaded by user “usefulProgrammer”
Basic HTML and HTML5: Link to External pages with Anchor Elements | freeCodeCamp
 
02:08
Linking to external pages is accomplished in HTML using an anchor text. In this tutorial, we use anchor text to link a few words on our website to an external website. When the user clicks that link, they will be redirected to the specified website. Big thank you to Free Code Camp for creating this excellent website.
Views: 929 usefulProgrammer
Basic CSS - Use Attribute Selectors to Style Elements - freeCodeCamp
 
01:32
In today's tutorial we continue to learn basic CSS as we use attribute selectors to style elements. Enjoy!
Views: 930 usefulProgrammer
Basic HTML and HTML5: Turn an Image into a Link | freeCodeCamp
 
02:00
Images can be made into clickable links on web pages using the anchor tag. In this tutorial, we wrap an image tag in an anchor element using our "#" href so that we don't have to think about where the link goes to. This is some basic, but very useful HTML.
Views: 851 usefulProgrammer
Basic HTML and HTML5: Link to Internal Sections of a Page with Anchor Elements | freeCodeCamp
 
03:04
Here we show how to add a link so that if your user clicks a link, you can have them jump to a specific area on your website. This is very useful, despite that there is a bug in the system we are using. Internal linking is great for creating simple, quick to read HTML websites. Enjoy!
Views: 789 usefulProgrammer
Basic HTML and HTML5: Create a Set of Radio Buttons | freeCodeCamp
 
04:36
Think about an old jukebox when you are thinking of radio buttons. Radio buttons are a collection of buttons in which only one button can be depressed at a time. When you push another of the radio buttons, the other buttons pop up. I recommend writing a few radio button groups to get accustomed to the way this technology links together.
Views: 1540 usefulProgrammer
Basic CSS: Add Borders Around Your Elements | freeCodeCamp
 
03:29
Today I show how to use basic CSS to add borders around your HTML elements. Please like, comment and subscribe if you found this video useful.
Views: 552 usefulProgrammer
Basic CSS: Import a Google Font | freeCodeCamp
 
02:48
Today we write some basic HTML and CSS to import a google font to our web application and display that font on an HTML element. Please like, comment and subscribe if you enjoyed or have something to say about this video.
Views: 730 usefulProgrammer
Basic HTML and HTML5: Create a Set of Checkboxes | freeCodeCamp
 
06:01
Checkboxes are html elements which allow the user to select multiple options from a set of options. Checkbox elements differ distinctly from radio buttons because they allow users to select multiple choices, rather than a single choice. These are important lessons for those learning to code.
Views: 1055 usefulProgrammer
Basic CSS: Size Your Images | freeCodeCamp
 
02:32
Today we learn how to use basic CSS to size your images. This is another video in a series in which we teach the freeCodeCamp curriculum via quick, informative videos.
Views: 595 usefulProgrammer
Basic HTML and HTML5: Add Images to Your Website | freeCodeCamp
 
03:05
In this code tutorial, we add HTML images to our website. Thought the example provides a simple cat photo to add, I also show how easy it is to add images from all over the internet to your application. Big thank you to Free Code Camp for putting this excellent website together.
Views: 820 usefulProgrammer
Basic CSS: Use a CSS Class to Style an Element | freeCodeCamp
 
03:17
Today we learn to use CSS classes to style elements. This is another installment of my series on learning to code utilizing the freeCodeCamp web application. Thank you for watching. Please like and subscribe to support this channel.
Views: 549 usefulProgrammer
Basic CSS: Use CSS Selectors to Style Elements | freeCodeCamp
 
02:22
Use CSS Selectors to style elements is the title of today's lesson. Basically, this allows us to write the code for specific elements to appear one way, and then that code will style many elements.
Views: 529 usefulProgrammer
Basic HTML and HTML5: Introduction to HTML5 Elements | freeCodeCamp
 
01:50
Here we introduce the HTML5 element "main" to our learning process. HTML5 provides a collection of tools that improve search engine optimization. Here we learn a bit about HTML architecture, as well as some elements which will be useful as we start developing our own apps.
Views: 401 usefulProgrammer
Basic HTML and HTML5: Create a Form Element | freeCodeCamp
 
01:42
Forms are the way that HTML communicates information to a web application. You will use forms a lot to get data from users and ensure that organized processes happen the way you want. This is another short, beginner tutorial on learning HTML.
Views: 1127 usefulProgrammer
Basic CSS - Attach a Fallback value to a CSS Variable - freeCodeCamp
 
02:11
In this basic CSS tutorial, we attach a fallback value to a CSS variable to make our styling a little more resistant to bugs. Enjoy!
Views: 1233 usefulProgrammer
Basic HTML and HTML5: Create a Bulleted Unordered List | freeCodeCamp
 
02:06
Lists are some of the most used HTML elements. Later in these tutorials, we will use list elements to create navigation menus and all sorts of data display methods. Learn them well. In this tutorial, I show the specific way that I generate lists rapidly.
Views: 501 usefulProgrammer
Basic HTML and HTML5: Nest an Anchor Element within a Paragraph | freeCodeCamp
 
06:20
Linking is largely what makes the internet run. In this tutorial, we go over writing links into web pages. Thought the specific requirements are to write a single HTML anchor link, we create three. The reason we do extra in this tutorial is that repetition is important when learning critical elements of programming. HTML linking is undoubtedly something you will be required to write again and again. Thank you for watching and a special thank you to Quincy Larson and the Free Code Camp community. This all could not be possible without you guys.
Views: 1785 usefulProgrammer
Basic CSS: Specify How Fonts Should Degrade | freeCodeCamp
 
03:07
Today we use basic css to specify how fonts should degrade depending on the different users of your application. Please like, comment and subscribe if you find this video useful.
Views: 416 usefulProgrammer
Basic CSS: Use an id Attribute to Style an Element | freecodecamp
 
01:29
Today we have a basic CSS tutorial on how to use an id attribute to style an Element.
Views: 584 usefulProgrammer
Basic HTML and HTML5: Declare the Doctype of an HTML Document | freeCodeCamp
 
02:34
How to declare the DOCTYPE of an HTML document. This is a series in which I go through the Free Code Camp curriculum as quickly and informatively as possible. Enjoy! Please subscribe and share this video if it was fun for you to watch.
Views: 563 usefulProgrammer
Basic HTML and HTML5: Uncomment HTML | freeCodeCamp
 
01:41
Here we comment out html elements to show what happens to the page when we use comments. This is an especially useful tutorial because I utilize the cmd + backslash key. This is a hotkey which comments the code rapidly and systematically. In this tutorial, I describe why it is smarter to use the hot-key, rather than typing in your comment code. I'd like to say a big thank you to Free Code Camp for providing the website which I'm using to make these tutorials.
Views: 485 usefulProgrammer
Applied Visual Design - Use the strong Tag to Make Text Bold - freeCodeCamp
 
02:13
Today we use the strong tag to make text bold as part of this curriculum on Applied Visual Design which is generously provided by FreeCodeCamp.com. In these tutorials, I try to show a few tricks and go a little more in depth so those learning can get a little more from each lesson.
Views: 530 usefulProgrammer
Basic HTML and HTML5: Add a Submit Button to a Form | freeCodeCamp
 
01:28
The submit button is an important tool for transferring information from your HTML page. In this lesson, we go over how to build a button using HTML and set that button's type. Submit buttons are especially useful on the web so this is a valuable step in your process of learning to code.
Views: 689 usefulProgrammer
Basic CSS: Style Multiple Elements with a CSS Class | freeCodeCamp
 
01:47
Today we utilize the css class to style multiple elements as we work our way through the freeCodeCamp curriculum. Please like, subscribe and share this video if you found it helpful.
Views: 372 usefulProgrammer
Basic CSS: Change the Font Size of an Element | freeCodeCamp
 
02:22
Today we use a CSS selector to change the font size of an element. This is core, basic, important CSS so it's great to learn. I try to give some additional examples of how the code works and why it's important. I hope you enjoy, please like subscribe and share this video if you found it useful.
Views: 509 usefulProgrammer
Basic CSS: Give a Background Color to a div Element | freeCodeCamp
 
02:02
This is a basic CSS tutorial on how to give a background color to a div element. All of these tutorials are part of a series to learn to code with Free Code Camp. My goal is to help those that are stuck on their Free Code Camp journey. Often, those learning to code are stuck on parts of code which a more senior programmer would be able to help rapidly with. Enjoy!
Views: 479 usefulProgrammer
Basic CSS Inherit Styles from the Body Element freeCodeCamp
 
02:07
In today's basic CSS tutorial we will inherit styles from the body element as part of the Free Code Camp curriculum. The key to this tutorial will be to understand that we write CSS for the body element, but that code is passed down to our h1 element. That is the inheritance which is critical for fully understanding this portion of the curriculum.
Views: 447 usefulProgrammer
Basic HTML and HTML5: Nest Many Elements within a Single div Element | freeCodeCamp
 
03:01
It's possible that the most used element in HTML is the div element and in this tutorial, we learn to wrap the div element around the specific information we have in our tutorial.
Views: 505 usefulProgrammer
Basic HTML and HTML5: Define the Head and Body of an HTML Document | freeCodeCamp
 
01:55
Learn to define the head and body of an HTML document. This is basic HTML stuff which you will know and love for the rest of time.
Views: 444 usefulProgrammer
Basic HTML and HTML5: Comment out HTML | freeCodeCamp
 
01:43
We use comments again to select code which we don't want the computer to process. This video shows specific tips and tricks to systematically comment out your code. You'll learn the reason to use hot-keys when commenting HTML code.
Views: 415 usefulProgrammer
Basic CSS: Set the id of an Element | freeCodeCamp
 
01:31
Today we have a basic css tutorial on how to set the id of an element. This is very basic CSS. Thank you for watching.
Views: 369 usefulProgrammer
Basic CSS: Add Rounded Corners with border radius | freeCodeCamp
 
02:05
Today we add rounded corner with border-radius CSS element. In this quick tutorial I try to explain a bit more about how CSS works. Big thank you to Free Code Camp for creating these sections. Enjoy!
Views: 303 usefulProgrammer
Basic CSS - Prioritize One Style Over Another - freeCodeCamp
 
02:02
In today's basic CSS tutorial we learn to prioritize one style over another as part of the Free Code Camp curriculum. This is a lesson which is easy to pass on quickly, but the lesson is important. As we continue to learn CSS, it's important that we see how the 'cascading' part of the cascading style sheet is interpreted by the web browsers.
Views: 464 usefulProgrammer
Basic HTML and HTML5: Say Hello to HTML Elements | freeCodeCamp
 
02:32
The first programming language to learn is HTML. In this tutorial, we complete the first FreeCodeCamp lesson titled, Say Hello to HTML Elements.
Views: 225 usefulProgrammer
Basic HTML and HTML5: Create an Ordered List | freeCodeCamp
 
01:33
In the lesson before we created an unordered list. In this lesson, we will create an ordered list. They are very similar, but it's worth the time to take a look at both so you know the difference. Lists are used VERY often in many different types of web development.
Views: 388 usefulProgrammer
Basic CSS - Understand Absolute versus Relative Units - freeCodeCamp
 
02:04
In today's tutorial we look at basic CSS to understand absolute versus relative units as part of the free code camp curriculum. Enjoy!
Views: 329 usefulProgrammer
Applied Visual Design - Add a box shadow to a Card like Element - Free Code Camp
 
04:35
Today we take a deeper dive into CSS selectors. In CSS we have classes and ids. These are differentiated by '.' or by '#'. Class = '.' ID = '#'. This is a very important lesson in your path to learning basic CSS. I hope you enjoy this tutorial. Please let me know if there is anyway I can make this information more approachable.
Views: 192 usefulProgrammer
Applied Visual Design - Create Visual Balance Using the text-align Property - freeCodeCamp
 
03:21
Today we have an intermediate CSS tutorial on how to use the text-align CSS property to style some paragraph and heading HTML elements. I provide additional details to deepen the learning in this FreeCodeCamp tutorial. I hope you enjoy. Please subscribe to stay up to date as we move into more complex computer programming tutorials.
Views: 209 usefulProgrammer
Basic CSS - Override Styles in Subsequent CSS - freeCodeCamp
 
02:53
In today's basic css tutorial we will override styles in subsequent css declarations. This is a part of the Free Code Camp curriculum. Enjoy!
Views: 400 usefulProgrammer
Basic CSS - Cascading CSS variables - freeCodeCamp
 
01:55
Today we do some basic CSS when we set a cascading CSS variable and look into the code to see how it works. This is all part of the great Free Code Camp curriculum.
Views: 377 usefulProgrammer
Basic HTML and HTML5: Use HTML5 to Require a Field | freeCodeCamp
 
01:33
When building HTML forms, it's important to require users to fill out specific form elements. This can be a challenging part of the Free Code Camp curriculum because it is quite easy to require a field when you know how to do it. If you're stuck on this lesson, I hope this video tutorial helps you keep moving on your journey to learn to code.
Views: 459 usefulProgrammer
Basic CSS: Set the Font Family of an Element | freeCodeCamp
 
01:21
Today we use basic CSS to set the font family of an element as we work our way through this series on how to code.
Views: 258 usefulProgrammer
Basic CSS - Adjust the Padding of an Element - freeCodeCamp
 
02:12
In this lesson we use basic CSS to adjust the padding of an element. This is another part of the series in which we work our way through the Free Code Camp curriculum. Thank you Free Code Camp. Please let me know if this video was helpful in the comments section below.
Views: 249 usefulProgrammer
Basic CSS: Change the Color of Text | freeCodeCamp
 
01:24
Basic CSS tutorial! This is the first time writing CSS in this series. In it, we do the most basic thing, changing the color of text.
Views: 436 usefulProgrammer
Basic CSS - Override Class Declarations by Styling ID Attributes - freeCodeCamp
 
03:00
In today's basic CSS tutorial we override class declarations by styling id attributes as we work our way though the Free Code Camp curriculum. Enjoy!
Views: 296 usefulProgrammer
Basic HTML and HTML5: Make Dead Links Using The Hash Symbol | freeCodeCamp
 
00:59
When building HTML5 or HTML websites, sometimes it makes sense to add a quick hash symbol (#) to the "herf" portion of your "a" element. Why? This is a useful practice so you can mark a link in your code, but you can plan where it will link to in the future. The main thing to learn from this is that you can leave 'href' elements with the hash symbol to avoid getting hung up while writing a larger application.
Views: 587 usefulProgrammer
Basic HTML and HTML5: Add Placeholder Text to a Text Field | freeCodeCamp
 
01:05
Placeholder text allows the programmer to put text in the background of an 'input' HTML element so that the user has a hint on what to do with the text element. Placeholder text is very important to those learning to code.
Views: 527 usefulProgrammer
Basic HTML and HTML5: Create a Text Field | freeCodeCamp
 
01:07
A quick tutorial on creating text fields in the form of 'input' elements. This is basic HTML and everyone that would like to learn to code should know this.
Views: 342 usefulProgrammer
Basic CSS - Add Different Padding to Each Side of an Element - freeCodeCamp
 
02:44
In today's basic css tutorial, we add different padding to each side of an element as part of the Free Code Camp curriculum walkthrough. My intention with each video is to deepen the young coder's understanding of the principles that each of these lessons is teaching. Enjoy!
Views: 195 usefulProgrammer
Applied Visual Design - Use the em Tag to Italicize Text - freeCodeCamp
 
01:59
In today's tutorial, we do basic applied visual design where we use the em tag to italicize text as part of this series working through the free code camp curriculum.
Views: 173 usefulProgrammer