Home
Videos uploaded by user “programCity”
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: 728 programCity
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: 638 programCity
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: 544 programCity
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: 444 programCity
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: 642 programCity
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: 457 programCity
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: 1141 programCity
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: 853 programCity
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: 528 programCity
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: 447 programCity
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: 585 programCity
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: 919 programCity
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: 483 programCity
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: 329 programCity
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: 413 programCity
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: 407 programCity
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: 365 programCity
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: 374 programCity
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: 1480 programCity
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: 230 programCity
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: 309 programCity
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: 384 programCity
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: 371 programCity
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: 310 programCity
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: 399 programCity
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: 427 programCity
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: 274 programCity
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: 299 programCity
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: 365 programCity
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: 264 programCity
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: 361 programCity
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: 340 programCity
Basic HTML and HTML5 Check Radio Buttons and Checkboxes by Default freeCodeCamp
 
01:08
Here we pre-check some of the form elements. This is a quick and simple tutorial on how to make your HTML forms look more professional.
Views: 534 programCity
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: 165 programCity
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: 246 programCity
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: 275 programCity
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: 195 programCity
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: 323 programCity
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: 364 programCity
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: 466 programCity
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: 320 programCity
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: 424 programCity
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: 556 programCity
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: 273 programCity
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: 213 programCity
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: 132 programCity
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: 140 programCity
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: 116 programCity
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: 231 programCity
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: 1038 programCity