Learn to Code lessons Show All Sort By Views
15 of 27

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.


Assignment:
2:53
12
16
0
0

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.


Assignment:
20:54
7
0
0
0
14 of 27

Have you created a webpage with lots of text, and want to save your users time scrolling to one specific section? This lesson from Learn To Program teaches you how to create page anchors HTML. Page anchors are an index of links which act as shortcuts, jumping the web browser to a different section of your page. Learn how to create the anchor tag, set the name attribute, and make your anchor href link.


Assignment:
7:31
14
16
0
0

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.


Assignment:
7:49
34
34
2
2
3 of 3

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.


Assignment:
6:43
34
5
0
2
2 of 3

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!


Assignment:
6:34
69
24
5
9
24 of 27

One way to organize the information on your webpage is by using the CSS box model, which puts your content, whether text or images, into customizable boxes or blocks. In this lesson from LearnToProgram, Mark demonstrates how to make adjustments to these boxes. Learn how to adjust the width of your content box, padding, border, and margin. Mark also demonstrates how to set the background color of the padding and the margin, and finally how to customize your border’s color and pattern.


Assignment:
13:32
13
17
1
1
9 of 19

Want to repeat the same JavaScript code over and over? In this lesson from Learn to Program's JavaScript series, learn how to use while loops and do while loops, which execute repeatedly so long as certain conditions are true. See how to establish the loop and set those conditions. While loops are perfect for when you need your code to respond to multiple user inputs, or if you need it to read an XML document.


Assignment:
5:16
4
7
0
0

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!


Assignment:
13:31
7
1
2
1

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.


Assignment:
15:32
3
1
0
1
12 of 27

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.


Assignment:
4:35
15
18
0
0
16 of 19

Does your program need to interact with real world people? If so, learn how to work with strings—one of the most important objects in JavaScript! In this lesson from Learn to Program, discover string methods, regular expressions, and the relationship between strings and characters. Mark demonstrates how to use the length property, charAt, charCodeAt, indexOf, replace and split methods. With this knowledge you’ll be working with real world data in no time!


Assignment:
12:15
6
7
0
0
17 of 24

Transforms allow you to manipulate elements in three dimensions. Dive into one of the most groundbreaking features of CSS3 in the second installment of this two-part lesson, which introduces you to 3D concepts such as perspective. Learn also how to provide maximum browser support for transform modules that are still in development - to help ensure that your elements look consistent across Firefox, Chrome, Safari, Internet Explorer, and other browsers.


Assignment:
9:24
3
4
0
0
9 of 9

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.


Assignment:
6:44
10
11
0
0
21 of 27

If you are collecting your user’s information, make them feel as secure as possible while getting the most accurate data that you can. In this lesson from LearnToProgram, learn how certain HTML form elements like radio buttons and check boxes can be used to achieve both outcomes. Mark explains the different applications of radio buttons and check boxes, and shows you how to quickly and easily add both of these elements into your form by simply changing the input type, value, and name.


Assignment:
8:38
16
17
0
0
20 of 24

The CSS display property is a simple, useful tool for maximizing flexibility and responsiveness between web page elements. Even the simplest page can have multiple containers, such as divs and spans, that play by different display rules. Learn to Program covers the essential display values and how containers react to them in this valuable lesson.


Assignment:
9:42
4
4
0
0
24 of 24

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.


Assignment:
22:17
92
24
1
2

We use fonts every time we type, but do we really understand them? In this first in a series of typography lessons from Yes I'm a Designer, get an introduction to the wonderful world of fonts. You'll learn how to use InDesign to view the full range of glyphs in a font (beyond the characters you're used to seeing on your keyboard), discover how fonts are stored on your computer, and unravel the mystery of unicode.


Assignment:
5:15
453
274
7
20
18 of 27

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.


Assignment:
6:29
18
19
0
0
Failed to load more lessons. Please try again.