What is the difference between Computer and Software programming? CODING 101 What is the difference between Computer and Software programming?
IMPORTANT FACTS ABOUT THIS OCCUPATION Average Salary: 95.5k 17% Growth Bachelor’s degree required Computer hardware engineer, IT systems manager, computer network architects, computer programmers
Computer Coding Software Coding Translating actions that you want the computer to perform in terms that they will understand: binary language Software Coding Involves using a computer language to develop programs. It is a set of instructions or procedures that allow for a certain type of computer operation.
EXAMPLES OF SOFTWARE Antivirus Audio Email Internet Browser Movie Player Photos/Graphic AVG, Housecall, McAfee iTunes, WinAmp Outlook Firefox, Chrome VLC, Window Media Player Photoshop, CorelDraw, Paint
C C# C++ Java Ruby Python CODING LANGUAGES There are many types of coding languages. Some are basic… some, are more complex. All of these languages formulate common thoughts into a specific language this language is called “source code” = CODING
WHAT IS HTML? H- Hyper T- Text M- Markup L- Language Language used to write Web pages which consists of code (tags) and elements.
DOCUMENT STRUCTURE <HTML> <HEAD> <TITLE>This is my page Title!</TITLE> </HEAD> <BODY> This is my message to the world! </BODY> </HTML> Encloses the entire HTML document Element contains all information about the document. HTML elements that describes the document Displayed at the top of the browser window on the bookmark list (tab) Element contains all the information which is part of the document
HTML vs. CSS HTML and CSS are the core languages for building webpages and web based application
HTML vs. CSS HTML and CSS are the core languages for building webpages and web based application HTML CSS Publish online documents- headings, text, lists, photos Design colors, fonts and layouts Retrieve online info Adapt display across platforms- different types of devices like large or smalls screens Design forms for… searching for info, making reservations, ordering products etc... Easier site maintenance- style can be modified without changing the HTML elements Include apps in their documents spread-sheets, video clips and sound clips Tailor Pages- modify multilpe webpages using a single style sheet
HTML CSS
WHAT IS A TAG? Codes in an HTML document which the browser reads, interprets and produces output. BEFORE I want to <b> BOLD </b> the word bold. AFTER I want to BOLD the word bold. Tags are not visible when an HTML document is view in a browser. Tags always have an opening symbol < and a closing symbol >. Tags usually come in pairs. Ex. <b> and it’s pair was </b>
<p style="color:red"> </p> WHAT IS AN ATTRIBUTE? Attributes provide additional information within an element (line of code within a tag) BEFORE <p style="color:red"> </p> AFTER I am a paragraph
<!DOCTYPE html> <html> <body> <h1 style="color:Tomato;">Let’s Try This Together </h1> <p style="color:DodgerBlue;">Don’t let all of this information freak you out. Again, it’s a language and takes a lot of practice. </p> <p style="color:MediumSeaGreen;">Don’t let it frustrate you. This dictionary does not have all of the lines of code that you need. You’ll have to spend some time looking up elements that you may not be sure of. </p> </body> </html>