Learn to Code lessons Show All Sort By Views
18 of 19

Confused by document objects in JavaScript? Document objects come with lots of powerful properties and functions that you will want to use as your programming knowledge expands. In this tutorial by Learn to Program, you will learn a basic function, getElementById, which allows you to retrieve any element from the HTML portion of your document; you will also learn one of its properties, style, which accesses the CSS of any element.


Assignment:
6:50
36
548
0
0

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
5
6
0
1
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
86
73
5
9
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
31
547
0
1
17 of 19

JavaScript is watching you! Retrieving browser information from the end user such as version, browser name, and window size can be incredibly helpful when designing for a broad audience. For example, you can activate different CSS style sheets, depending on the end user’s browser. This tutorial by Learn to Program shows you how to pull this information with the navigator and window objects.


Assignment:
11:10
34
547
0
1
13 of 19

Make your webpage interactive by designing user events that call functions! In this third of three lessons on functions from Learn to Program's JavaScript series, discover how you can create a page that will respond to certain events or actions. See how to make a button page visitors can click, set up functions to execute once the page has loaded, and have the page respond to a user hovering the mouse over a button or word.


Assignment:
3:41
30
543
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
3
0
0
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
44
54
1
2
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
19
545
0
1
14 of 19

Need a way to group multiple values together? As with most programming languages, JavaScript contains an array object. There are three different methods for writing an array, and all are correct: standard, condensed, and literal. Once you have written your first arrays, learn to retrieve one or all of their values using indexes. This tutorial by Learn to Program makes the process of incorporating arrays into your programming knowledge simple and painless.


Assignment:
8:21
29
544
0
1
12 of 19

You've learned how to create a function- now discover how you can feed values into that function in order to create code that is flexible and responsive! Part two of three in a series on JavaScript functions from Learn to Program, this lesson covers passing single or multiple values to functions in order to produce differing results in your code, and returning those values to the original JavaScript document.


Assignment:
6:53
32
544
0
1

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
14
9
2
2

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
70
94
2
2
27 of 27

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.


Assignment:
9:27
55
128
0
0
11 of 19

Programming a website and want to execute a specific action or command more than once? In this first of three parts on functions from Learn To Program's JavaScript series, learn how to create a function, which is a block of reusable code you can call in your html. Practice creating functions that can write a greeting or other message and attaching it to your JavaScript file.


Assignment:
5:08
36
547
0
3

Want to learn a programming language that will do a lot of the work for you? Check out Professor Paul Krause's introduction to Ruby on Rails, a highly dynamic and fully object-oriented framework for creating websites. In this first of a series of lessons on Ruby, hear the history of Ruby on Rails and why it's useful, and find out how Ruby can cope with problems that would leave Javascript reeling.


Assignment:
27:04
564
240
5
7
22 of 24

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.


Assignment:
14:57
9
120
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
96
140
1
2
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
9
120
0
0
Failed to load more lessons. Please try again.
Get started!
Save
Complete your purchase

Please show this teacher your appreciation:

Leave comment
Love this lesson
Tip $1
Tip $2
Tip $5
500 characters left
Thank You
Thank you for your generosity!
No thanks
Continue
Whoops!
Your free trial of Curious+ has expired