Programming for the Internet
withJavaScript – Assign08
10/25/2015………..………..…..……….…..Learning/JavaScript/Assign08-JavaScript.doc [email protected] or [email protected] M-F 6am-8pm, S-S 8am-8pm
http://JilMac.com JilMac 802-254-8628
1.
Review
2.
Reading Assignment
3.
Discussion Assignment worth up to 2 points
4.
Code Examples Assignment worth up to 3 points
5.
CHAT times will be worth up to 1 extra credit point per wk
===========================================================
1. Review
PROJECTS Thank you to those who have done their Project Outlines??
For those that still need to create a Project Outline, Need to talk out loud?? Call JilMac 802-254-8628
o See the Project Page for ideas https://sites.google.com/site/jilmactraining/Classes/project
o Read the Project Outline Forum in Moodle - see what other students are doing (I want you to look, get ideas, and share with other students. You could team up for a project, you can combine your project in this class with another class, work, home, family, club. Make it your own! Give it passion!
Badges - what do you think of them?? How many have I created? How can you earn them?
only 3 of the 13 students responded to the Class evaluations - sorry the 2 extra credit points can't be awarded.
Validators- I will cover various Validator(s) & DocType(s) at the bottom of this document
Breathe and Laugh – THIS IS NOT A RACE – This is a journey.
Class Web Site’s Semester at a glance: http://stweb.ccv.edu/CIS-2140-VO01-V15FA/jam08260
You may want to add a REFERENCE PAGE to your web site?? See our “ Links” Page
Mobile HTML5 - http://standardista.com/mobile Chap6 ARIA jQuery and Dojo
Create Flag of Japan https://gist.github.com/remino/1563635
2. Reading Assignment
JavaScript: Visual QuickStart Guide Tom Negrino (Author), Dori Smith (Author)
Books Web Site +
Book's Web Site http://www.javascriptworld.com/
Download the scripts - click the download button from the TOP Nav http://www.javascriptworld.com/ Chapter
11 - Making your Pages Dynamic
Displaying dates by Time Zone ... pg 266 Converting 24-hour Time to 12-Hour Time ... pg 272 Creating a Countdown ... pg 274 Hiding and Displaying Layers ... pg 278 Moving an Object in the Document ... pg 281 Date Methods ... pg 283
Articles to read when you get stuck, need motivation, want to do a different B&A, or want Extra Credit (do an example and write 100+ words how it went:
Khan Academy - JS Drawing & Annimation using the ProcessingJS library https://www.khanacademy.org/computing/computer-programming/programming which uses the library: ProcessingJS sitehttp://processingjs.org
SitePoint: http://www.sitepoint.com
HTML5rockshttp://slides.html5rocks.com/#landing-slide
O'Reilly WebCasts: http://www.oreilly.com/webcasts Scroll down - and see the recordings!! Adobe TV - Introduction to JavaScript with Kevin Hoyt - http://experts.adobeconnect.com/p48gkxxd602/
3. Discussion/Research Assignment – 2 point
Two Parts:
1. Domain Names: How do you know if a Name is already taken? Who has it? When will it renew? Here is an example from a previous semester. Ian's web site http://www.vtshapenotesingers.com If I want to know who owns this and who the administrator is - You can http://WhoIs.com it.
GoDaddy.com also has a WhoIs link when you are searching for information on a Domain Name. Here is what my JilMac.com has jilmac.com registrar whois
Domain Name: JILMAC.COM
Registry Domain ID: 123754783_DOMAIN_COM-VRSN Registrar WHOIS Server: whois.godaddy.com Registrar URL: http://www.godaddy.com Update Date: 2014-05-14T16:03:05Z Creation Date: 2004-06-29T22:17:42Z
Registrar Registration Expiration Date: 2016-06-29T22:17:42Z Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: @godaddy.com Registrar Abuse Contact Phone: +1.4806242505
Domain Status: clientTransferProhibited http://www.icann.org/epp#clientTransferProhibited Domain Status: clientUpdateProhibited http://www.icann.org/epp#clientUpdateProhibited Domain Status: clientRenewProhibited http://www.icann.org/epp#clientRenewProhibited Domain Status: clientDeleteProhibited http://www.icann.org/epp#clientDeleteProhibited Registry Registrant ID:
Registrant Name: Jil MacMenamin Registrant Organization: Registrant Street: 310 Putney Road Registrant City: Brattleboro Registrant State/Province: Vermont Registrant Postal Code: 05301 Registrant Country: United States Registrant Phone: +1.8022548628 Registrant Phone Ext:
Registrant Fax: Registrant Fax Ext:
Registrant Email: @sover.net Registry Admin ID:
Admin Name: Jil MacMenamin Admin Organization: Admin Street: 310 Putney Road Admin City: Brattleboro
Admin State/Province: Vermont Admin Postal Code: 05301 Admin Country: United States Admin Phone: +1.8022548628 Admin Phone Ext:
Admin Email: @sover.net Registry Tech ID:
Tech Name: Jil MacMenamin Tech Organization: Tech Street: 310 Putney Road Tech City: Brattleboro Tech State/Province: Vermont Tech Postal Code: 05301 Tech Country: United States Tech Phone: +1.8022548628 Tech Phone Ext:
Tech Fax: Tech Fax Ext:
Tech Email: @sover.net
Name Server: NS29.DOMAINCONTROL.COM Name Server: NS30.DOMAINCONTROL.COM DNSSEC: unsigned
URL of the ICANN WHOIS Data Problem Reporting System: http://wdprs.internic.net/
>>> Last update of WHOIS database: 2015-07-06T13:00:00Z <<<
For more information on Whois status codes, please visit https://www.icann.org/resources/pages/epp-status-codes-2014-06-16-en
Go look up a name you are interested in - see if it is taken, and what you can find out about it. Look up your own, or that of your companies, etc. Tell me what you learned.
2. Shared Web Hosts: If you want to have a web site - the site must live on a Web Server. Our class Web Server is STWEB. http://stweb.ccv.edu it runs 24x7. In the old days - 13 years ago - if you wanted to have a web page you either had to have:
a dedicated computer that ran 24x7 and served your web pages. If you ISP (Internet Service Provider) found out you were serving web pages - you didn't get your normal $20 bill that month - your bill would come in a box - because you were connected to the internet all the time sending your page to whoever requested it.
OR you could put your web page in the spot your ISP (Internet Service Provider) provided you. There wasn't a lot you could do - but you did have access to some small apps. Like a counter - that counted the unique computers that visited your site, through a CGI script.
o See line 160 <img src="http://cgi.sover.net/cgi-bin/Count.cgi? dd=B&ft=3&df=Jilmac-count01"
o Here is my vintage site - from 1996 - all 4 pages of it! I still have on my ISP - Sover.net http://homepages.sover.net/~jilmac/
Fast Forward to 2015. Many large companies still have a dedicated server. In fact they have to have more than a single dedicated Web Server - they also need a backup server - in case their server goes down. For very large shops - they many have many Web Servers - CCV had three before the Irene storm. They were housed in the cellar at the Waterbury complex. Well - we know what happened there - it was flooded. For a while, after the flood, when you checked the time on the STWEB server - you will see that it is ARIZONA time. Now that the Arizona server is the backup, the server time is Vermont time. However it will depend where your server lives.
However to most small companies - paying a monthly fee to share a Web Server is the most
economical. For only a few dollars per month - you can have a robust web system without the expense of hosting, having staff, and loading software, and maintaining security. These are called Shared Web Hosts.
There are literally thousands to choose from - the features they all have in common is that you rent space from them to serve your web pages to the internet. Most give you the capability to grow. They will accommodate your growth - for a fee.
Give me 200+ words what you learned. We will be discussing/mentioning Shared Web Hosting throughout the semester.
Ideas: You may want to search and see what different User Groups or Forums recommend for shared web hosting. Each group will have their own favorites. Or your favorite Web Site - who do they recommend? Or who advertises on their site?
4.Code Examples=Before + After – 3 points
Chapter 11 - Making your Pages Dynamic:
example will consist of the BEFORE code – that runs on your STWEB site, you make changes to the code– and list the changes in the comments and put the AFTER code on your web site with a link to each.
Book's Web Site http://www.javascriptworld.com
"Download the scripts" - click this button from the TOP Nav on http://www.javascriptworld.com
You are FREE to look on the web, in another text book, or examples from work to substitute.
1.) http://rainbow.arch.scriptmania.com/scripts - has some good javascript - example substitute snowflakes for Falling Leaves.
http://javascript.about.com/od/effects/a/leaf.htm
http://bloggerstop.net/2008/12/add-falling-snow-flakes-flowers-leaves.html http://www.dreamincode.net/forums/topic/33620-falling-leaves-and-firefox http://www.dynamicdrive.com/dynamicindex3/snow.htm <--SNOW
o a forum about issues http://www.daniweb.com/forums/thread79092.htm l http://www.webdeveloper.com/forum/archive/index.php/t-112607.html
http://scripts.top4download.com/free-falling-stars-effect/javascript/ <-- STARS
http://rainbow.arch.scriptmania.com/scripts/bg/autumn_fall_timeout.html <-- Good leaf shapes Other examples – You will have to try each of these in several browsers, and some like their falling
leaves doesn’t work http://www.webdesignerwall.com/trends/47-amazing-css3-animation-demos
2.) You can also work on maps API. Or another API of your choice.
API - Application Program Interface. What are they? and what can they do for me.
One of my favorite API's is Google Maps https://developers.google.com/maps/
When I put up my info into Google Maps it was a LONG time ago - there is so much more!
http://code.google.com/apis/maps/documentation/javascript/
You should all be able to open Google Maps and search for "Ken Leach" and find my son. This is the type of options you want to offer your clients - not only can their company be searched from a Google search - but also from a Google Map search.
3.) PHPInfo.php in OTHERexamples - copy the code to your directory to run. If you have a shared web host - copy the file PHPinfo.php to that web space and run it ... how is it different, ... how is it the same. If you don't have access to another host then look over the PHPinfo that I have on another site.
Official PHP site: http://www.php.net The most current Stable, Alpha, Beta version of PHP is ... http://php.about.com/od/programingglossary/qt/alpha_beta.htm
what is a .tar file???? what operating systems use it?? What is the Windows equivelant ??? STWEB http://stweb.ccv.edu/CIS-2140-VO01-V15SU/jam08260/Assignment08/OtherExamples/PHPInfo-how2findOutWhatIsRunningOnTheServer
GoDaddy http://myvermont.tv/CCV/PHP/PHPinfo.php BLUE HOST
Compare these three - there is a LOT of information , they are broken into groups
Version of PHP, how PHP is Configured, and how PHP is set up, PHP Variables, mySQL, XML, SOAP Some of this we have discussed - and some will be discussed in the coming weeks.
Do 3 Before + After examples – post them to your Assignment Page on your Web Site.
that House rules change. After our teenagers had all grown up – I mentioned to one of them who was still living at home … When you kids are not here – Daddy & I eat in the living room. They giggled and said when you guies are not here – we eat in the living room too!! LOL
If someone else has something more exciting than your example – go into their source code (View, Source Code) and see what they did, compliment them on it. Or as Chris Pederick says “Inspired by”. An excellent example of complimenting them can be found in the CHAT outline – for the Web Developer Toolbar http://chrispederick.com/work/web-developer/features/ under Acknowledgements. Things I’m asking you to do in our Assignments – are HOW THINGS ARE DONE IN THE REAL WORLD. This is an Open Source community – where you EARN respect, not Salaries. You are working under the “Volunteer” rules of conduct –vs- the “Corporate” conduct.
5. CHAT – 1 point extra credit
Each Week - I have a set time where I present material and answer student’s questions live. It is NOT required to ATTEND, but it is REQUIRED to Watch the recording. It is nice to touch base with students and answer questions real time. I also go over the chapter examples and present material from sources other than our text book.
IF you comment as if you were in the chat – you get Extra Credit. JilMac’s discussions are never closed – you are allowed to learn any assignment at any time of the semester, even past CHATS!
CHATS –
https://sites.google.com/site/jilmactraining/internet-programming-js/js-chat-rec Open a browser window
GoTo http://JilMac.com web site
From the LEFT-NAV select “Connect with JilMac” It will bring you to the Adobe Connect Pro web site.
Enter the name you want displayed – NOTE: FERPA, please consider the CHATS a field trip. They will be recorded, and they will be available on the internet to anyone who has the URL address. So if you don’t want to use your real name – you don’t have to! Pick what you want displayed.
Come when you can – leave when you must – you are always welcome! Some of us will stay up late to solve issues or discuss other topics – you are always welcome to watch. Invite your family, friends, associates to see what an On-Line meeting looks and works like.
Those who have microphones – use them – Mary was able to use hers last week. It made the experience richer.
o To set up your microphone, once you are in Adobe Connect PRO
o Click Meeting > Manage my Settings > Audio Setup Wizard
o If this is the first time you have used Audio – then install the small app
o If you have used Audio in Connect Pro then just click the NEXT button and follow the instructions
Validators will validate your code to the DOC TYPE at the top of your document
https://sites.google.com/site/jilmactraining/internet-programming-js/editors#TOC-ValidatorsWhat we choose to use as our validator - will also be influenced by what the Doc Type is None = <html>
HTML5 = <!DOCTYPE HTML>
HTML Transitional = <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Here are the options in DreamWeaver:
HTML 4.01 Strict XHTML 1.0 Transitional XHTML 1.0 Strict
XHTML 1.1
XHTML Mobile 1.0
HTML5
