create account

A Beginner's Tutorial on Bitcoin Web Development by coinables

View this thread on: hive.blogpeakd.comecency.com
· @coinables · (edited)
$0.14
A Beginner's Tutorial on Bitcoin Web Development
<html>
<p>Greetings all, my name is Kyle Honeycutt, and I run a YouTube channel that teaches others how to develop Bitcoin related websites. &nbsp;I started about 2 years ago, and I try to make learning Bitcoin web development easy, even for newbies. Since then I have gained 600 subscribers, recognition from Blockchain.info, and most recently finished a 180 page book on the subject that should be out later this month.&nbsp;</p>
<p><em>I don't want to spam, so if you are interested in finding my channel just search YouTube for "m1xolyd1an" and you'll find me.&nbsp;</em></p>
<p>I recently heard about SteemIt, and personally I think it's a great alternative to advertisement based royalties. &nbsp;Not only do I think they are annoying, but most millennials have learned through the early 00's that clicking on an ad is a sure way to get a virus. &nbsp;I can't tell you how many times my wife's grandfather calls me to fix his computer. &nbsp;I ask him what happened, and he says "well I saw this ad to click-here to make my computer faster" ... <em>AHHH facepalm</em> ... "don't do that, Mike!" is my only response. &nbsp;If the above thought is true this implies that not only do people ignore ads, they actively try not to click on them, and they often block them all together. &nbsp;The model is failing, and it's time to look for a replacement, like SteemIt.</p>
<p><br></p>
<p><strong>Okay, let's get started!</strong></p>
<p>Now I'd like to reach out to all the newbs. &nbsp;Even if you THINK you can't code, I want you to follow along. &nbsp;You could also learn some cool tricks for your SteemIt posts ;) All you need is Notepad. &nbsp;You know, that Windows app you never open. &nbsp;</p>
<p><img src="http://i.imgur.com/yHLbJLx.png" width="392" height="174"/></p>
<p>Yea, that one!</p>
<p>Open it up, and you'll see a boring text editor.&nbsp;</p>
<p><img src="http://i.imgur.com/ymHqzN6.png" width="513" height="257"/></p>
<p>If your screen looks like the screenshot above, freakin' awesome job! You're well on your way to creating awesome advanced websites! <em>Not really, but encouragement is always good during the learning process.&nbsp;</em></p>
<p>Let's put some text inside the empty box, shall we?</p>
<p>Go ahead and type "All of your Bitcoin are belong to me!" or something else super awesome like that.&nbsp;</p>
<p><img src="http://i.imgur.com/NsYjLsz.png" width="513" height="257"/></p>
<p>Neat! Now get your Bitcoin address. Just copy and paste it below, unless you are a freak that likes to type it out by hand; in that case go nuts!</p>
<p><img src="http://i.imgur.com/qNjnGsG.png" width="476" height="258"/></p>
<p>Now, let's do some super advanced API stuff! <em>Not really, this is as basic as it gets.</em> &nbsp;Google offers a free chartsAPI that let's you stuff things into a URL and it will spit out a QR code. So why not put a Bitcoin address in there?&nbsp;</p>
<p><strong>Here's the secret sauce: </strong>&nbsp;&nbsp;http://chart.googleapis.com/chart?chs=125x125&amp;cht=qr&amp;chl= &nbsp;</p>
<p>Copy the above and paste it<strong> in-front</strong> of your Bitcoin address.&nbsp;</p>
<p><img src="http://i.imgur.com/pNY68in.png" width="513" height="257"/></p>
<p>Don't give up, we are almost done! &nbsp;Can't you feel the hacker inside you? If so, good because now we'll actually have to write some HTML code.&nbsp;</p>
<p>At the very top of your document, write: &nbsp;&nbsp;&lt;html&gt;</p>
<p>And at the very bottom, write: &nbsp;&lt;/html&gt;</p>
<p>This tells your browser, Chrome, Firefox, IE (<em>why are you using IE?</em>), etc that our document is going to start giving it some HTML code.&nbsp;</p>
<p><img src="http://i.imgur.com/txbrMl0.png" width="513" height="257"/></p>
<p>Let's bring it all home and turn that gibberish googleAPI link to a QR code.&nbsp;</p>
<p>In front of the http://... &nbsp;write: &nbsp;&lt;img src=" &nbsp;&nbsp;<strong>&nbsp;&lt;--- exactly like that, don't forget that " at the end.</strong></p>
<p>At the end of your address, write: &nbsp;"&gt;</p>
<p><img src="http://i.imgur.com/fG7bfPf.png" width="513" height="257"/></p>
<p>That's it, you are now an elite hacker! Go to file -&gt; save as &nbsp;and save the file choosing <strong>"all types" for file type </strong>and name the file anythingYouWant.html&nbsp;</p>
<p><img src="http://i.imgur.com/QSsLIrt.png" width="669" height="473"/></p>
<p>Locate the file you just saved, probably on your desktop and run it! It's your Bitcoin address in a QR code!&nbsp;</p>
<p><img src="http://i.imgur.com/uDbeZzB.png?1" width="532" height="184"/></p>
<p>You can do the same, minus the &lt;html&gt; and &lt;/html&gt; parts in one of your Steemit posts by clicking on the "Raw HTML" option on your post and it will put the QR code in your blog post, like this:</p>
<p><strong>All of your Bitcoin are belong to me!</strong><br>
<img src="http://chart.googleapis.com/chart?chs=200x200&amp;cht=qr&amp;chl=1NPrfWgJfkANmd1jt88A141PjhiarT8d9U" width="200" height="200"/></p>
</html>
👍  , , , , , , , , , , ,
properties (23)
authorcoinables
permlinka-beginner-s-tutorial-on-bitcoin-web-development
categorytutorial
json_metadata{"tags":["tutorial","development","bitcoin","websites","code","html"],"image":["http://i.imgur.com/yHLbJLx.png","http://i.imgur.com/ymHqzN6.png","http://i.imgur.com/NsYjLsz.png","http://i.imgur.com/qNjnGsG.png","http://i.imgur.com/pNY68in.png","http://i.imgur.com/txbrMl0.png","http://i.imgur.com/fG7bfPf.png","http://i.imgur.com/QSsLIrt.png","http://i.imgur.com/uDbeZzB.png?1","http://chart.googleapis.com/chart?chs=200x200&cht=qr&chl=1NPrfWgJfkANmd1jt88A141PjhiarT8d9U"],"links":["http://chart.googleapis.com/chart?chs=125x125&amp;cht=qr&amp;chl=","http://..."]}
created2016-07-19 01:26:27
last_update2016-07-19 01:31:54
depth0
children1
last_payout2016-08-19 01:55:27
cashout_time1969-12-31 23:59:59
total_payout_value0.140 HBD
curator_payout_value0.003 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length5,007
author_reputation27,226,399,844
root_title"A Beginner's Tutorial on Bitcoin Web Development"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id177,782
net_rshares85,775,043,463
author_curate_reward""
vote details (12)
@knircky ·
I hope you will do all your work over here. I will sure follow you!
👍  
properties (23)
authorknircky
permlinkre-coinables-a-beginner-s-tutorial-on-bitcoin-web-development-20160719t014031504z
categorytutorial
json_metadata{"tags":["tutorial"]}
created2016-07-19 01:40:30
last_update2016-07-19 01:40:30
depth1
children0
last_payout2016-08-19 01:55:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length67
author_reputation212,905,587,244,262
root_title"A Beginner's Tutorial on Bitcoin Web Development"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id177,982
net_rshares110,833,530
author_curate_reward""
vote details (1)