TEKcraft FrontEnd development game. Skills brainstorming

gistfile1.txt

Core technologies
  HTML documents
    Familiarity with the HTML syntax
      The HTML syntax
        Doctype
        Element tags
        Global attributes
      The elements of HTML
        The root element, document metadata
        Sectioning elements
        Grouping & top level semantic elements
        Tabular data
        Forms
        Embeded & media content
    Knowledge of the semantic meaning of HTML elements
    Understanding separation of concerns when using HTML, CSS, JS and page templating languages
    Misc (web apps?)
      Session history and navigation
        History interface
        Location interface
      Offline Apps
        Cache manifest
        Local Storage
      User Interaction
        Focus
        Keyboard shortcuts & access keys
        Content Editable
        Drag and drop interface
      Form validation
      Microformats



  CSS
    CSS level 3 properties
    Selectors
      Syntax and structure
      Types
        Elements, attributes
        Pseudo-classes
        Tree-structural
      Logical combinations, combinators
      Cascading, inheritance. Specificity
    Box Model
      Document flow
      Display property
      Margins & padding
        Collapsing margins
        Flexbox
      Floats
      Overflow
      Visibility
      Stacking context
      Positioning schemes
    Responsive design
      @viewport rule
      Media queries
      Mobile specific considerations
      Print stylesheets
    Grid systems
      Fixed, fluid, elastic, responsive
      CSS Librairies
        Reset / normalize
    Preprocessors (SASS, LESS, Stylus)
    Sprites
    Edge cases



  JavaScript
    Basic syntax
    Objects
    Closures, private members
    Functions, scope, anonymous functions
    Prototype

    AJAX
    Manipulating the DOM
    Event handling

    Best practices
      eval()
      Pollution the global scope & global variables
      Unobstrusive JS
      JSLint / JSHint

    Modules pattern
      CommonJS
      AMD
      RequireJS

    Design patterns
      MVC
      MVVM

    Librairies
      jQuery
      jQuery UI
      jQuery Mobile
      Dojo
      Underscore
      Backbone
      RequireJS
      Modernizr
      Sencha (ExtJS, Touch)
      YUI

    CoffeeScript

    NodeJS

    Refactoring & abstraction

    Data formats
      JSON, XML



Security



Performance
  Profiling
    Compression & minifying
    JavaScript benchmark
      Perceived performance
    CSS selectors & browser rendering/paint
    Animations & FPS benchmarking



Cross-browser support
  Legacy
    Quirksmode
    XHTML, HTML4
    Proprietary CSS rules, vendor prefixes

  Polyfills & shims
  Feature detection
    Modernizr

  Progressive enhancement, graceful degradation



Accessibility & SEO basics
  WAI-ARIA
  Source ordering
  Essentials attributes & tags
  i18n & l10n
  Contrast



Testing
  Unit testing
    QUnit, Jasmine, Mocha
  TDD, BDD (see other TEKcraft games)
  Functional testing
    CasperJS



UX
  Usability testing
  UI patterns
  Content strategy
  Cognitive overhead and memory load
  Discoverability
  Information architecture
  Information density
  Devices specific considerations



Process automation (rake, make, grunt, etc)



Misc best practices
  File organization and structure
  IDE and tools
    Using Firebug / Chrome Developer Tools
    Source Control
      Git