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

https://www.firebase.com/docs/web/api/

----------

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

http://viralpatel.net/blogs/angularjs-routing-and-views-tutorial-with-example/

http://twofuckingdevelopers.com/2014/07/angularjs-best-practices-003-routeprovider/ 

AngularJS Firebase https://www.firebase.com/docs/web/guide/           https://www.firebase.com/docs/web/libraries/angular/quickstart.html

https://www.firebase.com/quickstart/angularjs.html

AngularJS login auth example https://github.com/mrgamer/angular-login-example

http://brewhouse.io/blog/2014/12/09/authentication-made-simple-in-single-page-angularjs-applications.html

http://www.jasonwatmore.com/post/2014/05/26/AngularJS-Basic-HTTP-Authentication-Example.aspx

$rootScope $routeProvider

http://jasonwatmore.com/post/2015/03/10/AngularJS-User-Registration-and-Login-Example.aspx

TodoMVC example CRUD with AngularJS

https://github.com/tastejs/todomvc/tree/gh-pages/examples/firebase-angular

W3Schools AngularJS http://www.w3schools.com/angular/angular_intro.asp

AngularJS examples (w3school) http://www.w3schools.com/angular/angular_examples.asp

Bootstrap AngularJS by the AngularJSUI time https://angular-ui.github.io/bootstrap/

Tutorial Spotlight - How to Startup - pitches, entrepreneurship, angel investors, vcs, accelerators, silicon valley lifestyle

Best Startup Pitch Decks
How to Pitch to Angel Investors and VCs via Slideshare

 http://www.slideshare.net/Sky7777/the-best-startup-pitch-deck-how-to-present-to-angels-v-cs

Marc Andreessen famous startup venture capitalist, entrepreneur on Product Market Fit https://www.linkedin.com/pulse/marc-andreessen-product-market-fit-startups-marc-andreessen

 Startup tools and resources
 https://www.fundable.com/learn/resources/guides/startup-guide/startup-tools-resources

 Checklist for a perfect pitch
 http://www.startupcfo.ca/2011/10/checklist-for-a-perfect-vc-pitch/

 ui stencils http://www.uistencils.com/

 Startup stickers
 https://www.stickermule.com/products/sticker-sheets

Tutorial Spotlight - iOS Apps - App Store, Swift, Apple World, iPhone Apps

Beautify your data driven iOS App via Eric Gu on Medium
https://medium.com/@ericgu/beautify-your-data-driven-ios-app-a70f7b22f963#.ob6axqvxq

Tutorial Spotlight - WordPress Content Management Systems, Theme Development for WordPress

Make Money from Creating Your Own WordPress Theme

Create your own WordPress Theme from an HTML Template via Sitepoint

http://www.sitepoint.com/create-your-own-wordpress-theme-from-an-html-template/

Eric Wolfe: Building a WordPress Theme Using AngularJS via WordPress.tv

High quality important tutorial though a bit dated now in 2016. Dev tool

http://wordpress.tv/2014/06/16/eric-w-building-a-wordpress-theme-using-angularjs/
Yeoman scaffolding for Wordpress theme called Yeopress
https://github.com/wesleytodd/YeoPress
The Lazy Smart Programmer way to set up a wordpress website
http://www.amyhaywood.com/the-lazy-smart-programmers-way-to-set-up-a-wordpress-site/

General WordPress Tutorials

WordPress shortcode for beginners
How to add a shortcake in WordPress
http://www.wpbeginner.com/wp-tutorials/how-to-add-a-shortcode-in-wordpress/

customize wordpress front page
https://wordpress.org/support/topic/a-different-css-for-front-page

SEO for WordPress tutorial by No.1 SEO plugin on WordPress - Yoast
The Definitive Guide to Higher Rankings for WordPress Site
https://yoast.com/wordpress-seo/

How to include JavaScript and CSS in your WordPress Plugin by Tuts Plus
http://code.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins--wp-24321

How to add Google Authorship tag on WordPress
http://www.copyblogger.com/wordpress-google-authorship/

How to set up Pinterest rich pins on WordPress
http://www.mcngmarketing.com/how-to-add-rich-pins-for-articles-to-my-wordpress-blog/#.VxsvrKMrKB5

How to build a wordpress site

http://grumomedia.com/wordpress-videotutorial/

Wordpress shortcodes by Tuts

http://code.tutsplus.com/tutorials/wordpress-shortcodes-the-right-way--wp-17165

WordPress Official Documentation from the Codex

Official WordPress lessons

http://codex.wordpress.org/WordPress_Lessons

          https://codex.wordpress.org/Site_Design_and_Layout

          https://wordpress.org/support/topic/css-stylesheet-to-apply-on-static-posts-page

          https://codex.wordpress.org/Theme_Development

          http://codex.wordpress.org/Function_Reference/body_class
http://codex.wordpress.org/images/9/96/wp-template-hierarchy.jpg

Useful Libraries and Tools

Dev tool - WordPress - create responsive WordPress themes without coding
CloudPress
http://cloud-press.net/

WordPress custom CSS JavaScript plugin
https://wordpress.org/plugins/css-javascript-toolbox/screenshots/

Social Media Optimization with WordPress SEO by Yoast
https://yoast.com/social-media-optimization-with-wordpress-seo-by-yoast/

Ultimate library and market of WordPress themes for sale - Theme Forest
http://themeforest.net/

Pinterest-like WordPress themes
http://demo.visualkicks.com/?theme=Clipboard
http://themeforest.net/item/clipboard-pinterest-inspired-wordpress-theme/5082705
http://us-themes.com/demo/?theme=ImprezaWP

Media Temple WordPress hosting for WordPress apps

http://mediatemple.net/webhosting/wordpress/ 

Popular top notch theme framework Genesis

http://wordpress.org/plugins/genesis-media-project/

GENESIS resources http://www.studiopress.com/resources
Genesis Tutorialshttp://my.studiopress.com/tutorials/
Snippet http://my.studiopress.com/snippets/
Genesis customization theme http://philipgledhill.co.uk/genesis-themes-customize/

http://my.studiopress.com/docs/genesis-for-beginners/

short code maker http://generatewp.com/shortcodes/

genesis markup http://www.genesisframework.com/markup.php
http://my.studiopress.com/setup/genesis-sample-theme-setup/

Shortcode madness   http://justintadlock.com/archives/2011/05/02/dealing-with-shortcode-madness http://my.studiopress.com/genesis-beginners-guide/

Landing page themes for wordpress
https://colorlib.com/wp/landing-page-wordpress-themes/

Create your own product hunt website with WordPress

upvote downvote for wordpress

ProductHunt Reddit Look-alike Themes for WordPress

http://epicplugins.com/hackers/

http://www.produktfang.de/en/

http://epicplugins.com/wpeddit/

http://pluginhunt.com/ 

Tutorial Spotlight - Front End Coding Tutorials Responsive Design Interactivity UX UI Design

Summary
Background

• Responsive Design is an UI Trend 2015 "responsive design for The Internet of Things (IoT)"
• Appears in job description of Front-End Developer job posts, lead UI designer job posts

Devices to be considered

Breakpoints 

• Desktop
• Large Tablet
• Small Tablet
• Smart Phone

Responsive design (CSS Tricks by Treehouse)
Responsive Columns Grid
https://css-tricks.com/guide-responsive-friendly-css-columns/

Dev tool - responsive column responsive grid calculator
http://www.responsivegridsystem.com/calculator/

A godzilla list of responsive design resources
https://bradfrost.github.io/this-is-responsive/resources.html

Use Twitter Bootstrap for responsive grids
<div class="row">
<div class="col-md-4">
</div>
</div>
Must enclose the column div in a row class div

Using Media Queries in JavaScript
http://modernweb.com/2014/03/24/using-media-queries-in-javascript/

Pure - a small light-weight responsive css library
http://purecss.io/start/

Useful libraries

Pizza Pie Charts is a responsive pie chart based on the Snap SVG framework from Adobe. It displays responsive pie charts (data diagrams) on websites.
http://zurb.com/playground/pizza-pie-charts

Dev tool - WordPress - create responsive WordPress themes without coding
CloudPress
http://cloud-press.net/

WHITE SQUARD - Brilliant Fictitious Startup Example That Solves a Problem

There's no need to found a real startup to make a social impact or test out the market for product-market-fit. MTV made a fake website called White Squad to raise social awareness for white privilege (and the mirror side of minority suffering in the society, social inequality). White Squad offers fictitious protection service,  business representation & negotiation, civil rights protection service for immigrants and minority citizens of the United States who may be otherwise treated unfairly or disadvantaged by their skin color and ethnic background (the fictitious website's target users). When a visitor clicks on the call-to-action, the "hoax" will be revealed and there will be statement saying this website is for raising awareness.

The website is well-made, well-designed, has all the key elements of a strong "splash page" or a sales landing page. It's a good cause and a really good example for testing out a product .

When the website first came out a while back, it was also a good example of marketing, raising awareness using humor and "April Fool's Day joke / fictitious features" (popularized by Google)