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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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’.
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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).
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.