Coding

Description

Year 7 IT Mind Map on Coding, created by Arjan Wilkey on 28/04/2017.
Arjan  Wilkey
Mind Map by Arjan Wilkey, updated more than 1 year ago
Arjan  Wilkey
Created by Arjan Wilkey about 7 years ago
51
3

Resource summary

Coding
  1. Languages
    1. HTML & CSS
      1. <!DOCTYPE html> Every single html file must start with this
        1. add <html> and close it with </html> Afterwards
          1. use <body> and close it with </body> to create the main frame of the page
            1. If you would like to change the background of the body, add a background-color element, like: <body style="background-color: blue"> if you are doing this, always use the 'style' selector or use CSS if you know how.
              1. There are some basic elements if you would like to make a page with HTML. These include: <p> (Add your text here) </p> Which makes a paragraph. There are 6 main sizes for headers. h1 h2 h3 h4 h5 and h6. h1 is the biggest. To use them, do for example, <h1> (your text here) </h1>
                1. You can add style selectors to this as well! <h1 style="color: green"> Hello! </h1>
                  1. If you would like to use italics and bold text then instead of <p>, use <strong> </strong> For bold, and <em> </em> For Italics
                    1. Now we need to learn how to add tables to your page. Tables are defined by three elements. <table> which lets the computer know it is a table, <tr> Which adds a row, <th> Which adds a heading to the table, and <td> which adds data to the table. Here is an example. <table width="200px, height: 200px" <tr> <th> Number of pets </th> </tr> <tr> <td> Year 7 </td> <td> 25 </td> <tr> <td> Year 8 </td> <td> 24 </td> </tr> </table>
                      1. Always use the width and height selectors for tables. If you want two selectors, add a comma after the first one. Always put your selectors inbetween speech marks.
                        1. This is an amazing resource for learning HTML. https://www.w3schools.com/html/
                          1. Codecademy is also a great resource, as it gives you a course. https://www.codecademy.com/ Just pick the course you want to do.
              2. This is how the computer recognizes that it is a HTML file.
              3. If you are going to code HTML, use notepad for the code. Save the file as index.html and then open it with your web browser.
              4. JavaScript
                1. Python
                  1. Ruby
                    1. jQuery
                      1. PHP
                        1. C++
                        Show full summary Hide full summary

                        Similar

                        Project Communications Management
                        farzanajeffri
                        Common Technology Terms
                        Julio Aldine Branch-HCPL
                        Network Protocols
                        Shannon Anderson-Rush
                        Abstraction
                        Shannon Anderson-Rush
                        Computing
                        Kwame Oteng-Adusei
                        HTTPS explained with Carrier Pigeons
                        Shannon Anderson-Rush
                        Introduction to the Internet
                        Shannon Anderson-Rush
                        Construcción de software
                        CRHISTIAN SUAREZ
                        Historical Development of Computer Languages
                        Shannon Anderson-Rush
                        Useful String Methods
                        Shannon Anderson-Rush
                        Web Designing & Development Full Tutorial
                        Nandkishor Dhekane