JavaScript Programming Pt1 (Getting Started) by raymonjohnstone

programming-trail · @raymonjohnstone · Apr 21 '17 (edited)

$12.18

JavaScript Programming Pt1 (Getting Started)

<h1>Getting Started</h1>
<center>
![images.jpg](https://steemitimages.com/DQmZTY75myUA8dYoxSzbtjrjLVEnK4hYhLDgi3CL7JGqVj7/images.jpg)
<a href="http://eulife.appchallenge.net/tutorial-7-building-a-javascript-eulife-app/">Source</a>
</center>
Alright firstly what is needed to get started:

Any text editor, some may prefer one with syntax colour coding in which case I recommend Sublime Text 2.
Notepad ++
Notepad
Gedit
Nano
Any of these will do the trick, we really just need to be able to save raw txt without extra characters being added.

Next we need a browser to be able to view the code we have written.
Chrome
Chromium
Firefox
Opera
Safari
Any standard internet browser will do, some may have funkiness dealing with modern Javascript so I recommend firefox or chrome.

<h1>Now we have those, lets have some fun!</h1>

Open up your text editor and create a file on your desktop named HelloWorld.html or anything you like really.

Now lets add the following to our file:

![one.png](https://steemitimages.com/DQmQnpSCksGdbzaF5CuNk5abWBzxx9XbTygAjN6rfo3MD3E/one.png)

Alright this stuff is fairly innocuous, I am sure you have at least seen some basic html tags but here we tell the browser that our file is an html file, now lets open up our file in our browser:

![two.png](https://steemitimages.com/DQmW4br3XzmKgqYrWRfzd4akeh2wEsRLFRJTmugxk4p3YHw/two.png)

Pretty boring right? Well there are some things here that aren't immediately apparent so lets open up our developer console as well: With firefox > Tools > Web Developer > Web Console

![three.png](https://steemitimages.com/DQmaYywA5X6Mom1GqNsyUCVhtyEqba6nRFF9AoQittBhD1y/three.png)

Awesome lets swap back over to our text editor and do some stuff, everything we do for now will be between the open script tag and closing /script tag

![four.png](https://steemitimages.com/DQmRG7vEDfw1XhUMYUxQVu8z8Xu2pjwdXBsjmjtyWtQW9ES/four.png)

You will notice that I have added a meta charset and a media print tag this is simply to clean up some complaints from firefox.

The fun thing is console.log, this allows us to log information to our developer console, go ahead and save and refresh the file in your browser and you should see this:

![five.png](https://steemitimages.com/DQmRnZ39SFNENGWfigaFSRGFW5Gb4Z5fi4hHnKRHAVuDxdF/five.png)

My First Words!!!
Excellent console.log is used for numerous things such as debugging as well as communicating information.

This ends our first lesson play around with console logging different information and join me next time when we learn more about Javascript programming.

<a href="https://steemit.com/programming-trail/@raymonjohnstone/javascript-programming-pt2-variables-and-statements">You can find Part Two here.</a>

<h1>Thank you for your time and attention.</h1>

![Logomakr_6m9Y20.png](https://steemitimages.com/DQmXF6SjAnzAro3psTqg78y2zVcuKUN3X5bZ8xDd3qmjCmj/Logomakr_6m9Y20.png)

👍 fuzzyvest, slowwalker, pharesim, xeroc, dollarvigilante, rossco99, haphazard-hstead, teamsteem, roelandp, jaki01, stone1, inertia, charlieshrem, anotherjoe, michelle.gent, berkah, thecryptodrive, barrycooper, oldstone, serejandmyself, bue, steem-id, dwinblood, grandpere, brendio, venuspcs, luzcypher, pairmike, stephenkendal, dexter-k, blakemiles84, isteemit, bitcoiner, cryptos, tracemayer, pheonike, steemtrail, blueorgy, tee-em, theshell, paco, kiwideb, condra, personz, instructor2121, v4vapid, thedeplorable1, stephen.king989, triddin, phenom, richardcrill, theyeti, pickoum, technovedanta, tygergamer, skapaneas, lastminuteman, tdv.witness, albertogm, clayboyn, fortinbuff, nikflossus, gomeravibz, jessamynorchard, and 155 others

`post_id`	2,421,129
`author`	raymonjohnstone
`permlink`	javascript-programming-pt1-getting-started
`category`	programming-trail
`json_metadata`	"{"app": "steemit/0.1", "format": "markdown", "links": ["http://eulife.appchallenge.net/tutorial-7-building-a-javascript-eulife-app/", "https://steemit.com/programming-trail/@raymonjohnstone/javascript-programming-pt2-variables-and-statements"], "image": ["https://steemitimages.com/DQmZTY75myUA8dYoxSzbtjrjLVEnK4hYhLDgi3CL7JGqVj7/images.jpg"], "tags": ["programming-trail", "javascript", "getting-started", "developers", "programming"]}"
`created`	2017-04-18 21:23:00
`last_update`	2017-04-21 00:28:54
`depth`	0
`children`	2
`net_rshares`	16,111,531,894,856
`last_payout`	2017-04-25 21:23:00
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	9.472 SBD
`curator_payout_value`	2.709 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	2,889
`author_reputation`	14,125,375,446,227
`root_title`	"JavaScript Programming Pt1 (Getting Started)"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (219)

voter	rshares	pct
penambang	7,186,512,546	89%
berkah	173,892,823,722	89%
pharesim	967,064,670,992	9%
fuzzyvest	3,443,878,576,134	69%
rossco99	520,917,939,646	44.5%
boy	7,099,957,672	100%
xeroc	920,374,790,938	44.5%
steem-id	123,119,733,845	44.5%
bue-witness	8,657,199,368	100%
stone1	302,683,980,946	100%
bunny	1,330,002,183	100%
bue	140,240,574,094	100%
mini	3,794,809,532	100%
moon	482,484,347	100%
lovejoy	15,436,062,220	44.5%
pairmike	68,087,584,102	89%
pheonike	49,413,374,607	26.7%
healthcare	1,414,210,007	100%
daniel.pan	2,237,313,387	100%
helen.tan	646,787,741	100%
acidsun	5,372,563,482	44.5%
carlos-cabeza	1,979,466,339	89%
instructor2121	31,926,710,261	89%
teamsteem	403,490,816,524	100%
lola-carola	1,076,456,655	89%
blakemiles84	64,877,723,568	44.5%
theshell	41,854,150,638	44.5%
verelst	4,780,283,083	100%
applecrisp	53,292,082	20%
samether	9,603,572,775	89%
pangur-ban	2,513,667,639	89%
ratel	11,890,487,194	89%
thecryptodrive	173,786,802,058	89%
schro	4,536,847,885	44.5%
tee-em	46,905,295,373	89%
michaelx	20,043,840,454	44.5%
grandpere	81,558,705,559	89%
albertogm	24,277,539,763	89%
christoryan	2,547,379,213	17.8%
crok	6,073,177,208	89%
christoph3	437,023,891	17.8%
tyler-fletcher	4,912,636,913	89%
razvanelulmarin	15,195,321,906	89%
isteemit	58,382,774,640	89%
skapaneas	25,120,879,991	89%
venuspcs	79,181,392,440	89%
sgtechservices	19,345,433,910	89%
roelandp	360,750,259,646	44.5%
stranger27	8,728,417,202	89%
slowwalker	3,127,843,431,659	100%
mrwang	19,558,819,130	89%
vl248	10,392,613,737	89%
paco	41,686,267,090	100%
dwinblood	118,087,523,021	89%
condra	40,463,238,065	89%
raymondspeaks	11,221,515,936	89%
luisucv34	5,460,909,657	89%
inertia	264,782,330,852	100%
fiona777	5,287,529,331	80.09%
phenom	27,198,147,138	89%
blueorgy	47,315,122,772	89%
ubg	13,072,815,504	1.11%
bones	4,205,250,831	100%
animus	1,381,710,825	89%
bitcoiner	54,579,287,577	89%
raymonjohnstone	10,632,543,897	100%
jedau	14,999,891,892	89%
happyphoenix	1,030,505,846	17.8%
kooshikoo	3,751,294,615	17.8%
tygergamer	25,749,228,353	89%
nelu.ceban	873,424,845	89%
bkkshadow	10,625,525,102	17.8%
dirty.hera	168,932,835	89%
gomeravibz	23,440,878,086	53.4%
craigslist	956,921,787	100%
always1success	7,485,320,883	89%
brendio	79,609,008,023	53.4%
ullikume	14,077,526,478	89%
stephen.king989	27,585,787,503	62.3%
jessicazheng	5,077,214,619	89%
d3nv3r	1,590,170,004	35.6%
dolov	1,614,276,259	17.8%
future24	12,403,459,979	35.6%
cmorton	2,276,817,456	17.8%
cryptos	52,380,088,668	50%
vegascomic	6,772,329,067	89%
gonzo	14,183,159,107	100%
virtualgrowth	8,286,721,476	26.7%
jayfox	889,277,483	89%
seadroo22	3,430,607,583	89%
dollarvigilante	580,174,952,137	89%
anotherjoe	205,455,209,788	89%
lamech-m	4,889,277,976	100%
serejandmyself	141,564,738,916	89%
mrlogic	7,651,377,062	89%
barrycooper	147,452,687,072	89%
sethlinson	10,348,625,434	89%
shadowspub	14,667,192,607	89%
leno4ek	1,861,510,406	89%
escapeamericanow	3,148,570,439	89%
nulliusinverba	7,014,565,045	89%
runridefly	8,748,940,240	11%
stephenkendal	67,934,022,640	100%
charlie777pt	19,474,520,206	89%
mikehere	20,471,081,684	89%
richardcrill	27,049,818,267	100%
randomli	1,659,680,829	89%
oldstone	146,949,297,998	100%
kralizec	3,003,474,167	89%
benjamin.still	2,372,092,090	26.7%
kiwideb	41,454,613,998	89%
jacobts	2,510,039,850	17.8%
renzoarg	2,536,118,906	8.9%
dexter-k	67,845,385,760	89%
charlieshrem	241,314,539,813	89%
tracemayer	49,636,262,189	89%
burnin	14,404,205,977	89%
pickoum	25,925,929,213	100%
michelle.gent	175,797,580,729	89%
clayboyn	24,110,911,114	89%
develcuy	4,860,385,259	89%
lajulius	9,733,316,176	100%
thegame	521,747,958	8.9%
haphazard-hstead	456,642,664,394	89%
fortinbuff	24,013,380,609	89%
timbot606	4,281,364,785	100%
steembets	633,352,347	8.9%
luzcypher	72,855,159,884	89%
grisha-danunaher	10,012,810,762	53.4%
dylanhobalart	15,863,507,222	89%
killbis	5,631,736,835	89%
ninkhisibir	2,209,958,510	44.5%
food-creator	7,569,897,434	89%
orenshani7	5,795,288,389	89%
steemtrail	48,443,459,818	89%
rgeddes	1,281,964,474	53.4%
jaki01	333,884,135,336	100%
marialin	5,920,325,790	89%
steemvest17	10,458,583,302	89%
tdv.witness	24,469,684,195	89%
ianboil	1,292,812,385	89%
ebryans	13,489,619,446	35.6%
jessamynorchard	22,633,189,405	89%
sstefan	9,745,210,896	53.4%
garvofe	3,060,351,354	17.8%
steemland.com	531,204,775	8.9%
sqube	2,986,280,846	1%
maxse	2,720,644,146	89%
cathynsons	309,848,512	1%
gardening-trail	7,719,416,953	89%
foraging-trail	3,087,489,872	89%
nikflossus	23,502,723,728	89%
baerdric	14,894,842,985	89%
alex1983ch	4,042,386,853	89%
technovedanta	25,752,957,243	89%
steemspoker	10,589,687,819	89%
yadamaniart	16,744,942,938	89%
steemprentice	15,504,497,236	26.7%
damiendecoster	991,094,903	100%
sellergenius	1,816,157,436	89%
finder	634,075,796	100%
seablue	9,743,270,079	8.9%
steemittalk	8,011,946,532	89%
beeskee	12,860,469,411	100%
v4vapid	30,450,468,793	89%
gildar	2,831,460,394	89%
saleg25	1,164,480,721	44.5%
meysam	20,386,777,897	89%
throughtheglass	5,344,895,628	80.09%
timothyb	18,089,011,216	100%
tamersameeh	369,438,345	89%
steemnews.online	4,602,800,992	89%
mathworksheets	2,606,916,514	100%
adambalm	8,077,834,481	89%
ilovebatcatstew	3,242,729,974	89%
bbkoopsta	1,937,657,031	100%
personz	33,489,466,565	100%
michaeladamparis	5,424,427,999	26.7%
askari	1,510,456,491	100%
lastminuteman	24,983,644,738	17.8%
darth-azrael	7,195,502,501	80%
triddin	27,508,354,017	44.5%
cheah	9,611,704,225	89%
internutter	9,090,246,355	35.6%
fiction-trail	3,750,907,044	89%
kostaslou	1,577,572,354	89%
steemcenterwiki	845,008,619	100%
playfulfoodie	10,948,956,378	44.5%
jasonrussell	9,387,405,381	89%
poetry-trail	2,138,426,016	89%
dalek	263,359,221	100%
killinhersoftly	2,400,670,981	89%
thedeplorable1	29,277,266,139	100%
elgeko	17,790,651,060	89%
cgame	10,080,263,429	89%
vermute	729,703,527	44.5%
catharcissism	3,870,800,556	89%
derbi	758,404,095	44.5%
ogochukwu	5,288,308,555	89%
smalltalk	464,470,573	17.8%
tonylondon	799,774,130	89%
paolobeneforti	7,796,569,630	44.5%
silviabeneforti	7,291,928,920	89%
shaunmza	7,538,289,763	80%
theyeti	26,118,060,943	8%
cfreidsma	2,676,265,075	44.5%
torkot	2,822,004,205	89%
ceres	881,853,744	44.5%
evildeathcore	1,286,511,994	89%
bedroomshaman	111,225,798	9.99%
kuttmargo	63,771,034	1.11%
tincho	3,437,207,113	89%
frocush	3,360,001,716	89%
heikomahr	4,194,149,016	89%
mckenziegary	1,164,368,341	17.8%
pullen	813,738,819	44.5%
unmean-stweets	6,770,794,950	89%
sassal	68,641,914	100%
zuheimi	81,490,074	100%

`post_id`	2,421,871
`author`	virtualgrowth
`permlink`	re-raymonjohnstone-javascript-programming-pt1-getting-started-20170418t233936593z
`category`	programming-trail
`json_metadata`	"{"app": "steemit/0.1", "tags": ["programming-trail"]}"
`created`	2017-04-18 23:39:39
`last_update`	2017-04-18 23:39:39
`depth`	1
`children`	1
`net_rshares`	10,170,259,380
`last_payout`	2017-04-25 23:39:39
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	11
`author_reputation`	170,695,559,013,658
`root_title`	"JavaScript Programming Pt1 (Getting Started)"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

`post_id`	2,422,235
`author`	raymonjohnstone
`permlink`	re-virtualgrowth-re-raymonjohnstone-javascript-programming-pt1-getting-started-20170419t010549090z
`category`	programming-trail
`json_metadata`	"{"app": "steemit/0.1", "tags": ["programming-trail"]}"
`created`	2017-04-19 01:05:48
`last_update`	2017-04-19 01:05:48
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2017-04-26 01:05:48
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	34
`author_reputation`	14,125,375,446,227
`root_title`	"JavaScript Programming Pt1 (Getting Started)"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000