| Week | Information | |
|---|---|---|
| Assignments due in one week unless otherwise stated. I may add some things during the week, so double check the schedule each week! | ||
| Unit #14/#15 | Your project/final is to bring together a lot of the things that you looked at this semester. You need to submit your project for approval and tell me what you will
be doing and what you will use to accomplish your goals. Your project final should be passed in by August 15th, if you run into problems let me know. |
|
| Unit #13 | Continuing with Ajax. Check back! Assignments: I want you to explain this program very completely. Tell me how it works and tie the parts together. Program to explain You can click here to run the code: Running version |
|
| Unit #12 | I want you to continue learning about AJAX and I want you to very carefully go through my examples below: Donor examples before adding Ajax Donor examples with embedded JavaScript Donor examples with separate JavaScript Ajax donation examples (accompany PDF presentation) Assignments: I want you to use AJAX and do something similiar to what I did with drives and donations, but instead I want you to use projects instead of drives and hours employees worked on the project instead of donations. If you want me to check your tables, let me know. | |
| Unit #11 | I would like you to spend some time doing research on Ajax and trying to understand how it is used and why. I have put some examples and an explation of those examples out on the site for you to look at, but I would do the research first. Ajax and catch up week! |
|
| Unit #10 | We will continue with JSON this unit. You should also keep looking at JavaScript and DOM as you use them. There is information
about DOM at my website for CIS122. This is really helpful because you can validate your JSON at jsonlint to validate Assignments: I would like you to write two programs using PHP and JSON as your data source. |
|
| Unit #9 | This unit we will start looking at JSON. There are notes/presentations in pdf and examples at my site. You should also do some research on your own to figure out what JSON is and how it is used. Continue checking out DOM. Note you can validate your JSON at jsonlint to validate Assignments: Set up payroll data using JSON. You should have information about employee, pay, job, medical and you should have three different deductions where you need to specify the type and the amount and eamil where you have work and personal. Set up at least 3 employees and then access and print out the information from one of the records and all of the records. Next you want to make the JSON data external and again access an individual record and all of the records. Incorporate jQuery. |
|
| Unit #8 | I want you to review DOM and using MySQL to start off with. Just to make sure you remember. Assignments: I want you to make a web page that uses JQuery effectively and I also want you to use DOM. In other words, we have tried a lot of techniques in JQuery. Now I want to practically apply it to a complete web page. Check back! |
|
| Unit #6/Unit #7 | We are going to start looking at JQuery. One of the books I really like is available at it-books (thanks Sandy!),
it is JavaScript and jQuery the missing manual by David McFarland. The address to download is:
JavaScript and jQuery There are a lot of examples zipped up under examples and some pdf files to accompany them under presentations. There is a lot on YouTube as well - I like Little Web Hut and JQuery Tutorials Playlist and I have found some others but don't remember their names. Assignments: Assignment #6: Look at the JQuery JavaScript covered through the basic3 set in my examples. Pick a variety of the things that I illustrate and try them out. I want you to try a lot of the things that look more complex. I want you to write 15 different things and test them (multiple in one js for all our sakes) and I want you to copy the js you write onto a document and send the document along with the working html and js code. In other words, I want you to experiment. Assignment #7: Look at the rest of my examples and again experiment and send me at least 10 examples of what you did. Again, copy the JS onto a document and send that with the working code and again you can combine as long as you tell me what you did. |
|
| Unit #5 | This week I want you to review JavaScript (I recommend looking at what was covered in CIS122 and making sure you are
comfortable with the programs listed. Next review DOM commands. Assignments: First problem: Develop code that uses if statements, loops, arrays and functions (one function should use return and one should be external). Second problem: Write a quiz using JavaScript and creating a form with two true/false questions and three multiple choice with multiple options that need to be checked. Correct the quiz and provide a numeric and letter grade. Do this without the DOM elements. Third problem: Redo the second problem using DOM commands. Fourth problem: Write code that takes in information on a form. You want to take in the cost of a meal and use radio buttons to determine the the percent you want to use for the tax. Provide a constant to use to calculate the tax. Figure out and show the amount owed by the customer. |
|
| Unit #4 | Continue with JQuery Mobile. You should look at the rest of the examples that I have and also do some research
on your own. Check back! Assignments: JQuery Mobile and php |
|
| Unit #3 | This week we are going to continue with jQuery Mobile. RWD and jQuery mobile are two ways to write code usable
on mobile devices. A book I found really helpful when I was starting to learn JQuery Mobile is jQuery Mobile First Look
by Giulio Bai. Look around on the web for information about it if you are interested. You should look at my examples (I have included everything I am asking you to work with) and my accompanying pdf files examples. Assignments: JQuery Mobile basic assignment | |
| Unit #2 | Continue checking the articles and youtube on RWD, there is a lot of
interesting information. I would like you to do some research on how to integrate both background images (background to a division etc) or regular
images effectively into a page that will work on all sizes of media. Then show me your results. We are now going to move on to looking at JQuery Mobile. For now we will look without incorporating data. Then we will look at JQuery itself and then we will get to data - at least that is my plan! Look at the examples under basic examples to get started and second group of basic examples. The zipped examples are there and there are accompanying Smartboard pdf files that cover some of the things. JQuery Mobile site There are a lot of excellent JQuery Mobile tutorials at YouTube. Experiment a little! Assignments: First: Your RWD assignment is to draw your own original layout of 8 or more boxes and the arrangement they would have at different screen sizes and then implement your design. The current wisdom is to start out with the smaller device and move to the bigger. Second: Show me the results of the work you did with images. I want to see a background of a container and just a regular image |
|
| Unit #1 | There are 15 weeks during the fall/spring semesters and I will post the same number of units during the summer. That means that you will have
to pace yourself to do more than one unit some weeks to get through the material. I would like to give you flexibility, so I will
post a few units in the next week so you can work at a pace that matches your schedule. Please note in the text of the information
I will end up using unit and week interchangeably. Please read the articles on Responsive Web Design that I have listed under links (and any others that you find). I would also suggest looking at some of videos at YouTube and looking at the examples and the presentation. A good concept video is RWD concepts I found this one interesting - note it also talks about jsfiddle.net which is a neat tool (Tutorial on jsfiddle) Interesting RWD although a little old Assignments: First: I want you to experiment with writing a page that decreases columns and changes other aspects of the page. Essentially experiment with something that would work on full screen, on a pad and on a phone. Second: Changing layout Your next assignment is to create a page that shows the 6 boxes and their movement as the screen increases and decreases. Follow the images on the pdf. | |