Online frontend sessions

Session 1: The base to get started

Date: 13-10-2017 Time: 19:00 (GMT +4)

Links

Frontend general

• https://en.wikipedia.org/wiki/Front-end_web_development/
• https://www.slideshare.net/prasidpathak/copy-of-frontend-tech-talk-deck-july-2014?qid=39da5b39-79ef-4478-be4c-35e2f61fcea5&v=&b=&from_search=1

Frontend guidlines and standards

• http://tech.tmw.co.uk/code/TMW-frontend-guidelines/
• https://isobar-idev.github.io/code-standards/
• http://taitems.github.io/Front-End-Development-Guidelines/

HTML

• https://maintainablecss.com/chapters/semantics/

CSS performance

• https://csstriggers.com/background-attachment/

Methodologies

• http://atomicdesign.bradfrost.com/chapter-2/
• http://getbem.com/introduction/
• http://oocss.org/
• https://smacss.com/
• http://suitcss.github.io/
• http://clubmate.fi/oocss-acss-bem-smacss-what-are-they-what-should-i-use/

Glossary of terms

• http://webdevchecklist.com/
• https://techterms.com/

Styleguide

• http://rizzo.lonelyplanet.com/styleguide/design-elements/colours
• http://ux.mailchimp.com/patterns/navigation
• https://docs.microsoft.com/en-gb/windows/uwp/style/color
• https://material.io/guidelines/material-design/introduction.html
• https://marvelapp.com/styleguide/overview/introduction
• https://foundation.zurb.com/sites/docs/kitchen-sink.html

Sass

• https://scotch.io/tutorials/aesthetic-sass-2-colors/

Session 2: The path to advanced skills

Date: 20-10-2017 Time: 19:00 (GMT +4)

Links

Frontend guidelines

• https://github.com/bradfrost/frontend-guidelines-questionnaire
• https://github.com/bendc/frontend-guidelines
• https://developers.google.com/web/
• https://getmdl.io/
• http://cssreference.io/
• http://htmlreference.io/

UX Patterns

• http://ui-patterns.com/patterns
• https://zurb.com/patterntap
• http://uipatterns.io/
• https://pttrns.com/
• http://useyourinterface.com/

Frontend tools

• http://yeoman.io/
• https://github.com/yeoman/generator-webapp

SASS/SCSS

• https://sass-guidelin.es/
• http://jackiebalzer.com/color
• http://bourbon.io/

jQuery vs. Vanilla javascript

• http://youmightnotneedjquery.com/
• https://gist.github.com/joyrexus/7307312

Learn Javascript

• https://google.github.io/styleguide/jsguide.html
• https://github.com/airbnb/javascript
• http://jstherightway.org/
• https://webapplog.com/es6/

Code collaboration tool

• https://jsfiddle.net/
• https://jsbin.com/?html,output
• https://www.webpackbin.com/bins/-KwiksQFIGTb6ojvpvb_
• https://codesandbox.io/
• https://codepen.io/

Session 3: Open source project and team work

Date: 27-10-2017 Time: 19:00 (GMT +4)

Links

Learn basic git

• https://guides.github.com/activities/hello-world/

Session 4: Evaluation

The date and time will be announced.