Intro to coding mat-153-web design 1
Intro to Coding
Core skills
- html
- css
- javascript
- must know how to write code if you are serious
- don’t be affraid of code
Learning to Code
- takes time and effort
- always changing
- essential
- without it you are limited
HTML
- a markup language- it uses tags to identify how browser will display content
- opening/closing tags
- element attributes (http://www.w3schools.com/html/html_attributes.asp)
- structural elements (http://www.w3.org/wiki/HTML_structural_elements)
- using Notepad (PC) or Textedit (Mac)
- Textedit - be sure preferences are set to:
- plain text
- make sure it's not addding any extensions by default
- Textedit - be sure preferences are set to:
- can make website using textedit but not efficient
- save file with .html extension
- structural tags and parent/child tags
- html - tells browser it is an html document
- head - everything that makes the page work that is not displayed by browser
- title - appears on tab, in google
- body - what is displayed in browser
CSS
- used to control visual style of page elements
- embed in head, better to link to external file
- CSS, not a markup language, presentation language
- specificity, inheritance, the cascade (https://stuffandnonsense.co.uk/archives/css_specificity_wars.html)
- selector - targets an element on a page
- rules/declaration - makes it looks like “this” using a property and value
JavaScript
- client-side scripting language
- controls the functionality/behavior of the page elements
- embed on page, better to link to external file
- place scripting at bottom of page to load last