Description

Who is this training for ?

Training objectives

Training program

• PRESENTATION
  • HTML: the language of the Web
  • Historical context
• ENVIRONMENT AND STRUCTURE
  • Concept and use of tags
  • The proper use of tags
  • Particularities and pitfalls of HTML
  • The minimum HTML document
• FORMATTING THE DOCUMENT
  • Simple text
  • The objects of a document
  • The header of an HTML document
• FORMATTING THE TEXT
  • Titles and paragraphs of text
  • Line break control
  • Text formatting, alignment
  • Size, color and font
  • Special characters
  • Comments
  • Other text tags
• THE LISTS
  • Numbered, bulleted, nested
  • Definition lists
• THE TABLES
  • Table cells and merging cells
  • Managing table size
  • Header and legend
  • Borders
  • Groups of columns and rows
• HYPERTEXTS
  • The link tag
  • The different types of links: to another page, within a page, to a website, download...
  • The Target
  • The title attribute
  • The color of the links
  • Links and style sheets
• INSERTIONS D'IMAGES
  • Inserting an image
  • The space around an image
  • Aligning an image
  • Background color and image
  • Inserting a link on an image
  • Responsive images
• THE FORMS
  • The form declaration
  • Single-line text box
  • Drop-down menu
  • Buttons: radio, checkbox, submit, d 'cancellation, order
  • Forms: hidden, file transfer, password
  • Organizing the elements of a form
• META INFORMATION
  • Doctype or DTD
• STYLE SHEETS
  • Properties: color, font, margin,...
  • Classes
  • Dynamize a site with CSS
  • Manage positioning
• INTRODUCTION TO JAVASCRIPT
  • JavaScript for what?
  • The web client environment
  • The browser, the tools
• JAVASCRIPT: THE HEART OF LANGUAGE
  • Syntax
  • Variables, global functions, operators, control structures
  • Functions: definition, arguments, literal functions, functions in the form of data
  • Custom objects and global objects
  • Manipulate tables, dates, character strings
• BROWSER OBJECTS
  • The hierarchy of objects
  • The main objects: window, document, location, screen, navigator, form...
  • Manipulating windows
  • Manage timers
• INTRODUCTION TO HTML5
  • Context: functioning of a website
  • History and standardization of HTML
  • The new HTML5 vision
  • HTML5 Roadmap
• HOW TO USE HTML5 TODAY
  • Know when to choose HTML5
  • Using HTML5 with browsers that don't support it
• HTML5 MARKUP
  • Structure of a page
  • Doctype
  • New and obsolete elements
  • HTML5 and CSS3
• THE FORMS
  • The form tag
  • Create and use HTML5 forms
• AUDIO AND VIDEO
  • Audio and video elements
  • Containers, codecs
  • Compromise for a site with a large audience
• API OVERVIEW
  • HTML5 APIs
  • Audio and video
  • Offline website
  • Drag and Drop
• DRAW IN HTML
  • Canvas vs SVG
  • Context and accessibility
• LA COMMUNICATION EN HTML5
  • Events
  • Sending messages between documents
  • Sending messages by channels
  • Push and WebSockets for more performance
• GEOLOCATION
  • Overview
  • User privacy
• STORAGE
  • Local storage
  • Session storage
  • SQL Web databases
• CSS: STANDARDIZING PROPERTIES
  • Do without images, avoid tricks
  • Rounded corners, drop shadows, transparency, animations
  • Other new features
• CSS: LAYOUT AND POSITIONING
  • Overview: clarify the code, avoid multiplication of nested divs
  • Presentation level
  • Layout by pattern
  • Multi-column layout
  • Layout by horizontal or vertical boxes
  • Positioning by grid
  • Other new features
  • CSS for mobiles and tablets