Learn to Code lessons
1

Now that you are familiar with basic commands in jQuery, keep developing your skills and learn how to do event binding in this lesson! Events happen whenever a user clicks, hovers, drags, types, or does pretty much anything to interact with an HTML element. Learn about using jQuery to easily write a program to listen to these JavaScript events and modify the webpage in real time to create a professional-looking dynamic website!

6:34
57
17
3
7
2

You want the information on your webpage to be accessible and organized, so learn how to format it to achieve that end! In this lesson from learntoprogram.tv, Mark Lassoff demonstrates how you can use CSS to adjust the look of your lists. First learn how to change the style of your bullets, then how to customize your lists even more, by adjusting the padding and margin. Finally, learn how to make a custom bullet from any .png image, as well as position it perfectly to fit your unique website.

4:35
8
6
0
0
2

Have hyperlink? Will travel! In this lesson, Learn To Program teaches you how to create links, also known as hyperlinks, when building a site with HTML. Hyperlinks can allow you to link to both internal and external pages. Discover what a href is, choose which part of your text will serve as a link, and even learn how to link to an internal page which you have saved in a different folder than the rest of your website.

10:28
15
8
0
0
1

It’s time to start DRYing up your javascript code! What does that mean? Don’t repeat yourself! In this lesson, learn how to DRY out your code in jQuery by making the existing 20 lines of code into 4 lines of code! And the best part is that the shorter code is better code! Learn how to do this by selecting HTML elements using classname and getting a custom HTML5 attribute value with jQuery.

6:43
27
5
0
2
FREE

If you are an HTML scripting enthusiast, and you use JavaScript, try this lesson to make your work easier! In this introductory jQuery lesson for beginners, learn how to get jQuery on your page and get up-to-speed with basic jQuery commands. Even beginners to JavaScript can write jQuery within minutes! It's also the most universally used JavaScript library in the world, so odds are your next employer will be using it. In this lesson, learn about showing and hiding, fading, and sliding.

7:49
11
2
0
0
2

Now that you have written the basic HTML structure for your website, in this lesson, learn how to style your page! Learn how to write CSS (Cascading Stylesheet) syntax, and learn the use this syntax to create a stylesheet to apply to the page. Learn to define basic features for your website, including color, position and decorative details. Finally, learn about using classes and Ids to create primary and secondary features to the sheet.

15:32
2
1
0
1
2

You've learned how to make page links and anchors that will allow your web browser to travel within and without your website. Now see how to use CSS (Cascade Style Sheets) to determine how your links will appear before and after someone has clicked on them, and when people hover their cursor over the link. Learn To Program teaches you to change color, font size and style, and to underline your links.

2:53
6
4
0
0
2

Now that you have a webpage full of information, learn how to organize that information and make it user-friendly! In the past, HTML tables were used for the design and layout of the page, but now that we have CSS, tables can be used for what they were intended for: organizing tabular information. In this lesson from LearnToProgram, Marks shows you how to easily create and format your tables. Learn how to add data to table cells with the table row tag, and how to manipulate a cell’s span.

6:29
10
7
0
0
2

What's the difference between graphic design and web development? In this lesson, learn about starting out as a web developer, or the person that makes a webpage, based on the designer's aesthetic. In this lesson, learn about building a web page in HTML using Sublime Text, get comfortable with tags, and learn how to apply attributes. And all of this work is done in free software! Give this lesson a try and learn the basics of web development!

13:31
3
0
2
1
2

When coding in HTML, XHTML or HTML5, it is possible to format your text, but many more options are available when you use Cascading Style Sheets to customize the text on your document! In this lesson Mark Lassoff demonstrates how to align various blocks of text, use text decoration to make specific selections blink or appear underlined, and indent paragraphs automatically to any pixel length you decide. Finally, learn how to transform text instantly and automatically.

5:19
8
4
0
1
3

It’s time to refine the style of your website! You started the CSS style sheet, but what should you do if you want to create columns? How about adding a footer? In this lesson, learn how to build these webpage elements with CSS syntax! Learn about adding a footer, header, padding text, and adding a border. Review how to effectively use semantic tags, and adjust the alignment of text with CSS display elements.

20:54
3
0
0
0
2

Give the people what they want! You can let users choose from unlimited gameplay settings. This tutorial by Learn to Program demonstrates how to enable custom gameplay settings by using inputs and try statements. Allow your audience to change the height and width of the game board, or even change the speed of the monster; as a bonus, make your game even more unique with a few expert tips.

6:44
6
7
0
0
2

If you’ve got data that you need to organize on your webpage, learn how to create lists in HTML! In this lesson from learntoprogram.tv, Mark Lassoff demonstrates when and how you should use ordered and unordered lists to sort and present your information. Once you’ve got your lists made, you’ll learn how to use Cascading Style Sheets to code for the type of list and how it appears (selecting between roman numerals, letters, or numbers for ordered lists, and bullets for unordered lists).

5:38
9
6
0
0
5

Format the text of your HTML website by font type, font size, or color using Cascading Style Sheets! This tutorial from Learn To Program introduces you to multiple ways to alter your CSS, which change the way the writing on your website appears. Learn how to choose a color using RGB or Hex codes. Place your CSS code in the header, in the document, or link to external CSS code. Discover how to set font families and let your user's default settings determine the size of your font.

19:42
18
8
1
0
5

With the rise of sophisticated web browsing on mobile devices, it is more important than ever to learn the basics of styling CSS for smaller screens. In this comprehensive lesson, Learn to Program shows you how to craft a website that adapts to mobile devices, desktops and everything in between. You will learn about media values, the meta tag and dinosaur protection, while gaining a sense of how mobile browsing is changing the future of web design.

22:17
87
20
1
2
2

Is your website in need of a little action? A little music? A little programming magic? In this lesson, Learn to Program's Mark Lassoff teaches you how to embed audio and video files in webpages designed with HTML5. Learn how to: include multiple file types to satisfy multiple browsers; add controls for the user to pause, play, and adjust the volume; and how to resize your video so it will fit smaller page windows.

8:10
12
6
0
0
2

In desperate need of a navigation bar? Just about every site has one, and for good reason: navigation bars allow your users to move from one web page to another with one click. A commonly-made rookie mistake in HTML and CSS web development is to use separate elements to create a navigation bar. This tutorial by Learn to Program demonstrates one of the easiest ways to create flexible and functional and navigation bars with unordered lists, of all things.

9:27
40
15
0
0
3

When all else fails, elements on a web page can be floated using CSS—that is, removed from the normal flow of content. Floating is a great alternative to tools such as absolute and fixed positioning; however, it has some quirks. In this lesson, Learn to Program gives you the lowdown on when to use float, how it works, and what oddities you can expect to encounter.

14:57
4
1
0
0
1

Learn how to use comments in HTML, a great way to write notes for you or other web developers that cannot be seen by visitors to the webpage. Learn to Program shows you how to create the tag for comments and how to use comments in HTML, XHTML, HTML 4.0, and HTML5. HTML comments can only be seen in the browser if a visitor chooses to view the website's source code. Hear how the comment tags can be used to temporarily ignore troublesome sections of code.

4:52
13
6
0
0
Failed to load more lessons. Please try again.