Assignment_02_JavaScript.doc

(1)

Programming for the Internet

with

JavaScript – Assign02

09/13/2015………Learning/JavaScript/Assign02-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.

Research/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

Breathe and Laugh - it fuels the brain with Oxygen - which is important in the learning process!

There comes a time in life, when you walk away from all the drama and the people who create it. Surround yourself with people who make you laugh, forget the bad, and focus on the good. Love the people who treat you right. Pray for the ones who don't. Life is too short to be anything but happy. Falling down is part of life, getting back up is living.

What a great class we have this semester! Your introductions and goals were nice to read – I started to get a feel for what we are looking for this semester. Of course you all know – one semester will begin the process of understanding programming on the web, but it should give you a good direction and new resources for finding answers.

Our Class Web Site:

http://stweb.ccv.edu/CIS-2140-VO01-V15FA/jam08260

will contain the HTML, CSS, JS, PHP and all the code for the class. Moodle will be for asking questions, and telling me when you r work is ready to be graded. Information that is used between semesters will be on

https://sites.google.com/site/jilmactraining/

We have a Documents directory

http://stweb.ccv.edu/CIS-2140-VO01-V15FA/jam08260/Documents

where I will be adding and updating the contents.

Each Assignment I will post a B+A forum((up to 3 points for 3 before+after examples), a Research forum(1 point for posting in the forum and one point for posting on your web site), and a Chat forum(where I will post the link to the recorded chat, and if you comment on it you can receive up to 1 point per week).

ONLY the Research Forum Assignment posted in Moodle is due by Sunday. If your LIFE is too hectic – simply post that you will get me something soon. As long as there is a post there – You have attended class for the week.

Reminder: Please don’t wait to contact me until you are near hysterical … if you’re spinning your wheels – that’s a good time to start contacting me. And you can call/email me a couple of times, CCV instructors have other jobs – none of us can be full time instructors – it’s the rules – so we have to divide our time between multiple clients, I’m just working on something else – so if you need me contact me, if I don’t get back to you right away – and you need me – contact me again!

(2)

---How to ask a question about some code.

You need to learn how to give information about your question in a way

someone could answer it quickly. If it takes a long time to answer - it probably won't get answered in a forum. I am

not just teaching you how to work in this class …. I am teaching you how to work on line with a large community.

Because that community will be very important to you after this class is over and in your career!

OK - so we have all the code - so we can grab it quickly.

http://stweb.ccv.edu/CIS-2140-VO01-V15FA/jam08260/Assignment02

---TESTING -

people add their phones and iPods to the list of appliances to test a web site?

Because more and more customers want to add Mobile Device apps to their sites.

It is the reason that I wanted our Text Book to have HTML5 - because many phones & appliances can read html5.

So phones/appliances will become more and more important! They are the #1 seller. More people have mobile

devices than computers. And that trend is only the beginning!

I'd like to overlap, get 2 birds with one stone, and combine assignments as often possible with other classes, family

activities, and work projects as possible. ANYTIME you can combine an assignment with this class with another

class/family/work please do so. Share with us so others can see it is possible and how you approached it:

EXAMPLE: I heard a lot of students say they were in Color Theory - I'm sure we can find a way to combine that with

some web development - maybe testing background colors and font colors with Color Theory. And since we are

using STWEB - the work you do is accessible from the internet. But there are great Family Projects and Work

Projects that can overlap. So if you need to S_T_R_E_A_C_H an assignment to "fit" something - please do so.

GROUPS

- If some of you want to work in groups - please do so. I don’t specifically put you in groups to

do projects. I allow/encourage you to work together, to help each other, to act like a users group. Each

Assignment we are a group. However if you would like to take any assignment a step closer – and

work/code together that is encouraged - Just add some comments that a group of you are submitting code

together/that is the same. Or how you worked together and I'll grad it in.

(3)

2. Reading Assignment

Each assigment we will be Reading two chapters. Assignment02 is to read Chapter 3 & 4 from the text

JavaScript: Visual QuickStart Guide (9th Edition or 8th Edition)

[Paperback]

 Book's Web Site http://www.javascriptworld.com/

 Download the scripts - click the download button from the TOP Nav http://www.javascriptworld.com/

 Note: the 8th Edition Book can use the 9th Edition examples - in fact they should

Before each chat I will be updating our class web page

http://stweb.ccv.edu

with this semesters data. You will see each assignments changes the week before. You are free to look ahead = just be aware I may change small things.

Breathe and Laugh - it fuels the brain with Oxygen - which is important in the learning process!

3. Discussion/Research Assignment – 2 point

Our Research Discussion this week is Editors. This Research Assignment we will be discussing the editor Notepad++, this is only available for Windows, and is an editor loaded on the CCV Computer Lab Machines. Mac OS’s have similar editors. I will be looking to my Mac students to help me here. The best editors change from year to year. What are the favorites and why.

 A NEW HOT editor that work on Mac/Windows/Linux is BRACKETS - you may want to use this especially all the Mac people - Notepad++ does not work on Mac's. http://brackets.io/

I have used Windoes Notepad++ I have two documents in our documents directory http://stweb.ccv.edu/CIS-2140-VO01-V15FA/jam08260/Documents

 Notepad++.doc - this will walk you through how to download and install, Mac students please share with the class your favorite editor. (The current version is 6)

 ViewSource-Notepad++GET-THE-LATEST.doc – this will walk you through how to make this your default editor in Windows Machines.

We will be discussing the differences in editors. I will be comparing Notepad and Notepad++. What does one editor have that the other does not? Why would you want to Notepad++, Brackets or a similar editor? This is a list of features that I can’t live without. How does my list compare with your essential list? Could you get the editor installed? Could you find the features I listed below in the editor? Write up 100+ words, Put them on your Assignment 02 page on STWEB under Research.

 Line Numbering  Color Coding

 Understands different language syntax

 Has Diff add-on, to compare files

 Can view compared files side by side

 Can open and close parts of the code using + and –

(4)

Note:

You are free to substitute a Research/Discussion – if the topic is something that doesn’t fit your

needs. If it doesn't earn you what you hoped for - then we can discuss and come up with other things. I

want everyone to know they have options depending on their work, topics of interest, resources and

most importantly Learning Styles.

4.Code Examples=Before + After – 3 points

Each week/assignment you will have the option to earn 3 points, one for each code examples. Each code

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 the download button from the TOP Nav http://www.javascriptworld.com/

Download the source code – I DO NOT expect you to hand type the examples (if it helps you learn - hand type,

but that time is your own and is not built into our 8 hours per week):

o

Click the

Downloads

TAB below the picture of the book

o

Click “Download the source code”

o

Save the .zip file to your hard drive or other media

o

Unzip the files

From chapters 3 & 4 do 3 Before + After Assignments. You can also use Chapter 2 for B+A examples.

Several students asked if I could post a month’s or the whole semester’s assignments.

Each Assignment we do 3 B&A examples – post them to your Assignment Page on your Web Site.

All students have the option to use an example from their text books – or to find a similar example from

the web. You need to post the link to where the before example came from if you use a web example.

You can create an

index.htm

file in each Assignment Directory where you can put a link to your Discussion

Research problem and links to each of the three Before+After examples you want credit for.

Each person is allowed to learn at their comfort level. I don’t tell you WHAT to change – you get to decide.

I only want you to change something at your comfort level. I want you to get the process down, find and

example – make it run ON YOUR SERVER, save that as your BEFORE, then change something, document it,

and save it as your AFTER example – have LINKS to the Before & After from your web site. This is so

others can look at your work.

THIS IS NOT A RACE – This is a journey.

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.

(5)