Ad

Friday, April 22, 2016

Tutorial Spotlight - Stripe online payment for developers

Key concepts

  • Stripe turns customer information into tokens and mask the data so that it's secure
  • Stripe manages versioning by supplying different versions of code via stripe.js
    • Stripe.js is in charge of taking credit data, submitting to Stripe's server and returning a token which can be charge
    • Stripe.js can secure credit info entry without server
  • Stripe Connect Stripe Checkout - eCommerce capabilities for website with Stripe
  • Competitors: square, paypal, venmo, Dwolla (free under $10 dollars)


Official Stripe payment examples and sample code
Stripe API Documentation
Stripe Documentation for iOS
Stripe Documentation for Android
Stripe loves JSONP standard

Stripe Documentation - how to create a subscription payment (useful for most Saas companies)
Create a plan
Subscribe users to a plan

One Month Edu's (YC company) Stripe class
Mini Review: a bit dated but beginner friendly

Full step by step Stripe set up walkthrough (blog)

Stripe freenode #stripe

Using stripe without learning programming
programming is not required https://support.stripe.com/questions/using-stripe-without-programming

the ecommerce platform you use may already have stripe
stripe plugin is also available for wordpress

Stripe data store stacks (Quora)
MySQL MongoDB PostgresSQL Impala (Apache HBase)

Other Stripe resources:

Stripe Connect https://stripe.com/connect 
Stripe Connect https://stripe.com/docs/connect
Stripe Data API https://stripe.com/docs/api 
Access to Stripe Data:
https://stripe.com/docs/connect#data
Stripe international global https://stripe.com/global
Stripe US feature https://stripe.com/us/features
Sites that currently let you management and accept stripe payments https://stripe.com/docs/integrations
Who uses stripe? https://stripe.com/gallery

 Stripe transfer (OFAC compliant), use Stripe::Transfer  ruby function

     https://stripe.com/docs/tutorials/sending-transfers



Sample Job posting by stripe for Technical support

Thousands of businesses across the internet rely on Stripe to launch their products and get paid. We are mission-critical to them, and each individual and business uses Stripe in a different way.
We work with our users to answer questions and solve problems, then work with the rest of the team to ensure that those problems don't arise again. We like to do whatever it takes to make sure our users are taken care of.
Interacting through email, real-time chat, and phone, we guide developers and entrepreneurs along the process of creating paid products. We inform the direction of the Stripe product by understanding and improving how Stripe is used.
Stripe's support team manages itself independently and develops the processes we use to help our users. This means integrating and developing tools, attending and hosting events, and visiting Stripe users.
You
You As part of this role, you'll work with the outside world to help more businesses use Stripe. You'll work with developers, business owners, product managers, and finance and accounting staff. Payments problems can be complex with many stakeholders, and it will be your job to make sure everyone understands why Stripe makes sense.
You'll get a chance to share Stripe's culture in the wider community. We host events, attend conferences, sit down for coffee, and hang out in IRC. We try to write software worth talking about, and then talk about it.
You may like this job if:
  • You love to teach and meet new people.
  • You write quickly and clearly and enjoy writing.
  • You can solve open-ended problems, even when you're a little out of your depth.
  • You have a keen sense for seeing through the question being asked to the actual problem a user is having.
Applying
To apply, please email [masked email] with:

  • Your background and accomplishments.
  • Some information on why you want to work in this role.
  • Two improvements you'd make to Stripe.
  • A short piece on any topic you're passionate about.
  • The list of languages you'd be comfortable working in, if more than English.

Tutorial Spotlight - Ajax in the HTML DOM with JavaScript

JavaScript and the Dom series (Tuts Plus)
http://code.tutsplus.com/tutorials/javascript-and-the-dom-series-lesson-1--net-3134


Host your personal website or blog for free and learn to code on Github

Want to host your personal website or blog for free? Have you considered Github Pages? Professional developers use Github everyday, it's really worth it to learn to use Git and Github. Github Pages allow you to use Github flavored Markdown (a handy programming language, actually used by professional productive writers), write or blog, and host that static website in minutes for free. 


Check out the documentations

https://pages.github.com/
https://developer.github.com/v3/markdown/
https://help.github.com/categories/writing-on-github/

Tutorial Spotlight - language Markdown - amazing world of coding tutorials

Writing your resume in markdown by Phil Hollenback (blog)
http://sysadvent.blogspot.com/2011/12/day-14-write-your-resume-in-markdown.html

78 Tools for Writing and Previewing Markdown (Mashable.com)
http://mashable.com/2013/06/24/markdown-tools/#L.XuJjd3iqq9

Write in Markdown and host your website or blog for free on Github as Github Pages
Write Github flavored markdown
https://pages.github.com/
https://developer.github.com/v3/markdown/
https://help.github.com/categories/writing-on-github/



Monday, April 18, 2016

Learn iOS Programming Swift Basics with Swifty - learn to code resources in your iPhone

Swiftfy is an iOS app that teaches you Swift language basics right in your iPhone. When waiting in subway or for a bus, you can get some muscle memory going - practicing Swift "grammar", syntax on the go. It's sort of like Codecademy.com for your pocket.

Source: TechCrunch article http://techcrunch.com/2015/03/19/swifty-teaches-apples-new-programming-language-on-your-iphone/?ncid=rss
Download the app on iTune https://itunes.apple.com/us/app/swifty-learn-how-to-code!/id886315617?mt=8






Startup Front End UI Essentials : Using Modal with Forms with Twitter Bootstrap framework

Modal or a modern popup window is now an omnipresent startup front-end UI element. It's useful when prompting the user to login, subscribe to a newsletter, and take an exit offer.

Here's the basic hierarchy if using the Bootstrap framework:
modal hierarchy
modal
modal-dialog
modal-content
modal-header
modal-title
modal-body
modal-footer
data-dismiss="modal"


Not exactly concise. Because though small, the element has all the essential backbone of a full web page: header, body, footer, exit, and it usually handles a form with input and submit button. It's not a trivial element.

Put the mini form, such as a login form, and its submit button in the modal-body.

Bootstrap also comes with useful javascript snippets for modal events. $('#my_modal_id').modal('show');
$('#my_modal_id').modal('hide');

It's best not to reinvent the wheel and use the readily available code in Twitter Bootstrap framework, now just known as Bootstrap. Official documentation here:
http://getbootstrap.com/javascript/#modals

Monday, April 11, 2016

How to practice JavaScript beyond Codecademy.com

You finished the Codecademy.com JavaScript curriculum, congratulations! You might have learned a lot but still don't know how to program like a real developer. You need to install the industry standard web developer tool - Chrome and start using its Web Developer Tools aka Chrome Inspector. Real developers and designers use this tool to see, design, twig and debug their websites. Check out the basic steps to set up the JavaScript console in Chrome. You can type any JavaScript commands here and start to interact with a webpage such as Google.com


React UI, UI UX, Reactstrap React Bootstrap

React UI MATERIAL  Install yarn add @material-ui/icons Reactstrap FORMS. Controlled Forms. Uncontrolled Forms.  Columns, grid