LearnToProgram
Learn web, mobile and game programming!

LearnToProgram is a leading publisher of web, mobile and game development courses that are used by individuals and companies worldwide. Based outside of Hartford, Connecticut, the LearnToProgram team is dedicated to teaching more people to program than any other company on the face of the Earth. Our authors are among the most experienced in the field-- and they have one important thing in common: LearnToProgram authors consider themselves teachers first and technical experts second. The primary skill of a LearnToProgram author is communication-- and you will always find our courses easy to understand and easy to complete.

Teacher Statistics
Lessons:
Total Views:
Enrolled Students:
Curious Cards:
126
4,123
734
64
35
86
Learn to Code CSS by LearnToProgram
39
Turn your plain HTML web-page into a stylistic treat using CSS! This 24-lesson course teaches the theory and model behind CSS and CSS3 before diving into specific styling techniques. Learn to use margins, borders, and padding to organize content in a professional and appealing manner. By the end of this course, you’ll know how to style text, images, buttons, menus, and more. Each lesson is accompanied by a screencast and exercises to reinforce your understanding.
Program_avatar2

LearnToProgram is a leading publisher of web, mobile and game development courses that are used by individuals and companies worldwide. Based outside of Hartford, Connecticut, the LearnToProgram team is dedicated to teaching more people to program than any other company on the face of the Earth. Our authors are among the most experienced in the field-- and they have one important thing in common: LearnToProgram authors consider themselves teachers first and technical experts second. The primary skill of a LearnToProgram author is communication-- and you will always find our courses easy to understand and easy to complete.

24 lessons
513
140
3
17
33
SEE LESS
FREE

Want to build a website that is both attractive and user-friendly? This tutorial touches on the basics of CSS and how it interacts with HTML. Learn about who sets CSS standards, and what’s in store for its future. As a bonus, Learn to Program shows you what one of the most popular websites in the world looks like without CSS. (Warning: it isn’t pretty.) HTML experience is required.

5:36
177
75
1
11
2

Learning CSS can seem like a daunting task, but it doesn’t have to be. This tutorial gently guides you through your first lines of CSS code, and sets you up with the skills necessary to delve into more advanced techniques. Learn how to spruce up your web page: add color, insert comments, and work with text in ways you never thought possible before.

8:59
35
16
1
2
3

You’ve got the basics down and you know a few tricks in CSS. Now it’s time to apply that knowledge to specific elements of your web page. In this tutorial, Learn to Program runs through ancestor terminology and teaches you how to organize your content with class and ID selectors. You also get to learn what happens when multiple CSS rules clash.

14:01
20
8
0
1
2

Believe it or not, there are three different ways to apply CSS to the same web page. In-file block CSS, external CSS, and inline CSS all use the same language, but are applied differently, due to the priorities web browsers give them. Learn to Program explains and demonstrates the pros and cons of each method in this tutorial.

7:00
11
2
0
0
1

Users of CSS are in a transitionary period right now. CSS3, the newest version of code, has been in development since 1999, but you can already use many of its new features today. This lesson walks you through the process of using the new transform module in all major browsers. Catch a glimpse of the future of web development with this tutorial.

6:33
15
4
0
0
3

Working with text in HTML/CSS is not as simple as using a traditional word processor. Fortunately, Learn to Program’s tutorial makes the transition easily. Learn how to bold and italicize text, and understand the all-important concepts of white space and font families. Additionally, typography lovers will learn how to upload their own custom fonts so that any computer can view them.

16:19
6
0
0
0
2

When organizing your website, chances are you’ll want to know how to use tables and lists. This lesson guides you through the basics, including but not limited to: table and cell borders, list styles, and list positions. You will also learn some preliminary terms that will be invaluable when learning the box model later in this series.

9:40
9
1
0
0
2

Styling your background may seem like a menial task, but it doesn't have to be. This tutorial goes above and beyond to demonstrate your choices. Learn how to make a background that is responsive to the browser window, and find out the ways in which CSS3 is making it easier to create more complex, attractive backgrounds.

9:13
10
6
0
0
3

A useful veteran’s trick, the sliding doors technique can be used in many situations where you need an element that is both flexible and aesthetically pleasing. Learn to Program shows you how layered background images can create a button that responds well to changing input. The sliding doors technique can also be used for menu tabs.

11:50
6
3
0
0
2

Expand your arsenal of tricks with the sprite sheet—a composite of related images that utilizes margins to allow for editing of each particular image. This practice enhances loading times because it allows you to render all of your images in one file. Learn to Program makes it easy to create your own sprite sheet with this tutorial.

8:04
10
4
0
0
2

Drop-down menus are important elements for many of the websites you visit every day. For example, Facebook, YouTube and Yahoo all utilize drop-down menus on their homepages! Learn how to make your very own drop-down menu with this tutorial, all while discovering new and useful CSS attributes such as ‘visibility’ and ‘display’.

10:17
16
3
0
0
2

The box model is essential to understanding your web page elements at a technical level. The content area, padding, borders, margins and outlines are all great CSS attributes to know about when creating organized pages with flexible content. This tutorial by Learn to Program—invaluable for later lessons—walks you through each component and its importance.

9:58
3
1
0
0
2

Once you’ve mastered the box model, it is time to get down to customizing each individual part. This tutorial by Learn to Program explores the content area (literally, the space that displays your HTML input) and how it behaves differently for text and image elements. You will also learn about the concept of overflow and its CSS values.

10:30
4
2
0
0
3

Once you’ve mastered the box model, it is time to get down to customizing each individual part. This tutorial by Learn to Program reviews a few basic properties of borders and outlines. It also explores two new, CSS3 attributes—border radius and border image—that will give the edges of your elements a new degree of flexibility.

12:15
28
6
0
0
3

Once you’ve mastered the box model, it is time to get down to customizing each individual part. This tutorial by Learn to Program explores two seemingly similar parts of the box model: margins and padding. You will take advantage of skills you learned in the “Sliding Door Technique” tutorial. Margin collapse, an important, but often misunderstood W3C specification will also be discussed.

11:09
7
2
0
0
3

Transforms allow you to manipulate elements in two or three dimensions. They provide you with a degree of physical flexibility that rivals other programming languages. Dive into one of the most groundbreaking features of CSS3 in the first installment of this two-part lesson, which covers translation, scale, skew, and rotation. You will also learn how to provide maximum browser support for transform modules that are still in development.

15:28
4
2
0
0
2

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.

9:24
2
1
0
0
3

Transitions allow you to make dynamic elements that move smoothly between states. They can be used for just about any element of your web page. Explore this new CSS3 feature with Learn to Program’s in-depth tutorial, which reviews some pertinent styling options before delving into all the attributes you need to know to create attractive, useful transitions.

15:31
27
10
0
0
3

With the advent of CSS3, you don’t need to learn JavaScript to create capable animations for your web page. Using several new attributes, you will learn one of the most flexible, detail-oriented CSS tools out there. This lesson from Learn to Program covers key frames, iteration counts, timing functions, and other functions to create both simple and complex animations.

18:28
13
5
0
0
2

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.

9:42
4
1
0
0
2

Once you have mastered the display property, add another layer of CSS wizardry with this lesson, which teaches you how to use positioning. Positioning allows you to define the point-of-reference with which your element’s placement is defined. Learn to Program discusses static, relative, absolute and fixed positioning as well as the four offset properties.

10:01
9
6
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
3
0
0
0
2

Want to make your website mobile-friendly? You’ll need to create and test CSS that works for smaller and narrower Android or iPhone screens. Don’t worry: by installing and running a mobile device emulator, you can successfully test your mobile CSS code on any computer. Learn to Program walks you through the steps necessary to get your emulator testing CSS in no time. Note: you will need an emulator to follow along with the next video in this series.

7:11
7
3
0
1
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
Failed to load more lessons. Please try again.
COURSE: Learn to Code CSS  ▲
Learn to Code HTML & CSS by LearnToProgram
44
Learning how to code has never been so simple! This 27-lesson beginner’s course from Learn to Program teaches you how to create a website from scratch using HTML and CSS. Start with an overview of web development before delving into the structure of HTML and XHTML documents. By the end of this course, you’ll know how to code links, inputs, and comments in HTML; style and format content with CSS; and more. Each lesson is accompanied by a screencast and exercises to reinforce your understanding.
Program_avatar2

LearnToProgram is a leading publisher of web, mobile and game development courses that are used by individuals and companies worldwide. Based outside of Hartford, Connecticut, the LearnToProgram team is dedicated to teaching more people to program than any other company on the face of the Earth. Our authors are among the most experienced in the field-- and they have one important thing in common: LearnToProgram authors consider themselves teachers first and technical experts second. The primary skill of a LearnToProgram author is communication-- and you will always find our courses easy to understand and easy to complete.

27 lessons
1.3K
267
13
29
91
SEE LESS
FREE

Knowledge of HTML 5 is necessary for any contemporary web developer. Understanding where it came from will help you understand what this still-emerging programming language can accomplish and where it’s going. In this introductory lesson to HTML 5 and CSS, Mark Lassoff from LearnToProgram.tv gives an overview of HTML, the programming language that is the foundation of both websites and web applications. He covers HTML 4.01, XHTML, and HTML 5, as well as the design element of web design, CSS.

5:19
572
162
10
17
1

Start writing your HTML code today! Start by using a text editor like Komodo Edit to help ensure your code is written accurately with no extraneous formatting codes. Then, Mark from LearnToProgram.tv shows you how to save your document and how to structure your code, beginning with the document head (to create a title in the title bar), then the body. With this knowledge, you will be able to follow in the footsteps of developers before you and create your very own “Hello World” website.

6:24
343
95
1
8
3

Even though they come from the same language of origin, HTML 5, XHTML, and HTML 4.01 are themselves separate and distinct programming languages. In this lesson, learn about the basic document structures for each. Then, learn how to make sure you’ve structured your HTML correctly by validating your documents (to make sure a given browser processes and displays it correctly) using an online validator. Just remember, regardless of which version of HTML you use, all file extensions will be .html.

9:58
30
10
0
1
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
5
0
0
1

Ever wonder how it only takes a few words typed into a search engine to find you a website with the exact content you were looking for? Its not magic, its meta tags—information embedded within a web site that remains invisible on the actual page, but tells Google or Yahoo what particulars the page contains. Learn how to use meta tags in HTML in this lesson from LearnToProgram.tv. Mark shows you where to place meta tags in the document head, and how to use keywords, author and content type tags.

4:08
15
4
0
0
3

There are dozens of languages to program with in web development, but creating a web page or document is not as complicated as you might think. In this HTML lesson, Mark from LearnToProgram.tv demonstrates how to use a template to start new .html docs (a template helps provide the basic structure, fill in blanks for you, and even prevents typos). Also, learn how to do basic text markup, including how to use paragraph tags, heading tags, strong, bold, and emphasis tags to customize your doc.

9:33
16
6
0
1
1

Divs and Spans are block level tags that help separate the content on a webpage into different sections. Though they aren’t used in HTML 5, when using HTML 4.01 and XHTML they’ll come in very handy when you want to create breaks like headers and footers. In this lesson from LearnToProgram.tv, Mark explains when and how to insert logical divisions (divs) and spans; once you have a good grasp on how to use CSS, your knowledge of divs and spans will make formatting your page a breeze!

4:55
14
5
0
0
2

Markup tags in HTML5 operate a bit differently than in XHTML or HTML 4.01. In this lesson from LearnToProgram.tv, Mark demonstrates a number of new HTML5 tags—but encourages you to exercise caution when using them. Because HTML 5 is such a new technology, not all browsers can support the code. In this lesson, learn how to use header, aside, nav, article, section, and mark tags; just remember to check your work in multiple browsers to ensure accuracy and limit unintended results.

8:08
13
3
0
1
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
16
7
1
0
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
7
3
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
5
0
0
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
5
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
7
0
0
2

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.

7:31
9
3
0
0
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
3
0
0
2

What's the image you have of your perfect homemade HTML website? We don't know, but we suspect it contains images. This lesson from Learn to Program teaches you to insert images or pictures into your webpage. Learn how to turn images into links, control borders around your pictures, provide alternative text in case the image cannot load in someone's browser, and wrap your text around your image.

8:12
26
3
0
0
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
5
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
6
0
0
3

Now that you have the information on your webpage organized in an easy to interpret table, learn how to format and customize that table! In this lesson from LearnToProgram, Mark shows you how to add borders to your table elements using Cascading Style Sheets (after he explains why you shouldn’t use HTML to do it), as well as how to add background colors to different table fields. Learn how to adjust the text font and alignment, as well as the column spacing. Finally, learn how to use captions.

11:47
9
3
0
0
2

Forms are helpful when it comes to gathering information from your user, whether they are signing up for a newsletter or making a purchase from your store. But how forms appear is an often-overlooked issue, even though it is a major consideration when a user is deciding whether or not to give you their information. Give your user confidence in your product, and learn how to build top-notch forms in HTML. Mark shows you how to add fields to your form, as well as “Reset” and “Submit” buttons.

8:28
8
2
0
0
2

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.

8:38
13
3
0
0
2

HTML5 introduces an array of new features available for customizing forms, but these features should be used with caution. In this lesson from LearnToProgram, Mark shows you how to code for the color picker, data input, and time input fields (among others). However, Mark also demonstrates that these features appear differently across browsers (with optimal performance in the lesser-known Opera), so for now he encourages you to exercise caution when implementing these features.

8:57
29
9
0
0
1

Drop down boxes are a quick and easy way for users to make one or multiple selections from a given range of data, so learn how to implement this helpful feature with HTML. In this lesson from LearnToProgram, Mark first demonstrates how to code for the tag action and method within the form, and then how to create your select box or drop down menu from a given list of information. Finally, learn how to change the appearance and behavior of the box, and allow multiple selections to be made at once.

5:54
18
4
0
0
3

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.

13:32
11
4
1
1
2

Before Cascading Style Sheets, web pages were often organized using tables—even if the content was not tabular. But now that we have CSS, more options are available for your page. To maximize CSS for your layout, make sure you have a solid understanding of the basic layout available, the block model, and how you can position and manipulate the divs therein. In this lesson, Mark shows you the difference between inline and block elements, and the overflow, fixed, and absolute attributes.

9:06
21
4
0
0
3

You already know that you can use CSS to layout your web pages, instead of tables. And you are familiar with editing the content box, padding, border, and margin too. But what happens when you need to correct an error in your code, and you don’t know where the error is? In this lesson from LearnToProgram, Mark shows you why a container div is a good idea, and a stress-free way to debug your code using a tool called Firebug. Finally, learn how to organize your content within the container div.

13:06
25
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
14
0
0
Failed to load more lessons. Please try again.
COURSE: Learn to Code HTML & CSS  ▲
Learn to Code JavaScript by LearnToProgram
19
Want to add a layer of interactivity to your HTML website without wasting time on a programming language that isn’t built to last? Whether you’re new to coding or looking to brush up on old skills, you’ll find everything you need to know about JavaScript basics in these 19 lessons. Learn how to use operators, variables, conditional statements, loops, and more. By the end of this course, you should have the necessary tools to start building your own dynamic website or browser-based game.
Program_avatar2

LearnToProgram is a leading publisher of web, mobile and game development courses that are used by individuals and companies worldwide. Based outside of Hartford, Connecticut, the LearnToProgram team is dedicated to teaching more people to program than any other company on the face of the Earth. Our authors are among the most experienced in the field-- and they have one important thing in common: LearnToProgram authors consider themselves teachers first and technical experts second. The primary skill of a LearnToProgram author is communication-- and you will always find our courses easy to understand and easy to complete.

19 lessons
510
155
6
12
32
SEE LESS
FREE

Javascript is not only one of the main languages used in contemporary web development, but it also has many non-web based applications, from.pdf files to desktop widgets. Thus, Javascript is an extremely versatile and valuable language to have command of. In this lesson, Mark from LearnToProgram.tv demonstrates how to begin coding with Javascript, as well as how to test your code using a text editor (Mark recommends Komodo Edit). Finally, learn how to use Javascript to manipulate HTML pages.

4:59
264
114
3
8
2

There will be nothing variable about your computer science skills after this lesson! This video from Learn to Program's JavaScript series teaches you how to use variables in computer programming. Discover the var statement, and hear why it's useful for setting your variable scope. Assign a variable by declaring and initializing it... then reassign your variable! This lesson also covers assignment operators, output values, and common errors like forgetting to place quotes around variable strings.

8:29
41
12
1
0
2

There will be nothing variable about your computer science skills after this lesson! This video from Learn to Program's JavaScript series teaches you how to use variables in computer programming. Discover the var statement, and hear why it's useful for setting your variable scope. Assign a variable by declaring and initializing it... then reassign your variable! This lesson also covers assignment operators, output values, and common errors like forgetting to place quotes around variable strings.

7:40
28
9
0
0
2

Why do the math when you can program your computer to do it for you? This lesson from Learn to Program's Java Script series teaches about operators by exploring basic mathematical operators like division and subtraction. Declare your variables, and learn how the plus sign functions as both the addition operation and a concatenation symbol. Learn about the modus, PostFix, PreFix, and increments. This demonstration uses Komodo, but the lesson can apply to any Java Script development environment.

10:31
18
6
0
0
1

Boot up your inner techie by exploring conditional "if" statements in JavaScript! In this lesson from Learn to Program's JavaScript series, learn how to train your program to evaluate and respond to conditions using "if" statements. This lesson covers comparison (such as equivalency of value and/or type, greater than, or less than), logical operators (such as and/or), and bullion variables (true/false statements).

6:55
10
4
0
0
1

If you've got the hang of "if" conditional statements in JavaScript programming, then it must be time to tackle "else" and "else if" statements! In this lesson from Lean to Program's JavaScript series, Mark Lassoff explains how to design a program that will run several tests, executing one program or another depending upon the variable entered. The lesson also explains short circuit evaluation.

5:35
13
4
0
0
1

You're a computer programming wizard - you've got the hang of "if" and "else if" conditional statements. Now, switch it up by using "switch" statements in JavaScript! In this lesson from Learn to Program’s JavaScript series, Mark Lassoff teaches you about "switch" statements, which switch on in response to a certain variable. Learn how to set your primary, secondary, and default cases. Remember to always test multiple cases, and don't forget that your cases are case-sensitive!

5:13
13
3
0
0
2

Looking for a fun and effective way to interact with the users on your webpage? One of the ways you can do so is with dialogue boxes, which come in different varieties depending on the kind of interaction you want to have. Dialogue boxes can be customized to not only record your user’s answers, but to respond according to them as well. In this lesson from Learn to Program, Mark shows how easy it is to make and customize alert, confirmation, and prompt dialogue boxes in JavaScript.

7:29
29
16
0
1
1

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.

5:16
3
2
0
0
2

For processing lots of data, for loops can be a great way to repeat operations on any number of objects, and knowing when and how to use a for loop is a fundamental concept in programming. In this lesson from Learn to Program, you’ll discover the three main statements that control for loops: initialization, the iterator and the counter. Mark Lassoff demonstrates how to implement a for loop in JavaScript, and equally important, how to avoid endless loops and resulting browser crashes.

8:03
9
5
2
1
1

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.

5:08
7
4
0
1
1

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.

6:53
4
1
0
0
1

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.

3:41
3
0
0
0
2

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.

8:21
5
1
0
0
2

Now that you know how to create arrays in JavaScript, optimize their functionality. Want to make alterations to your array? Choose from one of dozens of methods, such as push, pop, or sort. This tutorial by Learn to Program demonstrates these features and gives you an all-around look at one of JavaScript’s essential objects.

10:46
7
2
0
0
3

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!

12:15
3
2
0
0
3

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.

11:10
8
4
0
0
1

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.

6:50
17
5
0
0
1

Did you know that you can program JavaScript that alters HTML? Underlying AJAX, a powerful web development technique that makes websites like Google Maps and Kayak possible, is JavaScript’s ability to access and edit HTML. Use the getElementById function and the innerHTML property in this tutorial by Learn to Program; your HTML and JavaScript will be functioning together in no time!

5:12
28
11
0
1
Failed to load more lessons. Please try again.
COURSE: Learn to Code JavaScript  ▲
Learn to Code Python Games by LearnToProgram
14
Want to design and program your own game using one of the most common languages in PC game building? In this 9-lesson course, LearntoProgram teaches you how to create a basic, text-based game called “Monster” using the skills you gained from the “Learn to Code Python” course. Work with classes, variables, and custom functions to build a main character and code gameplay. You’ll also learn to code a welcome screen and custom settings for more dynamic gameplay. Get started on your first game today!
Program_avatar2

LearnToProgram is a leading publisher of web, mobile and game development courses that are used by individuals and companies worldwide. Based outside of Hartford, Connecticut, the LearnToProgram team is dedicated to teaching more people to program than any other company on the face of the Earth. Our authors are among the most experienced in the field-- and they have one important thing in common: LearnToProgram authors consider themselves teachers first and technical experts second. The primary skill of a LearnToProgram author is communication-- and you will always find our courses easy to understand and easy to complete.

9 lessons
275
76
2
5
9
SEE LESS
FREE

Did you know that you don’t have to have years of experience in web development to create a fun and retro text-based game? If you’ve ever been interested in game development, begin by learning the basics of setting up a simple game in Python with this lesson from Learn to Program! Your foray into game development starts as Alex Bowers explains the objectives of the simple game, “Monster.” Learn how to define the Main class and character variables, as well as how to call the class.

5:23
102
36
2
5
3

Ever dreamed of creating a retro text-based game? Just learning how to program in Python? If so, this lesson from Learn to Program is for you! Alex Bowers walks you through the basics of Python classes and object oriented programming as you create a menu for a simple text-based game. Discover how to handle input and output, and represent real world concepts in programming languages. Watch all of Alex’s lessons in this series and who knows, maybe you’ll write the next NetHack!

14:19
111
25
0
0
2

Create men and monsters alike! Once you have your playing field, define functions for each of your characters and objects—here, the character, monster, flask, and trap—and place them on the grid so that they can interact with one another. This Python game development tutorial by Learn to Program sets up the playing field for so you can start customizing gameplay later in the series.

7:00
7
5
0
0
3

Add a little mystery to your game! In Python, it is easy to randomize object position so that gameplay is not monotonous. Import the ‘random’ module and watch as your monster shows up in different spots on the grid every time. This tutorial by Learn to Program demonstrates object randomization programming and shows you how to ensure that when your objects are put in random positions, they do not occupy the same space.

11:11
5
4
0
0
2

Power up your python game! An essential step in game development is making sure that your game can be played again and again without any errors. In this tutorial by Learn to Program, learn how to reset the current game, restore its original settings, set up and start a new game, and ensure that all of your objects are in the right positions.

6:49
7
4
0
0
2

Make your Python game come alive! You have created a grid and placed all your objects; now it is time to assign keys for character movement on the x- and y-axes. You will also learn how to make sure that your character stays on the grid with boundary checks. This tutorial by Learn to Program ushers your Python game into a new arena of programming functionality.

6:21
9
3
0
0
3

Once you have programmed how a character moves in Python, the next step is to allow the user to input movement. Working with the your draw_grid() function, you will inform the user of the game controls and provide text that appears when he or she wins or loses. Continue your quest towards Python game development mastery with this tutorial by Learn to Program.

8:34
15
10
0
0
2

The chase is on! You have programmed your Python game character’s movement; now, code the monster’s movement properties to complete the game. This tutorial by Learn to Program shows you how to make a function that causes the monster to pursue the character; you will also learn how to put move limitations on a character with a simple operation.

6:06
13
7
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
Failed to load more lessons. Please try again.
COURSE: Learn to Code Python Games  ▲
Learn to Code Python | Part 1 by LearnToProgram
19
Want to learn a programming language that emphasizes readability without sacrificing power? Python is the one for you. In this beginner's course, Learn to Program guides you through Python’s lists, conditional statements, loops, and more. If you are already proficient in a similar object-oriented language such as C or Java, learning the essentials of Python will be a piece of cake; if you've never written a single line of code, these crystal-clear lessons will make learning a new language as painless as possible.
Program_avatar2

LearnToProgram is a leading publisher of web, mobile and game development courses that are used by individuals and companies worldwide. Based outside of Hartford, Connecticut, the LearnToProgram team is dedicated to teaching more people to program than any other company on the face of the Earth. Our authors are among the most experienced in the field-- and they have one important thing in common: LearnToProgram authors consider themselves teachers first and technical experts second. The primary skill of a LearnToProgram author is communication-- and you will always find our courses easy to understand and easy to complete.

21 lessons
183
28
2
3
59
SEE LESS
FREE

Want to learn one of the most widely used programming languages in the world? Python is a cross-platform, object-oriented language that is free to use. Before you can begin to learn how it works, however, you must install and download a few things: Python 3.2 and Eclipse. These will allow you to write and run code in a Python-oriented testing environment. Learn to Program guides you through the installation process in this preliminary lesson.

12:48
43
10
2
0
1

Once you’ve downloaded Python and an IDE, it’s a good idea to check that everything works properly. Fortunately, you’ll only need to know a couple general programming concepts, which will soon become second nature to you. In this tutorial, Learn to Program shows you how to print a short string of text in order to test that your install was configured correctly.

3:36
12
7
0
1
1

In Python, variables are things that have a defined value. As you might expect, this makes them the building blocks of Python. In this tutorial by Learn to Program, you will learn about variables in detail: how they are named, how to define their values, and where they are stored in your computer. This is essential information for mastering Python, but it applies to many other programming languages as well.

5:50
15
2
0
1
2

In Python, data comes in many different shapes and sizes. This tutorial by Learn to Program begins by explaining two major types: numbers and strings. Within each type there are subtypes with unique attributes, which you will need to know in order to take advantage of Python’s flexibility. Once you have a solid understanding of this material, you should be ready to move on to the second part of the tutorial.

10:34
8
2
0
0
3

In Python, data comes in many different shapes and sizes. This tutorial by Learn to Program continues by explaining a few major types: lists, dictionaries and booleans (which are simpler than they sound). As with other major types, it is a good idea to know their subtypes because they can enhance your code’s flexibility.

13:24
13
1
0
0
1

Math teachers hear it all the time: “When are we ever going to use this?” Python is just one programming language that uses arithmetic operations, from simple addition and subtraction all the way to floor division and exponents. This tutorial by Learn to Program runs through the basics of Python’s seven operators. Start putting that old math to work!

4:14
5
1
0
0
1

You might remember learning BODMAS or PEMDAS in junior high. These are two ways of remembering the order of arithmetic operations: they stand for Brackets/Parentheses, Orders/Exponents, Multiplication, Division, Addition, Subtraction. In this tutorial by Learn to Program, you will recall how the order of mathematical operations works, why it is necessary, and how it is implemented in Python.

4:29
16
3
0
0
1

As with virtually all other programming languages, Python allows you to add comments to your work. Similarly, Python has its very own commenting syntax, which is easy to learn. This information will be indispensable to you once your projects become more complicated, so make sure to watch Learn to Program’s quick tutorial on comments.

3:47
8
2
0
0
1

As you have learned, variables are essential to Python. However, you may not have known that variables can be defined for an entire page, or simply for one function. In this tutorial by Learn to Program, you will learn the difference between global and local variables and when to use them. This knowledge is a must for anyone who is interested in programming more complex code.

5:33
8
1
0
0
2

If statements are Python’s way of comparing data. You can test your variables against a number of conditions and your program will act in specific ways if the variables pass their tests. This tutorial by Learn to Program demonstrates how to write and customize if statements with several operators, and touches upon using if statements with multiple conditions.

8:52
6
1
0
0
1

If statements and else statements truly are a match made in heaven. Like black and white, true and false, or 0 and 1 - if and else statements work together so that when one’s conditions are not met, the other steps in to take over. In this straightforward tutorial by Learn to Program, you will learn how to write your own else statements in Python.

1:26
5
1
0
0
1

Elif statements allow you to stretch your data comparisons into infinity! Sandwiched between if and else statements, elifs allow you to check for multiple conditions, provided that the if statement’s condition is not met. Once you have mastered if, else and elif statements with this tutorial by Learn to Program, you will be on your way to making useful, flexible Python code.

2:49
3
1
0
0
2

Unlike many other programming languages, Python does not use switch statements. This is unfortunate, as switch statements are a great alternative to long strings of if and elif statements. However, there is a simple workaround that can be accessed using information that you learned earlier in this series. In this tutorial, Learn to Program applies the dict function and related methods to create a series of conditions that resembles a switch statement.

3:37
3
0
0
0
2

Want to write simple if statements that don’t fill up your page? Like the switch statement workaround, inline if statements are only really suited for simple conditions; however, in the right context, they are a great alternative. This tutorial by Learn to Program covers how to make inline if statements in Python and when you should use them.

3:08
11
1
0
0
2

Having trouble with the concept of loops, or iterations, in Python? Generally speaking, a loop is a statement that runs through a set of data until its conditions no longer apply. One of the easiest types of loops to understand is the while loop. Watch this tutorial by Learn to Program, and you’ll be programming your own while loops in no time!

3:18
4
0
0
0
2

For loops are the most commonly used loops when programming in Python, because they are so powerful. If you know how many conditions you will be utilizing, for loops have a number of features that while loops do not offer. This tutorial by Learn to Program covers when you should use for loops, and demonstrates some of the customizations available to you.

4:23
3
2
0
1
1

Find and handle errors and exceptions in your Python code using a few easy statements! The try and catch method of handling errors and exceptions allows you to catch all data that does not apply to a try statement and specify code for it in an except statement. This tutorial by Learn to Program shows you how to write try and except statements that allow you to handle page errors with ease.

4:29
5
3
0
0
1

Before you move on to more advanced topics in your Python education, learn a few more useful tricks to customize your for loops. The break and continue statements will allow you to control loops with the utmost flexibility. This tutorial by Learn to Program covers the basics of these statements, and wraps up the topic of loops for this series.

2:55
2
0
0
0
1

Lists are a powerful way of compiling data in Python. They can bring together any number of disparate values and are compatible with a large amount of easy-to-use tools. This tutorial by Learn to Program delves into more advanced list topics, such as sequences and steppers, and reviews some basic things you should know about lists, such as indexes.

5:47
5
1
0
0
2

Thought you knew all there is to know about lists in Python? This tutorial by Learn to Program shows you how you can make your lists bend backwards and forwards or stretch out in any direction. With a number of easy-to-learn methods, such as ‘append’, ‘extend’ and ‘reverse, you will be sculpting your lists like the Michelangelo of Python in no time!

7:27
2
1
0
0
1

You should always know how to sort your lists. Luckily, Python provides you with a couple options: the sort method and the sorted function. This tutorial by Learn to Program covers both and explains when to use each. At the end of these last few tutorials, you should be extremely comfortable making and modifying lists in your Python code.

1:55
6
3
0
0
Failed to load more lessons. Please try again.
COURSE: Learn to Code Python | Part 1  ▲
Learn to Code Python | Part 2 by LearnToProgram
19
Have you already tackled the basics of Python? Are you itching to move on to more challenging, interactive programming? In this 22-lesson, intermediate-level course, Alex Bowers from Learn to Program breaks down concepts such as user input, methods, classes, and inheritance. Start incorporating external files and databases with the help of SQL, and even write your own functions. When you’re done, put your coding skills to the test with Learn to Program’s advanced course on developing games with Python.
Program_avatar2

LearnToProgram is a leading publisher of web, mobile and game development courses that are used by individuals and companies worldwide. Based outside of Hartford, Connecticut, the LearnToProgram team is dedicated to teaching more people to program than any other company on the face of the Earth. Our authors are among the most experienced in the field-- and they have one important thing in common: LearnToProgram authors consider themselves teachers first and technical experts second. The primary skill of a LearnToProgram author is communication-- and you will always find our courses easy to understand and easy to complete.

22 lessons
161
39
1
2
74
SEE LESS
1

Want your code to interact with user input? Depending on which version of Python you are using, you’ll want to use different functions. Luckily, this tutorial by Learn to Program has got you covered: if you are using Python 2.7 or earlier, you will learn the raw_input function; if you are using Python 3, just the plain old input function will work for you. For those who are interested, this tutorial also covers how the input function has improved with newer versions of Python.

2:49
3
2
0
0
1

Once you’ve learned which input function to use for your version of Python, this tutorial by Learn to Program teaches you to allow users to input their own data. You will recall what you have learned about variables, objects and operators to craft interactive Python code for the end user.

4:18
5
1
0
0
1

Did you know that strings can act as objects in Python? Similar to lists, strings can be created as standalone objects, which allows you to use text with greater flexibility. This tutorial by Learn to Program demonstrates string-based and list-based objects, and discusses how you can use methods available to objects to modify your strings.

3:51
8
2
0
0
1

Expand your repertoire of string-related methods: learn how to join lists into strings and split strings into lists. These two basic methods are easy to use and can come in handy when modifying individual parts of a string. This tutorial by Learn to Program demonstrates both methods in action and provides some instances where you may need to join and/or split objects.

3:26
18
8
0
0
1

Interested in creating your own, customizable functions in Python? Luckily, Python’s developers have provided for instances where the language’s many built-in functions do not apply; by learning a few simple keywords, you will be capable of creating functions. Stop copy-pasting your code and bloating your documents; watch this tutorial by Learn to Program and make your own functions today.

3:53
2
1
0
0
1

Need a way to bound your function to a range or define it only at a certain instance? When you create a function, you can choose to have any number of parameters, which give you the ability to define where and when the function occurs. This tutorial by Learn to Program defines bi-reference parameters, call by reference and call by value—all of which are integral concepts of function parameters.

3:11
3
1
0
0
1

The return statement is vital to creating functions in Python. On a practical level, it informs the console that the definition of a function has ended; it also allows your function to easily interact with if, for and while statements. This tutorial by Learn to Program covers return statements in detail; it also demonstrates an important part of Python that you may not have already heard about: the ‘None’ value.

3:15
3
1
0
0
1

When using programming languages such as Python, it is important to know the jargon. Words you might know in everyday English such as ‘inheritance’ and ‘method’ take on new meanings that are integral to your understanding of the structure of your code. This tutorial by Learn to Program prefaces a demonstration of classes by reviewing all the vocabulary you will need to know.

3:49
3
3
0
1
1

Want to organize your code in Python? Classes are one of the best ways to group related objects and functions. In order to write a class, you must recall some keywords that you have used in past lessons, and group them with new functions such as ‘init’. This tutorial by Learn to Program makes it easy to learn classes in no time.

3:53
10
2
0
0
1

When you use a function that is derived from a class in Python, it is called a method. Conceptually, methods and functions are not all that different; both perform a task that either you have defined or taken from built-in code. However, methods are used when you need to apply the same function to different variables and receive different output. This tutorial by Learn to Program explains this difference in more detail, and reviews the syntax of methods.

4:56
2
0
0
0
2

Want to take your organizational skills in Python to the next level? As you learned in the previous tutorial, the encapsulation feature allows you to store multiple instances of the same class in unique objects. But what if you want to apply this feature to more than just a few instances? In order to keep the volume of code at a reasonable level, this tutorial by Learn to Program shows you how you can store any number of variables in a keyword arguments dictionary.

7:03
10
5
0
0
1

It’s time to learn about the birds and the bees—yes, your classes in Python can have children. With some simple syntax, you can cause one class to inherit another’s attributes and vice versa. This tutorial by Learn to Program demonstrates parent and child classes in action, and touches upon the concept of overriding functions.

5:09
14
6
0
0
1

Want your Python code to interact with external files? Using the open function, you can easily add just about any file to your script; the open function even makes it possible to utilize files directly from the Internet. This tutorial by Learn to Program shows you how to create an open function, which will prepare you for an extensive look at reading and writing text in Python.

2:34
4
1
0
0
2

Python makes it easy to work with external files of any size. Simply by using the open function in conjunction with its read and write modes, it is possible to input external data to your script and/or output data to external files. This tutorial by Learn to Program demonstrates these capabilities by importing a gargantuan text file and creating a new file that limits it to a specific byte size.

9:46
4
0
0
0
1

Want to use Python to interact with more complex external files, such as images or videos? Any file that is not a text file is called a binary file. It is surprisingly simple to both read and write binary files in Python. This tutorial by Learn to Program recalls the code you used to read and write text files and demonstrates how binary files differ.

5:49
19
6
0
0
1

Databases are useful tools for writing well-organized, high-performance code. In Python, you can create and edit databases using the built-in SQLite library. This tutorial by Learn to Program shows you how to import the SQLite library and use a couple of its essential functions to create a table with any number of fields.

4:28
3
2
0
0
1

Now that you’ve created a database in Python, it is time to put something in it. Using the insert, update and commit functions, it is easy to insert new information and update old information in your database. This tutorial by Learn to Program covers these functions in detail and introduces you to the ‘while’ clause, which unlocks the ability to make conditional functions.

5:04
2
2
0
0
2

Before you start creating and editing your own SQL databases in Python, learn how to delete and retrieve any and all of your data. The last of the essential SQLite functions you will learn are ‘select’ and ‘delete’. Work with data groups of any size and hone your skills in creating conditional functions with this tutorial by Learn to Program.

7:52
6
1
0
0
2

The Python Standard Library is one of the most comprehensive references for all things Python. You can review what you have learned in these tutorials and search through hundreds of ready-to-use modules. This lesson by Learn to Program shows you where to find the Python Standard Library and illustrates how some of its modules—in this case, datetime, sys and os—can be imported into your script.

7:06
4
0
0
0
1

Did you know that you are not limited to the modules listed in the Python Standard Library? In fact, any script can be imported as a module. You can store as many functions as you would like in a separate script; recalling them is as easy as using a built-in function. Watch a demonstration of this important Python feature in this tutorial by Learn to Program.

2:05
22
2
1
1
1

Chances are that you have come across syntax errors while working with Python. These errors disallow you from printing your script; fortunately, it is easy to pinpoint and fix them with the help of your IDE (in this case, Eclipse). This tutorial by Learn to Program demonstrates how to resolve several common syntax errors.

3:42
14
7
0
0
1

Runtime errors can be trickier than syntax errors, but it is not impossible to troubleshoot them. While they do not always disallow you from printing your script, they can be spotted easily by testing your functions and equations often. Once a runtime error has been spotted, your IDE (in this case, Eclipse) does a traceback to determine all instances of a runtime error. This tutorial by Learn to Program demonstrates how to resolve several runtime and type errors.

2:41
2
1
0
0
Failed to load more lessons. Please try again.
COURSE: Learn to Code Python | Part 2  ▲
Other Lessons by LearnToProgram
2

Have you always wanted to create your own online interactive games, or maybe you just enjoy drawing using clean and elegant code? There are many reasons to learn how to use an HTML5 canvas. Mark Lassoff teaches you how to use the program, from how to open a new blank HTML5 document, to creating a canvas and beginning your drawing. Javascript allows you to configure the canvas and write the code for your drawing on it, so learn the language of creating script tags and contexts.

7:29
983
147
5
12
2

If your website gathers information from visitors, or if you use online forms, enabling required fields can ensure that you get the information that you need. In this lesson from Learn to Program, Mark shows you how to make any field required using HTML. And to make sure that users are giving you the data that you want, learn how to use regular expressions to match fields with accepted patterns, so that, for example, data submitted in an email address field matches the pattern of an email address.

4:39
83
22
0
4
2

Take the work out of building mobile applications—let Adobe PhoneGap Build do it for you. In this lesson from Learn to Program, Mark discusses how to utilize Adobe PhoneGap Build for maximum benefit. Although you do have to be a member of Adobe’s cloud service to utilize this feature, it is well worth the cost to be able to upload your code and receive your own application designed for multiple platforms in minutes. With Mark’s help your app will be ready for distribution in no time!

5:47
56
9
2
1
2

If you spend your days at school or work, but by night develop apps for Android, this lesson from Learn to Program is for you! Mark teaches you how to use Android shared preferences to make a “settings” page for your app. You could take the time to design and configure a settings screen, but Android shared preferences can save you that time and energy by providing a quick and clean way to access and set preferences. We are sure this is the approach you’ll prefer.

9:27
51
11
1
1
Failed to load more lessons. Please try again.