Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Meetup js 052115

549 views

Published on

Javascript Introduction for beginners

Published in: Software
  • Be the first to comment

  • Be the first to like this

Meetup js 052115

  1. 1. Javascript computer programming for beginners 5/21/2015 1kofc809.org
  2. 2. Beginning Javascript Today’s Event hosts •Knights of Columbus Tacoma Council 809 5/21/2015 2kofc809.org
  3. 3. Beginning Javascript Today’s Event hosts •Moderator: Joe Devlin 5/21/2015 3kofc809.org
  4. 4. Beginning Javascript Access this slideshow at: http://www.vividventures.biz/d/?q=node/8 5/21/2015 4kofc809.org
  5. 5. A word from our hosts • Knights of Columbus www.kofc.org o Founded in 1882 o Dedicated to “Saving Lives and Changing Lives” o Promoting strong families through charitable giving and a AAA rated life insurance and annuity program. o Local projects Habitat for Humanity Build, Blood Drive, Ultrasound for pregnancy care & 4US.org, Coats for Kids, Wheelchair Mission. 5/21/2015 5kofc809.org
  6. 6. Introduction •Joe Devlin - moderator o Member of St Patrick’s Parish and K of C council 809 o Working as a web host for small to medium sized businesses. oInterested in Javascript for the obvious reasons that it is a must for web development, plus for the purposes of getting people together to code; JS is a universal standard that comes with freely downloadable browsers and tools. We can easily collaborate. 5/21/2015 6kofc809.org
  7. 7. Time management 5/21/2015 7kofc809.org Present Code Discuss
  8. 8. 5/21/2015 8kofc809.org Schedule 1400-1410 Setup 1410-1420 Introduce ourselves 1420-1500 Set up Teamtreehouse, codepen.io, github 1500-1530 Teamtreehouse “Javascript Basics” 1530-1555 A Smarter Way to Learn Chapter 15 1555-1600 git --local-branching-on-the-cheap
  9. 9. Attendee Introduction • Let each of us introduce ourselves o My name is ____________. (First name) oInterested in Javascript for websites that ____________. oI develop on a Mac / PC / Linux oMy favorite text editor is ________. oMy favorite Integrated Development Environment IDE is ______. 5/21/2015 9kofc809.org
  10. 10. Take away for today 5/21/2015 10kofc809.org • Pierce County Library apply o Teamtreehouse.com o https://teamtreehouse.com/gateways/pierce_county_public_library/signup o Why? Teachable, repeatable, powerful • http://codepen.io/, NorthDecoder • https://github.com/NorthDecoder • http://git-scm.com/
  11. 11. Take away for today 5/21/2015 11kofc809.org • Books: o A Smarter Way to Learn o http://www.asmarterwaytolearn.com/  http://www.asmarterwaytolearn.com/js/2.html  …  http://www.asmarterwaytolearn.com/js/15.html  http://www.asmarterwaytolearn.com/js/89.html o http://www.it-ebooks.info/  Beginning Javascript
  12. 12. Requirements 5/21/2015 12kofc809.org HTML Validator JS - valid Test http://validator.w3.org/nu/ http://www.jslint.com/ http://www.jshint.com/ Design inputs to confirm the expected output. TDD pdf Source: http://vividventures.biz/examples/js/browser_detection/helloworld.html
  13. 13. Course – Teamtreehouse 5/21/2015 13kofc809.org • Teamtreehouse.com (TTH) o TTH Library search for “Javascript Basics” • You can: • review videos at any time • retake the tests • save workspaces • earn badges !
  14. 14. 5/21/2015 14kofc809.org Syntax: using (almost) all the keywords, ARRAY Source: http://asmarterwaytolearn.com/js/15.html Array var aryTheIndexValues = [0, 1, 2, 3, 4]; var aryCoders = [“Sue”, “Scott”, “Julia”, “Joe”]; var aryInventory = [100, 200, 500, 10, 9]; var aryOfArrays = [[1,2],[2,2]]; • Variable that represents a list of values • Any number of elements. (max size) • First element is indexed with a zero [0], second element one [1] and so on. • Access to the array elements by var myresult = aryCoders[0]; o The number in the brackets is the index o Only access by index, not by named index. • array type is reference, so any change to the original changes all copies var aryFirst = [100, 200, 300, 400, 500]; var arySecond = aryFirst; arySecond = [1, 2, 3, 4, 5]; //aryFirst is now made the same as arySecond Reference: Javascript Step by Step pdf p. 73, 97
  15. 15. Course – codepen.io 5/21/2015 15kofc809.org • codepen.io, NorthDecoder • differences from standalone web page • HTML only between <body> tags • Auto page refresh every second • Not exactly clear the order of the javascript
  16. 16. git --local-branching-on-the-cheap 5/21/2015 16kofc809.org • http://git-scm.com/ try •Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
  17. 17. That all folks ! 5/21/2015 17kofc809.org • Thank you for attending the meetup.

×