Wednesday, April 27, 2016

Code School launches Facebook react course - front end developmentframework

www.codeschool.com just announced its new course for Facebook front end development framework – react. React has received a lot of hype into 2015 and 2016. It's one of the most rising popular frameworks backed by Facebook. Demmings Facebook engineers are actively using this framework and supporting it. It is an open-source project so anyone can see and contribute. https://facebook.github.io/react/


Saturday, April 23, 2016

Tutorial Spotlight - Social Media - developing with Twitter Pinterest Facebook Snapchat

Twitter cards
https://dev.twitter.com/cards/overview

Twitter Analytics
https://analytics.twitter.com

Tutorial Spotlight - SquareSpace - eCommerce platform SEO

Squarespace SEO http://help.squarespace.com/guides/how-do-i-increase-my-site-visibility-to-search-engines

Tutorial Spotlight - JavaScript - D3, scrolling, front-end, interactivity, UX

Famous blog : JavaScript is sexy http://javascriptissexy.com/

Famous blog : dailyJS

Introduction to Full Stack JavaScript via Smashing Magazine
http://coding.smashingmagazine.com/2013/11/21/introduction-to-full-stack-javascript/

How to test if two objects are the same using JavaScript via stackoverflow
http://stackoverflow.com/questions/6689250/how-to-test-if-two-objects-are-the-same-with-javascript

Python JavaScript D3 Hack

Evernote JavaScript SDK for Evernote Developers

A small micro check library in javascript
http://arasatasaygin.github.io/is.js/


--------

Charts diagrams graphs with JavaScript


--------

Important Javascript Libraries and Frameworks

Functional programming with JavaScript using Underscore. Great for testing too

Tutorial Spotlight - CSS - front-end design animations

30 endangered species CSS design and animation
Species in pieces
http://www.species-in-pieces.com/?ref=producthunt

Make Pinterest with CSS (CSS Tricks)
https://css-tricks.com/search-results/?q=pinterest


CSS animation cheatsheet http://www.justinaguilar.com/animations/index.html !
css triggers cheatsheet http://csstriggers.com/?ref=producthunt
troubleshoot css http://philipjalexander.com/troubleshootingcss
analyze performance css http://cssdig.com/?ref=producthunt
css stats of a URL http://cssstats.com/?ref=producthunt important dev tool
animate icons using css and svg (pretty not necessarily useful) http://www.transformicons.com/?ref=producthunt
mac app visually create CSS codes without coding https://itunes.apple.com/gb/app/css-toolkit/id934487422?mt=12&ref=producthunt
css for mobile http://marvelapp.github.io/devices.css/

CSS positioning W3School http://www.w3schools.com/css/css_positioning.asp


CSS Library      flashy pretty scrolling effects http://lab.hakim.se/scroll-effects/ also crazy scroll path http://joelb.me/scrollpath/


Tutorial Spotlight - Firebase API real time data storage with URL CRUD User Authentication

General
  • Firebase security
    • Because firebase is an URL based database, implementing security is important
  • Can enable email password authentication (login) using $firebaseAuth service
  • Can create angularjs service using firebase


----------

Simple Login with Firebase
http://firebase.github.io/firebase-simple-login/
https://www.firebase.com/docs/security/simple-login-overview.html
https://www.firebase.com/docs/security/guide/user-security.html

AngularFire security rule builder tool https://github.com/firebase/blaze_compiler
high quality important dev tool

Firebase Security API overview
high quality video dev tool
https://www.youtube.com/watch?v=IGlzbmnAlRQ

Using firebase with ember
https://www.firebase.com/blog/2014-03-21-new-firebase-ember-bindings.html


----------

Angular and Firebase CRUD

Firebase angular demo http://www.youtube.com/watch?v=C7ZI7z7qnHU
Firebase AngularJS starter pack https://github.com/firebase/firebase-angular-starter-pack

TodoMVC firebase angular example http://todomvc.com/labs/architecture-examples/firebase-angular/#/

Angular Fire https://www.firebase.com/docs/web/libraries/angular/examples.html
----------

Google group https://groups.google.com/forum/#!forum/firebase-talk
https://groups.google.com/forum/#!forum/firebase-angular

Firebase Security
https://www.firebase.com/docs/security-quickstart.html
Turn on authentication required https://www.firebase.com/docs/security-quickstart.html

AngularJS Firebase via Thinkster
https://thinkster.io/angularfire-slack-tutorial


Firebase official documentation


----------

Tutorial Spotlight - AngularJS - Google, Theme Development, Front End, Hackathon, Templating

Codecademy AngularJS tutorial for beginners
https://www.codecademy.com/learn/learn-angularjs

Building a wordpress theme using AngularJS
http://wordpress.tv/2014/06/16/eric-w-building-a-wordpress-theme-using-angularjs/

AngularJS fundamentals in 60 minutes https://www.youtube.com/watch?v=i9MHigUZKEM

AngularJS route