Lecture

Week's Image Here

Next week - Discuss why Relevant:
- Design
- rates for design
- jQuery

? get the quote about
we build custom application s from scratch... 

Move to week #5 Lecture Topic:  YAML - open source... the way pros build

Mr. M. - in ALL courses...

ASK for a screen shot of entire resume...

Maybe in assignment, or weight What I learned MORE... that might work..

then... add what you are trying to encourage them to do - for marks

MM 400 -

Business Experience

MM 462 Open Source Communities

MM 218 - $1000 website

SHOW Joey's BoilerPLate Work..

YAML

---

Highlights

1. Assignment DUE Date - NEW... See Lab or Assignment...
   
2. Various OS Topics

Student Check List

Review

What do you recall from last week? Did you watch the rest of that video about OPEN SOURCE last week...   Did you like the Drawings / Animations Did it make you think differently about FREE Open Source and how it has changed the world... and Mr. M. classes too.

Tip of the Day

HTML TIDY At least one student, spent time "tidying" up a jQuery Template. Some editors will do this for you... here is an online tool Put this in your What I learned document http://infohound.net/tidy/

Student R&D Department

Thanks students for these: Thanks students for these: Stephen... http://hugeurl.geeks.org Programmers have an odd sense of humor... MrM Hello Mr. McCormack, I thought I would shoot you this quick email. I came across this Open Source Web Developers Tool while on Placement, I thought you would like to see.  If you don't already know about it I suggest that you check it out, It's very powerful. The Tool is called "Firebug", here is the link --> https://getfirebug.com/ Cheers, Kevin Hey Hey: . Thanks VERY much for link....     I will show my students for sure. . I have never seen anything like this before....   What a coincidence...   JUST this morning, I UPDATED the $1000 web site assignment -   requiring Social buttons...     https://sites.google.com/site/mrwinter11/mm-218-2011/assignments/assignment-02---1000-website   and your link will be an interesting option for students... . All the best, you were an excellent (and talented) student...    Do let me know if I can help with anything at all Rob Cheers.    Mr. M. On 2011-02-01, at 11:11 AM, Rachel  wrote: Hey MrM! I hope this semester is treating you well!! I just came across something that I thought you would like. If you got to this link, then hover over the "summer 2009" image, you'll see a little thing pop up that says "drag to share". It darkens the screen and allows you to drag it to your social network... pretty fancy dancy if I do say so myself. I am not sure if you have seen it before, but it kind of reminded me of some of the things you were showing us in our last class with you. http://abduzeedo.com/easy-way-create-90s-design-photoshop Just thought I would share! Have a great semester! -Rachel

Terms you gotta know...

Important terms you should know (i.e. with Googling them - like for a job interview, or verbal discussions) Terms: cPanel Linux

Lecture Topic: 

DUE DATE Extended - See assignment, Sunday midnight to be fair to Friday's lab students

Lecture Topic: Demo of cPanel

Question:

Do you have cPanel on your .info

Does MrM host without it

Is it FREE?  Yes, no.

Demo

http://mrmtest.info/cpanel

mrmtest

mm___ _ _ _ _

Manufacturers demo at:

http://www.cpanel.net/products/cpanelwhm/try-demo.html

Lecture Topic: 

Lecture Topic: HTML5 - CSS... Tips of the Day.

Refer here for the full tutorial: http://net.tutsplus.com/tutorials/htm...

Ever wondered how a particular effect was achieved in a web design, and, after zooming in several clicks, you found that the author added several subtle shadows, borders, gradients, etc? In the past, this was achieved simply by slicing out an image, and setting it as a background of some element. Luckily, with CSS3, we can be afforded much more flexibility. Now, while the code for such a simple effect might be a bit tedious, its well worth it, and thats what well review in todays written and video quick tip!

http://www.youtube.com/watch?v=DZ8p-XMEmsE

Lecture Topic: More with jQuery

 Quandary ?

• How much of the hard-core programming of jQuery (on any library) do you need to know?
  
  
• Mr. M. consulting with programmers in Industry - who are using a lot of jQuery - what do they expect new hires to KNOW and be able to DO in the first week on the job?
  
  
• Now a days... there seem to be 3 kinds of basics..
  1- Basic of JavaScript
  2- Basic of jQuery
  3- Basic of jQuery plugins etc. - like colorbox, lightbox, jqueryui etc.
  
  
• A solid knowledge of xHTML/CSS is essential...
  
  
• An ability to "learn on your own" and be motivated, and being curious are of paramount importance.
  

Examples and Comments


First something amazing.... Jet Plane
http://www.digital-web.com/extras/jquery_crash_course/

From:
http://www.digital-web.com/articles/jquery_crash_course/

It is this minimalist school of thought from which jQuery stems. John Resig, the creator of jQuery, began work on the library while a college student at the Rochester Institute of Technology, and now works as a JavaScript evangelist for the Mozilla Corporation, best known for the popular web browser Firefox. jQuery has come a long way since its early beginnings, growing in popularity into a widely used solution for writing elegant code. Some high-profile sites use jQuery, including: BBC, Digg, Intel, MSNBC and Technorati. Even the popular video game company Ensemble Studios uses jQuery for their Age of Empires community website.

I tend to think of jQuery as a universal translator of sorts. You know what I mean—the magic lapel pin that miraculously translates every alien dialect on Star Trek into intelligible English. jQuery is not unlike such a device. It is small, lightweight, and facilitates a common dialog among modern browsers. As long as you can logically formulate what you want to say, jQuery understands your intentions and will interpret for you regardless of which user agent is listening in.

--------------

A few years ago adding simple effects to the code meant big challenge for the developer. Now even people which are not experiences in JavaScript can add a few lines of code and have basic effects with jQuery.

However this doesn’t mean that it is always easy to add effects to existing site.

In fact every effect is nothing else than dynamic changing CSS properties of certain page objects.

This means that every effect depends on how XHTML and CSS for the page is organized.

So ideally when you code the page you should keep in mind that certain page elements are going to be animated/dynamic. This also answers the question why adding fairly simple effect to the existing page can take a few hours.

http://justcoded.com/article/jquery-examples/



How much of the CORE jQuery do you NEED to KNOW?

http://www.mind-projects.it/projects/jqzoom/demos.php#demo1


Building a Robot
http://css-tricks.com/jquery-robot/

Lecture Topic: The Modern TRUTH about OS

The Future is HERE, it just isn't well distributed.

Tim O'Reilly - stole from Sci Fi writer William Gibson.

Not too long ago, 2 years maybe

Comp Dept

"Yeah, OS is good for small stuff"

"OS is not well supported..."

What about OPEN SOURCE?

Question to ask anyone

Have you EVER made any money with OPEN SOURCE..

If answer is NO.

Don't expect them to understand the POWER of open source.

Mr. M. doesn't do ANYTHING without Open Source.

Next assignment will be Mobile Website.... and we will make extensive use of OS.

Without open source this would take the best teachers combined with the best students..

a few years to accomplish... and it wouldn't be any good.

DRUPAL - college website... OPEN SOURCE

Things are different in a modern programming world.

Mr. M. can't teach the way it was 10 years ago... even 5 years ago, even 2 years ago...

So... you might have to let people come around on their own...
but MrM has less patience now...
Maybe tell them to watch the movie...

Movie of the Week  - 20 minute video - Current and about

This surprised Mr. M. - will it surprise you?

Again.... many are not interested in Open Source...
   maybe anyone that hasn't profited from OS, should watch this video.

It is hard to think about FUTURE jobs, without Open Source....
     and we are NOT just talking about the Internet.

After watching this... ask youself

Has Linux arrived?
Has Open Source Arrived?


This may have a lot to do with your future jobs...

Anyone interested in a Ubunto, linux projec?





Movie:


http://youtu.be/9nFglhjFml4

Lecture Topic: 

---

Lab

Highlights

1. MOSTLY Work Period - To COMPLETE your $1000 Website Assignment
   
2. Link Checker
   
3. Upload Orion's website via FTP - for 2/3 marks
4. Earn 3/3 if you can figure out Google Tools (upgrade next week)
   

DUE DATE Extended - See assignment, Sunday midnight to be fair to Friday's lab students

Lab Topic: Adding a LINK CHECKER to  your $1000 website

This is a requirement - add a screen shot to your $1000 Website GOOGLE Doc.

DEMO

http://www.htmlhelp.com/tools/valet/

Lab Topic: For 2/3 marks - Uploading your Orion's website

Check lists

1. FTP to a folder called "orion" - be carefull not to upset your $1000 website
2. Check ALL links
3. CHECK all pictures work
4. Add any favicon if your site doesn't have one
5. Show Mr.M.
6. Put a screen shot in your What I learned document.
   

Lab Topic: Upgrade to 3/3 next week if you can figure out Google Webmaster Tools

Watch Video - 1 minute long..

http://youtu.be/COcl6ax38IY




http://www.google.com/webmasters/