Skip to content

Instantly share code, notes, and snippets.

@limarc
Created December 29, 2016 08:51
Show Gist options
  • Select an option

  • Save limarc/0b814daf8d8aee8747798ab7f02f19df to your computer and use it in GitHub Desktop.

Select an option

Save limarc/0b814daf8d8aee8747798ab7f02f19df to your computer and use it in GitHub Desktop.

Frontend Skills

Browser

  1. HTML
    1. Namespaces (html, svg, xhtml)
    2. Doctype
  2. Network
    1. HTTP/HTTP2
    2. Headers/Cookie
    3. Protocol Data (Restful/JSONRPC)
  3. Security
    1. CORS
    2. CSP
    3. CSRF, XSS
  4. DevTools
  5. SVG

CSS

  1. Basic (Selectors, Specificity)
  2. Models (Float, Flexbox, Grids?)
  3. Metodology (BEM, SMACS, OOCSS, Modules)
  4. Animation (transition, animation)
  5. Performance (layers, repaint, reflow)

JS

  1. DOM API
    1. Query
    2. Events
    3. Modification (Insert/Remove)
  2. Browser API
    1. Storage API (Cookie, LocalStorage, SessionStorage, IndexedDB?)
    2. Network API (XMLHttpRequest, Fetch, Socket, polling)
    3. Performance API (Navigation Timing API, window.performance, Date.now()) [o]
    4. Process API (ServiceWorker, WebWorkers, SharedWorkers, PostMessage) [o]
    5. Notification API (Web Notifications, Simple Push API) [o]
  3. Objects/Functions
    1. Structure (properties, ...)
    2. Prototype
    3. Closure
  4. Data Structures and Algorithms
    1. Data types
    2. Sorting
    3. Structures (Lists, LinkedList, HashTable, Stacks, Queue, Graphs, Tree)
  5. Design Patterns
    1. Decorator
    2. Mediator
    3. Facade

Instruments

1. Linters 
2. Builds (Webpack, Make, npm)
3. GIT
4. Testing

Soft

  1. Management
  2. Entrepreneur
  3. English
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment