Front-end program

1 — html

  • web page, browser, client, http protocol
  • dOM, page loading
  • HTML5, Tags types, semantic
  • validation, doctypes, charset
  • SEO OOB
  • grid systems (bootstrap, foundation, custom grid system)

2 — css

  • graceful degradation vs progressive enhancement
  • styles sources (browser, link, user)
  • css selectors (id, class, tag, attr, pseudoelements)
  • base formatting (block, inline)
  • positioning (static, inherit, relative, absolute, flex, sticky), z-index
  • units (px, em, rem), widths (px, %, min/max)
  • display (inline, block, inline-block), box-sizing, floating
  • transformation, animation
  • css rules all to know
  • responsive layout, responsive images
  • bem/prefixed-bem, css ABC rules

3 — scss

  • code structure, dfference in files naming
  • basic directives (import, if, for, extend, mixin)
  • data types (null, boolean, number, string, color, list, map)
  • functions (custom, built-in)

4 — graphic programs

  • adobe photoshop
  • adobe illustrator
  • images optimisation

5 — cvs

  • basic understanding
  • git, bitbucket
  • working flow (develop, feature, pull, push, commit, stash, merge)

6 — builders/managers

  • npm
  • gulp, webpack
  • gulp plugins (autoprefixer, concat, iconfont, styleguide)

7 — javascript

  • data types
  • variables (var, let, const), scope (global, block)
  • functions
  • events
  • string (methods), arrays (create, methods, usage)
  • jQuery

8 — hosting, domain

  • hosting (organisation, working)
  • domain/hosting

9 — CMS

  • what is CMS
  • what CMS for what type of project
  • quick view: WordPress, Opencart, MODx, Drupal

10 — project

  • project management (asana, trello, meistertask)
  • brief, technical task
  • business card/landing
  • corporate
  • catalog
  • e-commerce
  • support
1
k5 digital production ©
© 2012 - 2018   k5 digital   production