# data[].attributes.headline
The Coordinate Plane - Math Open Reference

# data[].attributes.subject
The Coordinate Plane - Math Open Reference

# data[].attributes.attachment_link.readable_text
A two-dimensional surface on which points are plotted and located by their x and y coordinates

Try this Drag the point A. As you drag note the two numbers that define its position on the plane. Drag the origin to reposition the axes.

The coordinate plane is a two-dimensional surface on which we can plot points, lines and curves. It has two scales, called the x-axis and y-axis, at right angles to each other. The plural of axis is 'axes' (pronounced "AXE-ease"). Points on the plane are located using two numbers - thye x and y coordinates. These are the horizontal and vertical distances of the point from a specific location called the origin.

X axis
The horizontal scale is called the x-axis. As you go to the right on the scale from zero, the values are positive and get larger. As you go to the left from zero, they get more and more negative.
Y axis
The vertical scale is called the y-axis. As you go up from zero the numbers are increasing in a positive direction. As you go down from zero they get more and more negative.
Axis labelling
Along each axis you will see small tic marks with numbers. These are labels to help judge the scale. They are shown every 5 units in the figure above, but can be any increment, and need not be the same on both axes.
Origin
The point where the two axes cross (at zero on both scales) is called the origin. The origin is the point from which all distances along the x and y axes are measured. In the figure above you can drag the origin point to reposition it to a more suitable location at any time.
Quadrants

The two axes divide the plane into four areas called quadrants. The first quadrant, by convention, is the top right, and then they go around counter-clockwise. In the diagram above they are labelled Quadrant 1,2 etc. It is conventional to label them with numerals but we talk about them as "first, second, third, and fourth quadrant". They are also sometimes labelled with Roman numerals: I, II, III and IV.

In the diagram above, you can drag the origin all the way into any corner and display just one quadrant at a time if you wish.

Things to try
In the figure at the top of the page, first press 'reset'.

Drag the origin point around, including dragging it all the way into a corner to show only one quadrant.

Drag the point A into each quadrant. The first number after the A is the x-coordinate and the second the y-coordinate. Note how the signs of each change in each quadrant. For more on this seeCoordinates of a Point

Other Coordinate Geometry topics

(C) 2011 Copyright Math Open Reference.
All rights reserved

# data[].attributes.attachment_link.description
A two-dimensional surface on which points are plotted and located by their x and y coordinates Try this Drag the point A. As you drag note the two numbers that define its position on the plane. Drag the origin to reposition the axes.

# data[].attributes.attachment_link.readable_text
Overview

This course is designed to give an overview of HTML & CSS. There are 6 lessons:

Prerequisite

The students should be familiar with the web as a user, but do not need to have any programming or markup language experience.

Materials

Each lesson includes:

Slides: An HTML5-based slideset (not a PowerPoint) which actually embeds the actual HTML tags being described in order to better demonstrate them.

In-class example: An example of what the teacher should build up during the course of the lesson, switching between talking over the slides and demonstrating the concepts in the example page.

Exercise(s): These can be started in class and then continued outside of it, and the teacher can decide when to reveal the solution for the exercises. For the most part, the solution to an exercise serves as the starting point for the next exercise.

Additional Reading: Links that teachers can recommend students read after a lesson.

Related Resources: Slides or tutorials that were useful in the creation of the lesson content. Teachers can visit these to get an idea of how other people present the content.

Room for Improvement: A list of ways that the particular lesson might be improved.

The materials from the above lessons(slides, examples, exercises) can be downloaded in this zip file.

Related Resources

The content for the slides was based on consultation with a number of fantastic online resources, including the HTML5 specification, WASP Interact Curriculum, and the Opera Web Standards Curriculum. Those are recommended reading for teachers of this course.

History

This course was designed and given by Pamela Fox in October 2010 as part of Girl Develop It in Sydney, Australia. The course was delivered as 5 2-hour evening classes over a 2.5 week period (Monday, Wednesday, Monday, Wednesday, Monday), with lesson 1 & 2 bundled into the first class. The students were women from ages 18-50 from a range of disciplines (photography, marketing, travel, ads).
If you are using this material and have questions/comments, feel free to leave them here or on the individual lesson pages.
Lesson 1: Intro to the Web

Topics:

Browsers, Clients, FTP

Materials:

Exercise - This exercise will need to be modified to reflect the FTP details for the students, or removed if there is no FTP access.

Additional Reading:

Room for Improvement:

Add a slide explaining FTP more, like what information you have to know in order to FTP (host, port, auth).

Consider mentioning SSH.

Lesson 2: Intro to HTML

Topics:

HTML History, HTML tag syntax, Basic HTML tags

Materials:

Additional Reading:

Room for Improvement:

Mention best practices for HTML style - using quotes, pressing enter, indenting levels.

Consider removing TextEdit from list of editors, as it has a tendency to not save in plain text (and confuse students greatly).

Show how to debug HTML in Firebug and Chrome developer console (element/DOM tab).

Consider adding a slide about the difference between XML and HTML (particularly if the students had prior exposure to XHTML - as they will be confused about the different best practices).

Add mention of additional A attributes, target (use scarcely!) and name.

Re-iterate that the title element goes in the head and is not rendered on the page (this seems a matter of great confusion for newbies).

Consider talking about the HTML as a tree structure (DOM).

Lesson 3: HTML Advanced Tags

Topics:

Tables, Forms, Iframes, Embedded Objects, Video, Audio

Materials:

Additional Reading:

Room for Improvement:

Possibly include a bit more information (a diagram?) on form->server interaction, and why the name attribute is important for a database-driven system.

Consider splitting into two talks or shortening the media section, as this slideset takes longer to talk over than the others.

To make the media part more interesting, talk about the use of some psychoacoustic tricks that improve compression.

Lesson 4: Intro to CSS

Topics:

CSS Properties, Selectors

Materials:

Additional Reading:

Room for Improvement:

Explain how hexadecimal numbers work, and the 0-255 color space.

Explain the "cascading" of rules better/more.

Lesson 5: CSS Layout

Topics:

Block elements, Overflow, Box Model, Float, Positioning

Materials:

Additional Reading

Related Resources

Room for Improvement

Consider adding border-radius as an example of a new CSS3 rule.

Consider explaining negative margins.

Add a link to YUI Grids Builder and similar tools.

Lesson 6: Creating a Web Presence

Topics:

Domain Registration, Server Hosting Options

Materials:

Related Resources:

Room for Improvement:

Create an explanatory slide about what a web hosting provider is (someone that provides space on their own servers). Perhaps include a diagram.

Break the hosting provider types slide into one slide for each, perhaps with diagrams.

Mention using whois to find out who owns a domain.

Describe what happens when domains expire.

# data[].attributes.attachment_link.description
This course is designed to give an overview of HTML & CSS. There are 6 lessons: The students should be familiar with the web as a user, but do not need to have any programming or markup language experience.

# data[].attributes.attachment_link.description
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

# data[].attributes.attachment_link.description
Gameblox is a game editor that uses a blocks based programming language to allow anyone to make games. It’s free and no downloads are required. You can make games online that you can play both on this site and on your mobile device.

# data[].attributes.attachment_link.readable_text
Bienvenido!

Por favor consulte su email y haga clic en Verificar email en el mensaje que te acabamos de enviar a .

Una vez que se verifique tu email, tienes acceso completo a tu cuenta gratuita.

Redireccionando...

# data[].attributes.attachment_link.description
Por favor consulte su email y haga clic en Verificar email en el mensaje que te acabamos de enviar a . Una vez que se verifique tu email, tienes acceso completo a tu cuenta gratuita. Redireccionando...

# data[].attributes.attachment_link.readable_text
Our mission: To make the web fun again by giving you back control of how you express yourself online.

HTML editor, right in your browser

No tools needed. With our easy-to-use HTML editor, you're ready to start building your awesome website right now.

If you'd rather use your favorite desktop editor, no problem. Uploading files is as easy as drag-n-drop.

Welcome back, web surfing

All Neocities sites are viewable in our website gallery. And it's easy to browse sites with our optional surf bar.

Using tags (our version of Web Rings) you can easily discover new sites related to your interests.

Follow your favorite Neocities sites

Keep track of all your favorite sites by following them. Any changes to the sites automatically show up in your news feed. You'll also see what sites they follow.

Web creativity plus community

Interact with your favorite web builders by posting comments, and sharing their sites on your social network of choice.

Zero advertising

Neocities will never sell your personal data or put advertising on your site. Instead, we are funded directly by people just like you with supporter accounts and donations.

Blazing Fast Performance

Unlike many other web hosts, we don't skimp on infrastructure. Neocities operates our own caching CDN in 11 datacenters all over the world to quickly serve your site. We also force 100% strong SSL on all sites, and have full support for HTTP/2. Because of our commitment to quality, we routinely out-perform the pricey cloud services on reliability, speed and uptime. Whether it's your personal home page or a busy professional site, your site loads fast.

Developer tools

Our fast static hosting comes with a great in-browser HTML editor, easy file uploading, a command line tool, RSS feeds for every site, APIs for building developer applications, and much more!

Open Source

We publish the code that powers the site for inspection. We want to win your trust-not lock you in.

"Designed as a 21st century reincarnation of GeoCities, Neocities lets you make your own site for free. And it just might spark a renaissance of creativity online."
- Matthew Guay, AppStorm. View All Press "

# data[].attributes.attachment_link.description
Free web hosting and tools that allow anyone to create a website. Join our community today!

# data[].attributes.body
http://markup.roppychop.com/

# data[].attributes.attachment_link.description
Quickly find new mazes for your Robot Turtles game so you can spend more time playing

# data[].attributes.body
https://checkio.org/

# data[].attributes.headline
CheckIO - online game for Python and JavaScript coders

# data[].attributes.subject
CheckIO - online game for Python and JavaScript coders

# data[].attributes.attachment_link.readable_text
Here on CheckiO we are creating games for coders. We have made py.checkio.org and js.checkio.org where you can improve your TypeScript and Python coding skills. We have also created Empire of Code - a space game with a mix of strategy, tactics and coding.

In addition to the 50k monthly active Python and TypeScript players, who are constantly improving their skills by engaging in CheckiO missions and analysing other members' solutions, CheckiO is used in more than a 100 different schools and universities.

There are a lot of different ways in which we can assist companies.

CheckiO is a great promotional tool for your services. JetBrains and Hired have proven our effectiveness to offer engagement and their services are highly popular among our users.

CheckiO is also very flexible and open for new ideas. SendGrid, for instance, with our help is publicising their Python API. A SendGrid island was created as a unique way to test their software with our coders by having them solve missions in the game. As a result of our collaboration, Sendgrid receives thousands of instances tests and crucial feedback on direct use of the product.

Are you looking for more TypeScript or Python coders to join your company? We can help you with that too. More than a half of all of our users are choosing to receive job propositions, so we know which coders are looking for jobs right now and we can spread the information about your open positions among them. After you send us the job description we'll provide you with a list of emails and members who took interest in the opening along with their CV, progress information, and solutions made in the game. This way you'll be able to get more familiar with the coders' skills before you decide to interview them.

Here we can schedule a short call or you can simply contact me by email. I'll be happy to tell you more about CheckiO and how we can be of help to your company.

We know that CheckiO is recommended in a lot of schools and universities as an additional way to learn python. CheckiO gives you an opportunity to improve your coding skills in a fun way while you are learning coding in your class.

When we designed ClassRooms in CheckiO, the idea was to give classrooms in real life an additional resource. One where teachers and students could see their progress and learn from one another.

Let me show you how it looks like first.

So this is it. This is all you need to know about CheckiO ClassRooms before you can get started.

Free accounts have some restrictions but for school and universities we can do an exception for your class. Please contact me and I'll provide you with all the information.

Thank you for watching and remember your feedback is very important for us. See you on CheckiO!
Feedbacks from teachers
"it was very useful earlier in the school year and generated a lot of student interest" - Carl Turland, Harrow School

"I LOVE the product and will continue to use it" - Tim Maki, Tilton School

"The prospect of using Chekio for additional tasks during training is a great way to endlessly occupy those students who are learning faster than the rest" - Aleksey Radchenko
Create ClassRoom for Python Create ClassRoom for TypeScript
CheckiO is expanding the world's code literacy through game play.

We always wanted to create the most entertaining game where gaming and coding experiences are interlaced, where there is no border between playing and learning new skills. The game where coding comes organically as a skill needed to progress in a fun game.

We believe that everybody has their own way of becoming a coder. We simulate an endless desire to embrace coding because it's fun. And we cherish a community where knowledge sharing and peer support are key game components, that help people around the world become fluent and creative in coding. Among our players are some of the most talented coders in the world as well as those who are only starting their journey. Such a diverse and supportive community coupled with the code gaming tools positions CheckiO to become an engineers' and coders hub for exchanging knowledge and experience.

# data[].attributes.attachment_link.title
CheckiO - coding games and programming challenges for beginner and advanced

# data[].attributes.attachment_link.description
Here on CheckiO we are creating games for coders. We have made py.checkio.org and js.checkio.org where you can improve your TypeScript and Python coding skills. We have also created Empire of Code - a space game with a mix of strategy, tactics and coding.