Advanced Front End logo

Advanced Front End

Resources

Under construction

  • jQuery (review)
    • treehouse screencast: http://teamtreehouse.com/library/jquery-basics
    • duckett chapter 7
  • task automation
    • organizing tutorial - https://webdesign.tutsplus.com/series/the-command-line-for-web-design–cms-777
    • Node
      • TBD
    • gulp vs grunt
      • https://medium.com/@preslavrachev/gulp-vs-grunt-why-one-why-the-other-f5d3b398edc4
      • http://www.hongkiat.com/blog/gulp-vs-grunt/
  • Automatic image generator
    • Overview: https://code.tutsplus.com/articles/the-top-8-placeholder-services-for-web-designers–net-19485
    • kittens! - http://placekitten.com/
    • keyword based but slow http://loremflickr.com/320/340/fish/all?random=1
  • AJAX
    • Screencast: http://teamtreehouse.com/library/ajax-basics
    • Ducket chapter 8
  • API
    • Ducket chapter 9
    • CodeAcademy API/Apigee modules:
    • TBD
  • Google Chrome Dev Tools
    • http://www.sitepoint.com/enhance-your-javascript-debugging-with-cross-browser-source-maps/
  • Bootstrap
    • getbootstrap.com
  • CSS Preprocessors
    • https://css-tricks.com/sass-vs-less/
    • https://css-tricks.com/using-less-as-a-live-css-engine/
    • http://www.sitepoint.com/a-comprehensive-introduction-to-less/
  • Styleguides
    • http://www.smashingmagazine.com/2015/04/13/an-in-depth-overview-of-living-style-guide-tools/
    • http://alistapart.com/article/creating-style-guides
    • SC5
      • http://www.smashingmagazine.com/2015/03/05/automating-style-guide-driven-development/
      • https://www.npmjs.com/package/sc5-styleguide#with-gulp
      • KSS https://github.com/kneath/kss
  • HTTP & REST
    • http://en.wikipedia.org/wiki/List_of_HTTP_status_codes
    • TBD
  • Selenium/web driver
    • http://www.seleniumhq.org/docs/
    • official: https://www.npmjs.com/package/selenium-webdriver
    • http://selenium.googlecode.com/git/docs/api/javascript/index.h tml
    • Not sure if this is official? http://webdriver.io/
    • tutorial (teaches official?) https://code.tutsplus.com/tutorials/an-introduction-to-webdriver-using-the-javascript-bindings–cms-21855