Courses & docs

# Web integrator 101

A web integrator is more a designer than a developer

# HTML

# - Based on XML structure (Document Object Model or DOM)

<[tagName] [attributeName]="[attributeValue]">[tagContent]</[tagName]>

exemple :

<body class="bodyClass">The content of the website</body>

nested exemple :

<body class="bodyClass">
  <header class="main_header"></header>
  <content id="main_content"></content>
  <footer></footer>
</body>

# - id must be unique on the same page

# - Ruled by the W3C

https://www.w3.org/

# CSS

# - CSS code is not a program, it adds style to DOM éléments

# - Need a selector

tagName : directly the tagName
class : .className
id : #idName

# - Syntax

selector {
  styleAttribute1 : styleValue1;
  styleAttribute2 : styleValue3;
  styleAttribute3 : styleValue3;
}

Exemples :

.main_header {
  display : block;
}
#main_content{
  color:#000000;
}
footer{
  position:absolute;
  bottom:0;
}

# - Ruled by the W3C

List of all attributes : w3schools (opens new window)

# - CSS tools

list of tools (opens new window)

# Javascript

# - Javascript is a program, so any web integrator using js is a developer

# - Web code is not compiled (translated into a machine language), it's interpreted by the browser

Be aware of compatibility errors

# - JS uses variables

Variables are used to save temporary data

Drawer

# - JS uses function

Functions transform data

Factory

# - JS uses events

Secret

← Chambord →